@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//caya.ro/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.0") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//caya.ro/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//caya.ro/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//caya.ro/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//caya.ro/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//caya.ro/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//caya.ro/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//caya.ro/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//caya.ro/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(104,48,104);
	--wd-alternative-color: rgb(128,0,128);
	--wd-link-color: rgb(104,48,104);
	--wd-link-color-hover: rgb(128,0,128);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(91, 50, 86);
	--btn-accented-bgcolor-hover: rgb(128,0,128);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(http://caya.ro/wp-content/uploads/2021/08/sweets-bakery-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 0px;
}
.header-banner {
	background-color: rgb(0,0,0);
	background-image: none;
}
.wd-page-title {
	background-color: rgb(153,214,233);
	background-image: url(https://caya.ro/wp-content/uploads/2025/04/109983.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(104,48,104);
	background-image: none;
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title, html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount, html .product.wd-product del, html .product.wd-product del .amount {
	font-size: 24px;
}
.product-labels .product-label.featured {
	background-color: rgb(221,51,51);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Jost !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Jost !important;
}

@font-face {
	font-family: "Jost";
	src: url("//caya.ro/wp-content/uploads/2021/10/Jost-400-Book.woff2") format("woff2"), 
url("//caya.ro/wp-content/uploads/2021/10/Jost-Book.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Jost";
	src: url("//caya.ro/wp-content/uploads/2021/10/Jost-500-Medium.woff2") format("woff2"), 
url("//caya.ro/wp-content/uploads/2021/10/Jost-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Jost";
	src: url("//caya.ro/wp-content/uploads/2021/10/jost-600-semi.woff") format("woff2"), 
url("//caya.ro/wp-content/uploads/2021/10/Jost-Book.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* == Product Info Box Caya with Image == */
.info-box-caya-image {
    position: relative; /* Required for positioning the image */
    border: 1px solid #9A2195; /* Magenta border */
    border-left: 5px solid #9A2195; /* Left magenta accent */
    background-color: #fceded; /* Very light pink background */
    padding: 20px 25px 20px 95px; /* Adjusted padding: 95px left to accommodate 65px image */
    margin-top: 25px;          
    margin-bottom: 25px;        
    border-radius: 4px;        
    box-shadow: 0 2px 4px rgba(154, 33, 149, 0.15); /* Soft pinkish shadow */
    color: #333; /* Main text color */
    overflow: hidden; /* Prevents issues if image overflows */
}

/* Inner paragraph styling */
.info-box-caya-image p {
    margin: 0; 
    line-height: 1.6; 
    font-size: 1.05em;
}

/* Bold text (strong) and email link styling */
.info-box-caya-image strong,
.info-box-caya-image p a { /* Apply style to links inside paragraphs as well */
   color: #9A2195; /* Magenta highlight color */
   font-weight: 600; 
}

/* Optional: Remove default underline from link */
.info-box-caya-image p a {
    text-decoration: none;
}
/* Optional: Add underline on hover */
.info-box-caya-image p a:hover {
    text-decoration: underline;
}

/* Replace the ::before pseudo-element with an image */
.info-box-caya-image::before {
    content: ''; /* Required to display the pseudo-element */
    display: block; /* Or inline-block */
    position: absolute; /* Position relative to .info-box-caya-image */
    left: 15px; /* Distance from the left edge of the box */
    top: 50%; /* Vertically align to middle */
    transform: translateY(-50%); /* Perfect vertical centering */
    width: 75px;  /* Image width (adjust as needed) */
    height: 75px; /* Image height (adjust as needed) */
    background-image: url('https://caya.ro/wp-content/uploads/2024/02/Banner_Caya_hormonfreies_Diaphragma__FillWzcwNSw1MDBd-removebg-preview.png'); /* Image URL */
    background-size: contain; /* Ensure the image fits entirely */
    background-repeat: no-repeat; /* Don't repeat the image */
    background-position: center center; /* Center the image within its area */
}


/* --- Styles for Product Details (Class .product-details) --- */

/* Main container */
.product-details {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';  /* Modern font stack, Apple style */
    font-size: 17px;                                  /* Readable base font size */
    line-height: 1.7;                                 /* Comfortable line spacing */
    color: #333;                                      /* Main text color (dark gray) */
    max-width: 1120px;                                /* Optimal width */
    margin: 40px auto;                                /* Top/bottom margin and centering */
    padding: 30px;                                    /* Inner spacing */
    background-color: #ffffff;                        /* Clean white background */
    border: 1px solid #e8e8e8;                        /* Very subtle border */
    border-radius: 10px;                              /* Slightly rounded corners */
    box-sizing: border-box;                           /* Include padding/border in element's total width/height */
}

/* Introductory paragraph */
.product-details > p:first-of-type {
    font-size: 1.1em;                                 /* Slightly larger */
    color: #444;
    margin-bottom: 30px;                              /* More space after intro */
}

/* Section headings (h3) */
.product-details h3 {
    color: var(--wd-primary-color);                   /* Use theme's primary accent color */
    font-size: 1.6em;
    font-weight: 600;                                 /* Semi-bold */
    margin-top: 40px;                                 /* Space above heading */
    margin-bottom: 15px;                              /* Space below heading */
    padding-bottom: 8px;                              /* Space below text, above border */
    border-bottom: 1px solid #eee;                    /* Subtle separator line */
    letter-spacing: -0.2px;
}

/* Standard paragraphs (p) */
.product-details p {
    margin-bottom: 18px;
    color: #444;                                      /* Standard paragraph text color */
}

/* Style for the last paragraph in the container */
.product-details > p:last-of-type {
    margin-bottom: 0;                                 /* No bottom margin for the very last paragraph */
    font-size: 0.95em;                                /* Slightly smaller final note */
    color: #666;                                      /* Lighter gray */
    /* border-top: 1px solid #eee; */                 /* REMOVED to prevent double lines */
}

/* --- Unordered lists (ul - Features, Benefits) - ADJUSTED FOR NESTING --- */

/* Style for all UL elements within product details */
.product-details ul {
    list-style: none;                                 /* Remove default bullets */
    padding-left: 0;                                  /* Remove default padding */
    margin-top: 0;                                    /* Reset top margin for UL */
    margin-bottom: 30px;                              /* Space after the list block */
}

/* General styling for ALL li elements (both outer container LI and inner content LI) */
.product-details ul li {
    /* padding-left: 25px; */     /* REMOVED - Will be applied only to inner LI */
    /* position: relative; */     /* REMOVED - Needed only for inner LI's ::before */
    margin-bottom: 10px;          /* Space below each LI */
    color: #444;                  /* Base text color */
    list-style-type: none !important; /* Force no default bullets on any LI */
    padding-top: 0;               /* Reset padding */
    padding-bottom: 0;
}

/* Styling SPECIFICALLY for the INNER li elements (the ones with the actual text content) */
/* Targets an li that is inside another li */
.product-details ul li li {
    padding-left: 25px;           /* ADDED: Space for custom icon/bullet */
    position: relative;           /* ADDED: Needed for ::before positioning */
    /* Adjust margin if spacing is off */
    /* margin-bottom: 5px; */
}

/* Custom bullet - Apply ONLY to the INNER li elements */
.product-details ul li li::before {
    content: '✓';                 /* Checkmark symbol */
    display: inline-block;
    color: currentColor;          /* Use text color of parent */
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;           /* Position relative to the INNER li */
    left: 0;
    top: 1px;                     /* Adjust for vertical alignment */
    line-height: 1.6;             /* Match approx line-height for better alignment */
}

/* Specific style for labels (strong tags) within list items */
.product-details ul li strong {
    color: var(--wd-secondary-color); /* Use theme's secondary color */
    margin-right: 5px;            /* Small space after the label */
}

/* --- End List Styles --- */


/* --- Table (Ingredients / Composition) --- */

/* Default Desktop Table Styles */
.product-details table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 0.95em;
}

.product-details thead {
    background-color: #f8f8f8;
    border-bottom: 2px solid #ddd;
}

.product-details th {
    padding: 12px 10px;
    text-align: left;
    font-weight: 600;
    color: #333;
}

.product-details tbody tr {
    border-bottom: 1px solid #eee;
}

.product-details tbody tr:nth-child(even) {
    background-color: #fdfdfd;
}

.product-details tbody tr:hover {
    background-color: #f5f5f5;
}

.product-details td {
    padding: 10px;
    color: #444;
    vertical-align: top;
    text-align: left; /* Ensure left alignment on desktop */
}

.product-details td:first-child {
    font-weight: 500;
    color: #222;
}


/* --- Styles for About Us Department Blocks (.about-department-block) --- */

/* Main block container style */
.about-department-block {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; /* Modern font stack */
    font-size: 17px;          /* Base readable font size */
    line-height: 1.7;         /* Comfortable line spacing */
    color: #333;              /* Main text color (dark gray) */
    background-color: #f8f9fa; /* Light gray background */
    border: 1px solid #e9ecef; /* Subtle border */
    border-radius: 12px;      /* Rounded corners */
    padding: 30px;            /* Generous inner spacing */
    margin-bottom: 30px;      /* Space between blocks if stacked vertically */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04); /* Subtle shadow for depth */
}

/* Block title style (h3) */
.about-department-block h3 {
    /* Use the theme's primary color variable (WoodMart example) */
    /* Fallback to #1d1d1f if the variable is not defined */
    color: var(--wd-primary-color, #1d1d1f);
    font-size: 1.6em;         /* Prominent title size */
    font-weight: 600;         /* Semi-bold */
    margin-top: 0;            /* No extra top margin inside the block */
    margin-bottom: 20px;      /* Space below the title */
    padding-bottom: 10px;     /* Space above the bottom border */
    border-bottom: 1px solid #e0e0e0; /* Subtle separator line */
    text-align: left;         /* Align title left (or 'center' if preferred) */
    letter-spacing: -0.2px;
}

/* Standard paragraph style */
.about-department-block p {
    color: #444;              /* Slightly lighter gray for paragraphs */
    margin-top: 0;
    margin-bottom: 18px;      /* Standard space below paragraphs */
}

/* Style for the last paragraph within a block */
.about-department-block p:last-child {
    margin-bottom: 0;         /* No bottom margin for the very last paragraph */
}

/* Style for blockquote elements (used for mottos in Block 1) */
.about-department-block blockquote.motto {
    font-style: italic;
    color: #555;              /* Slightly different color for mottos */
    /* Use the theme's primary color variable for the accent border */
    border-left: 4px solid var(--wd-primary-color, #68A603); /* Fallback green if var fails */
    padding-left: 15px;       /* Indent text */
    margin-left: 0;           /* Reset default browser margin */
    margin-top: 25px;         /* Space above the quote */
    margin-bottom: 10px;      /* Space below the quote (adjust if p follows) */
}

/* Specific styling for paragraphs inside the blockquote */
.about-department-block blockquote.motto p {
    margin-bottom: 5px;       /* Reduced space between motto lines */
    color: inherit;           /* Inherit the blockquote color */
}

/* Ensure last paragraph inside blockquote also has minimal bottom margin */
.about-department-block blockquote.motto p:last-child {
    margin-bottom: 5px;
}

/* --- End About Us Department Block Styles --- */


/* --- Responsive Adjustments --- */
@media screen and (max-width: 768px) {

    /* --- General Mobile Font Size Adjustment --- */
    .product-details {
        font-size: 15px;                             /* Or 16px – test what looks best */
        /* line-height: 1.6;                          Optional: Adjust line height if needed */
        padding: 5px;                                /* Optional: Reduce container padding on mobile */
    }

    /* --- Responsive Table - Method 3: Simple Horizontal Scroll --- */
    .product-details table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
        /* min-width: 600px;                          Optional: Force min width if content is too narrow */
        border-collapse: collapse;
        border-spacing: 0;
    }

    .product-details thead,
    .product-details tbody,
    .product-details tr {
        box-sizing: border-box;
    }

    .product-details th,
    .product-details td {
        white-space: nowrap;
        padding: 10px 8px;                           /* Adjusted mobile padding */
        box-sizing: border-box;
    }

    /* --- Optional: Reduce h3 size for better mobile readability --- */
    .product-details h3 {
        font-size: 1.4em;                            /* Reduced from 1.6em on desktop */
        margin-top: 5px;                             /* Adjust spacing as needed */
        margin-bottom: 10px;
    }

    /* --- Optional: Reduce intro paragraph size --- */
    .product-details > p:first-of-type {
        font-size: 1em;                              /* Reduced from 1.1em on desktop */
        margin-bottom: 20px;
    }

} /* --- End @media --- */


/* --- End Product Details Styles --- */