.elementor-kit-27{--e-global-color-primary:#79AE25;--e-global-color-secondary:#FCAC2F;--e-global-color-text:#17261E;--e-global-color-accent:#176339;--e-global-color-e53e6cc:#FEFEFE;--e-global-color-c247d09:#F6F6F6;--e-global-color-bcf6c95:#FBFBFB;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.mobile-shop-btn a {
    background-color: #79AE25 !important;
    color: #FEFEFE !important;
    border-radius: 8px !important;
    text-align: center !important;
    
    /* The Flexbox fixes to force centering */
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    
    padding: 12px 20px !important;
    margin: 10px 20px !important; /* Adds slight spacing on the sides so it doesn't touch the screen edges */
    font-weight: bold !important;
}

.mobile-shop-btn a:hover {
    background-color: #FCAC2F !important;
}

/* --- SISI ALAGBO POPUP FILTER RULES --- */
/* 1. Hide all result containers by default when the filter is active */
body.sisi-filtering [id^="result-"] {
    display: none !important;
}

/* 2. Only show the container that matches the body class */
body.show-fertility #result-fertility { display: flex !important; }
body.show-infections #result-infections { display: flex !important; }
body.show-hormonal #result-hormonal { display: flex !important; }
body.show-mens-health #result-mens-health { display: flex !important; }
body.show-womens-health #result-womens-health { display: flex !important; }
body.show-general #result-general { display: flex !important; }

/* 1. Change the Moniepoint and WooCommerce Radio Buttons/Checkboxes */
input[type="radio"], 
input[type="checkbox"] {
    accent-color: #176339 !important; 
}

/* 2. Change the Blue Glow on the Country Dropdown and Text Fields */
.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row select:focus, 
.woocommerce form .form-row textarea:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #2e7d32 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.2) !important;
}

/* 3. Change the WooCommerce Country Dropdown Highlight Color */
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #176339 !important;
    color: white !important;
}

/* Change WooCommerce Purple "Pay" and "Place Order" Buttons to Green */
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
#place_order {
    background-color: #17261E !important;
    color: #ffffff !important;
    border-color: #17261E !important;
}

/* Make it slightly darker when the customer hovers over it */
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce input.button.alt:hover,
#place_order:hover {
    background-color: #176339 !important;
    color: #ffffff !important;
}/* End custom CSS */