/**
 * WP Plus Minus - Frontend Styles
 * Version: 1.0.0
 */

/* Wrapper Styles */
.wppm-wrap {
    display: block;
    clear: both;
    margin: 20px 0;
    width: 100%;
}

.wppm-wrap::after {
    content: "";
    display: table;
    clear: both;
}

/* Plus Block Styles */
.wppm-plus {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f0fdf4;
    border-left: 4px solid #22c55e;
    border-radius: 4px;
}

.wppm-wrap .wppm-plus {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.wppm-plus .wppm-title {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: #166534;
}

.wppm-plus ul,
.wppm-plus ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
}

.wppm-plus ul li,
.wppm-plus ol li {
    padding: 0 0 15px 40px !important;
    margin: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left top;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OS41NDMgNDg5LjU0MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg5LjU0MyA0ODkuNTQzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNzAuMDI0LDBjLTIyLjYsMC0xNSw0OC4zLTE1LDQ4LjNzLTQ4LjMsMTMzLjItOTQuNSwxNjguN2MtOS45LDEwLjQtMTYuMSwyMS45LTIwLDMxLjNsMCwwbDAsMCAgICBjLTAuOSwyLjMtMS43LDQuNS0yLjQsNi41Yy0zLjEsNi4zLTkuNywxNi0yMy44LDI0LjVsNDYuMiwyMDAuOWMwLDAsNzEuNSw5LjMsMTQzLjIsNy44YzI4LjcsMi4zLDU5LjEsMi41LDgzLjMtMi43ICAgIGM4Mi4yLTE3LjUsNjEuNi03NC44LDYxLjYtNzQuOGM0NC4zLTMzLjMsMTkuMS03NC45LDE5LjEtNzQuOWMzOS40LTQxLjEsMC43LTc1LjYsMC43LTc1LjZzMjEuMy0zMy4yLTYuMi01OC4zICAgIGMtMzQuMy0zMS40LTEyNy40LTEwLjUtMTI3LjQtMTAuNWwwLDBjLTYuNSwxLjEtMTMuNCwyLjUtMjAuOCw0LjNjMCwwLTMyLjIsMTUsMC04Mi43QzM0Ni4zMjQsMTUuMSwyOTIuNjI0LDAsMjcwLjAyNCwweiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iIzIyYzU1ZSIvPgoJCTxwYXRoIGQ9Ik0xMjcuMzI0LDQ2NS43bC0zNS0xNjYuM2MtMi05LjUtMTEuNi0xNy4zLTIxLjMtMTcuM2gtNjYuOGwtMC4xLDIwMC44aDEwOS4xQzEyMy4wMjQsNDgzLDEyOS4zMjQsNDc1LjIsMTI3LjMyNCw0NjUuN3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiMyMmM1NWUiLz4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+Cg==");
    line-height: 1.6;
}

.wppm-plus ul li:last-child,
.wppm-plus ol li:last-child {
    padding-bottom: 0;
}

.wppm-plus ul li::before,
.wppm-plus ol li::before,
.wppm-plus ul li::marker,
.wppm-plus ol li::marker {
    display: none !important;
    content: none !important;
}

/* Minus Block Styles */
.wppm-minus {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fef2f2;
    border-left: 4px solid #ef4444;
    border-radius: 4px;
}

.wppm-wrap .wppm-minus {
    width: 48%;
    float: left;
}

.wppm-minus .wppm-title {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: #991b1b;
}

.wppm-minus ul,
.wppm-minus ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
}

.wppm-minus ul li,
.wppm-minus ol li {
    padding: 0 0 15px 40px !important;
    margin: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 4px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4Ny42NDMgNDg3LjY0MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg3LjY0MyA0ODcuNjQzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij48Zz48Zz4KCTxwYXRoIGQ9Ik0xMTMuODY5LDIwOS40NDNsNDYtMjAwLjFjMCwwLDcxLjItOS4zLDE0Mi42LTcuOGMyOC41LTIuMyw1OC45LTIuNSw4MywyLjdjODEuOSwxNy40LDYxLjQsNzQuNSw2MS40LDc0LjUgICBjNDQuMiwzMy4yLDE5LDc0LjYsMTksNzQuNmMzOS4yLDQxLDAuNyw3NS4zLDAuNyw3NS4zczIxLjIsMzMtNi4xLDU4Yy0zNC4yLDMxLjItMTI2LjksMTAuNS0xMjYuOSwxMC41bDAsMCAgIGMtNi40LTEuMS0xMy4zLTIuNS0yMC43LTQuMmMwLDAtMzIuMS0xNSwwLDgyLjRzLTIxLjQsMTEyLjMtNDMuOSwxMTIuM3MtMTUtNDguMS0xNS00OC4xcy00OC4xLTEzMi43LTk0LjEtMTY4ICAgYy05LjktMTAuNC0xNi4xLTIxLjgtMTkuOS0zMS4ybDAsMGwwLDBjLTAuOS0yLjMtMS43LTQuNS0yLjQtNi41QzEzNC40NjksMjI3LjU0MywxMjcuODY5LDIxNy44NDMsMTEzLjg2OSwyMDkuNDQzeiAgICBNNzAuODY5LDIwNi42NDNjOS43LDAsMTkuMi03LjcsMjEuMi0xNy4ybDM0LjgtMTY1LjZjMi05LjUtNC4zLTE3LjItMTQtMTcuMkg0LjE2OWwwLjEsMjAwSDcwLjg2OXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiNlZjQ0NDQiLz4KPC9nPjwvZz4gPC9zdmc+Cg==");
    line-height: 1.6;
}

.wppm-minus ul li:last-child,
.wppm-minus ol li:last-child {
    padding-bottom: 0;
}

.wppm-minus ul li::before,
.wppm-minus ol li::before,
.wppm-minus ul li::marker,
.wppm-minus ol li::marker {
    display: none !important;
    content: none !important;
}

/* Empty paragraph handling */
.wppm-wrap p:empty,
.wppm-plus p:empty,
.wppm-minus p:empty {
    display: none;
}

/* RSS Feed Styles */
.wppm-wrap-rss,
.wppm-plus-rss,
.wppm-minus-rss {
    margin: 20px 0;
    padding: 15px;
}

.wppm-plus-rss img,
.wppm-minus-rss img {
    max-width: 24px;
    height: auto;
}

/* Responsive Design */
@media screen and (max-width: 767px) {
    .wppm-wrap .wppm-plus,
    .wppm-wrap .wppm-minus {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .wppm-plus,
    .wppm-minus {
        padding: 15px;
    }

    .wppm-plus ul li,
    .wppm-plus ol li,
    .wppm-minus ul li,
    .wppm-minus ol li {
        padding-left: 35px;
        background-size: 18px;
    }
}

/* Print Styles */
@media print {
    .wppm-wrap,
    .wppm-plus,
    .wppm-minus {
        background-color: transparent !important;
        border-color: #000 !important;
    }
}