:root {
	--wd-text-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(245,155,187);
	--wd-alternative-color: rgb(255,225,231);
	--btn-default-bgcolor: rgb(233,241,245);
	--btn-default-bgcolor-hover: rgb(216,29,73);
	--btn-accented-bgcolor: rgb(233,241,245);
	--btn-accented-bgcolor-hover: rgb(216,29,73);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(233,241,245);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(2,112,171);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://acc.khmeryeung.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(243,243,242);
	background-image: none;
}
html:lang(km) body {
	font-family: "Noto Sans Khmer", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
html:lang(km) :is(h2, h3, h4, h5, h6) {
	font-family: "Noto Sans Khmer", Arial, Helvetica, sans-serif;
	font-weight: 600;
}
 {
	font-family: "Noto Sans Khmer", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-family: "Kantumruy Pro", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-family: "Kantumruy Pro", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-family: "Kantumruy Pro", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--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-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

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


.wd-page-title {
background-color: rgb(249,249,249);
}

/* =========================================================
   AQUA CARES - GLOBAL CUSTOM CSS
   ========================================================= */


/* ---------------------------------------------------------
   1. STANDARD CONTENT BUTTONS
   Soft 6px corners
   --------------------------------------------------------- */

.elementor-widget-wd_button .btn,
.elementor-widget-wd_button a {
    border-radius: 6px !important;
}


/* ---------------------------------------------------------
   2. CONTACT FORM 7 SUBMIT BUTTONS
   --------------------------------------------------------- */

.wpcf7 .wpcf7-submit {
    background-color: #f59bbb !important;
    color: #ffffff !important;
    border: none !important;

    border-radius: 6px !important;

    min-height: 48px;
    padding: 5px 28px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;

    cursor: pointer;

    transition: background-color 0.3s ease;
}

.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus {
    background-color: #ef7faa !important;
    color: #ffffff !important;
}

.wpcf7 .wpcf7-submit:disabled {
    background-color: #f59bbb !important;
    color: #ffffff !important;

    opacity: 0.65;
    cursor: not-allowed;
}


/* ---------------------------------------------------------
   3. HEADER - REQUEST A QUOTE
   Keep this button pill-shaped
   --------------------------------------------------------- */

.whb-header a.btn[href$="/request-quote/"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    background-color: #f59bbb !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 35px !important;

    min-height: 42px;
    padding: 5px 22px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2;

    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;

    transition: background-color 0.3s ease;
}

.whb-header a.btn[href$="/request-quote/"]:hover,
.whb-header a.btn[href$="/request-quote/"]:focus {
    background-color: #ef7faa !important;
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .whb-header a.btn[href$="/request-quote/"] {
        min-height: 38px;
        padding: 5px 15px !important;
        font-size: 11px !important;
    }
}


/* ---------------------------------------------------------
   4. MOBILE-ONLY REQUEST A QUOTE MENU ITEM
   --------------------------------------------------------- */

.wd-nav-main > .mobile-only-quote {
    display: none !important;
}

.wd-nav-mobile .mobile-only-quote > a {
    color: #f59bbb !important;
    font-weight: 600;
}


/* ---------------------------------------------------------
   5. YITH QUOTE CONFIRMATION MESSAGE
   --------------------------------------------------------- */

.woocommerce-message,
.woocommerce-message a {
    color: #263238 !important;
}

.woocommerce-message a {
    font-weight: 600;
    text-decoration: underline;
}


/* ---------------------------------------------------------
   6. BLOG - HIDE COMMENTS ICON
   --------------------------------------------------------- */

.single-post .meta-reply,
.single-post .wd-post-reply,
.single-post .comments-link {
    display: none !important;
}

/* ---------------------------------------------------------
   7. KHMER TYPOGRAPHY (WPML km-kh only)
   Existing English typography and heading sizes are preserved.
   --------------------------------------------------------- */
html:lang(km) body {
    --wd-text-font: "Kantumruy Pro", "Noto Sans Khmer", sans-serif;
    --wd-title-font: "Kantumruy Pro", "Noto Sans Khmer", sans-serif;
    --wd-entities-title-font: "Kantumruy Pro", "Noto Sans Khmer", sans-serif;
    --wd-alternative-font: "Kantumruy Pro", "Noto Sans Khmer", sans-serif;
    --wd-widget-title-font: "Kantumruy Pro", "Noto Sans Khmer", sans-serif;
    --wd-header-el-font: "Kantumruy Pro", "Noto Sans Khmer", sans-serif;
    font-family: "Kantumruy Pro", "Noto Sans Khmer", sans-serif;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    letter-spacing: normal !important;
}

/* Override explicit Elementor/theme text fonts, preserving icon fonts. */
html:lang(km) body :is(p, a, button, input, select, textarea, label, li, td, th, h1, h2, h3, h4, h5, h6, .elementor-heading-title, .elementor-widget-text-editor, .wd-entities-title, .nav-link-text, .elementor-button-text, .elementor-icon-list-text) {
    font-family: "Kantumruy Pro", "Noto Sans Khmer", sans-serif !important;
    letter-spacing: normal !important;
}

html:lang(km) body :is(p, .elementor-widget-text-editor) {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
}

html:lang(km) body :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, .wd-entities-title) {
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

html:lang(km) body h1 {
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    html:lang(km) body,
    html:lang(km) body :is(p, .elementor-widget-text-editor) {
        font-size: 17px !important;
    }
}