/**

* Theme Name: Los Ninos Child

* Description: This is a child theme of Los Ninos.

* Author: <a href="https://cmsmasters.net/">cmsmasters</a>

* Template: los-ninos

* Version: 1.0.0

* Tested up to: 6.6

* Requires PHP: 7.4

* License:

* License URI:

* Text Domain: los-ninos-child

* Copyright: cmsmasters 2025 / All Rights Reserved

*/



/* WABERRY 2.0 — CENTRALIZED COMMERCE PRESENTATION */





/* =========================================================

   WABERRY 2.0 — GLOBAL CMSMASTERS MINI CART

   ========================================================= */



.elementor-widget-cmsmasters-woo-cart__cart-container {

    font-family: Arial, sans-serif !important;

    color: #243536 !important;

}



.elementor-widget-cmsmasters-woo-cart__cart-wrapper,

.elementor-widget-cmsmasters-woo-cart__cart-inner {

    background: #FFFFFF !important;

}





/* TITLE */



.elementor-widget-cmsmasters-woo-cart__cart-title {

    margin: 0 0 16px !important;

    color: #243536 !important;

    font-family: Arial, sans-serif !important;

    font-size: 20px !important;

    line-height: 1.25 !important;

    font-weight: 700 !important;

}





/* PRODUCT */



.cmsmasters-menu-cart__product {

    padding: 0 0 18px !important;

    border-bottom: 1px solid #D6E6E8 !important;

}



.cmsmasters-menu-cart__product-container {

    align-items: flex-start !important;

}



.cmsmasters-menu-cart__product-image {

    flex: 0 0 72px !important;

    width: 72px !important;

}



.cmsmasters-menu-cart__product-image img {

    width: 72px !important;

    height: auto !important;

    border-radius: 8px !important;

}





/* PRODUCT NAME */



.cmsmasters-menu-cart__product-text-container {

    min-width: 0 !important;

}



.cmsmasters-menu-cart__product-name,

.cmsmasters-menu-cart__product-name > a {

    color: #007A85 !important;

    font-family: Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.35 !important;

    font-weight: 700 !important;

}



.cmsmasters-menu-cart__product-name > a {

    text-decoration: none !important;

}



.cmsmasters-menu-cart__product-name > a:hover {

    text-decoration: underline !important;

}





/* PERSONALISATION */



.cmsmasters-menu-cart__product-name dl.variation {

    display: grid !important;

    grid-template-columns: max-content minmax(0, 1fr) !important;

    column-gap: 6px !important;

    row-gap: 3px !important;



    width: 100% !important;



    margin: 8px 0 0 !important;

    padding: 0 !important;



    border: 0 !important;

}



.cmsmasters-menu-cart__product-name dl.variation dt,

.cmsmasters-menu-cart__product-name dl.variation dd {

    float: none !important;

    clear: none !important;



    width: auto !important;



    margin: 0 !important;

    padding: 0 !important;



    font-family: Arial, sans-serif !important;

    font-size: 13px !important;

    line-height: 1.4 !important;

}



.cmsmasters-menu-cart__product-name dl.variation dt {

    color: #243536 !important;

    font-weight: 700 !important;

}



.cmsmasters-menu-cart__product-name dl.variation dd,

.cmsmasters-menu-cart__product-name dl.variation dd p {

    color: #526367 !important;

    font-weight: 400 !important;

}



.cmsmasters-menu-cart__product-name dl.variation dd p {

    margin: 0 !important;

}



.cmsmasters-menu-cart__product-name dl.variation a {

    color: #007A85 !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    text-decoration: underline !important;

}





/* PRICE */



.cmsmasters-menu-cart__product-price,

.cmsmasters-menu-cart__product-price .quantity,

.cmsmasters-menu-cart__product-price .amount {

    color: #243536 !important;

    font-family: Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;

}





/* SUBTOTAL */



.cmsmasters-menu-cart__subtotal-wrap {

    padding-top: 0 !important;

}



.cmsmasters-menu-cart__subtotal {

    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;



    gap: 20px !important;



    margin: 0 !important;

    padding: 16px 0 !important;



    border-bottom: 1px solid #D6E6E8 !important;



    color: #243536 !important;

    font-family: Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.4 !important;

}



.cmsmasters-menu-cart__subtotal strong,

.cmsmasters-menu-cart__subtotal .amount {

    color: #243536 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

}





/* BUTTON AREA */



.cmsmasters-menu-cart__footer-buttons {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    gap: 10px !important;



    margin: 0 !important;

    padding: 18px 0 0 !important;

}



.cmsmasters-menu-cart__footer-buttons

a.cmsmasters-menu-cart-button.elementor-button {

    position: relative !important;



    display: flex !important;

    align-items: center !important;

    justify-content: center !important;



    min-height: 46px !important;



    margin: 0 !important;

    padding: 10px 12px !important;



    border-radius: 8px !important;



    background-image: none !important;

    box-shadow: none !important;



    font-family: Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;



    text-align: center !important;

    text-decoration: none !important;

}



.cmsmasters-menu-cart__footer-buttons

a.cmsmasters-menu-cart-button.elementor-button::before,

.cmsmasters-menu-cart__footer-buttons

a.cmsmasters-menu-cart-button.elementor-button::after {

    content: none !important;

    display: none !important;

}





/* VIEW CART */



.cmsmasters-menu-cart__footer-buttons

a.elementor-button--view-cart {

    background: #FFFFFF !important;

    background-color: #FFFFFF !important;



    border: 1px solid #007A85 !important;



    color: #007A85 !important;

    -webkit-text-fill-color: #007A85 !important;

}



.cmsmasters-menu-cart__footer-buttons

a.elementor-button--view-cart .elementor-button-text {

    color: #007A85 !important;

    -webkit-text-fill-color: #007A85 !important;

    font-size: 14px !important;

    font-weight: 700 !important;

}



.cmsmasters-menu-cart__footer-buttons

a.elementor-button--view-cart:hover {

    background: #F5FBFC !important;

}





/* CHECKOUT */



.cmsmasters-menu-cart__footer-buttons

a.elementor-button--checkout {

    background: #C13D68 !important;

    background-color: #C13D68 !important;



    border: 1px solid #C13D68 !important;



    color: #FFFFFF !important;

    -webkit-text-fill-color: #FFFFFF !important;

}



.cmsmasters-menu-cart__footer-buttons

a.elementor-button--checkout .elementor-button-text {

    color: #FFFFFF !important;

    -webkit-text-fill-color: #FFFFFF !important;

    font-size: 14px !important;

    font-weight: 700 !important;

}



.cmsmasters-menu-cart__footer-buttons

a.elementor-button--checkout:hover {

    background: #AD365D !important;

    background-color: #AD365D !important;

    border-color: #AD365D !important;

}





/* =========================================================

   MOBILE MINI CART

   ========================================================= */



@media (max-width: 767px) {



    .elementor-widget-cmsmasters-woo-cart__cart-title {

        font-size: 20px !important;

    }



    .cmsmasters-menu-cart__product-name,

    .cmsmasters-menu-cart__product-name > a {

        font-size: 14px !important;

    }



    .cmsmasters-menu-cart__product-name dl.variation dt,

    .cmsmasters-menu-cart__product-name dl.variation dd,

    .cmsmasters-menu-cart__product-name dl.variation dd p,

    .cmsmasters-menu-cart__product-name dl.variation a {

        font-size: 13px !important;

        line-height: 1.4 !important;

    }



    .cmsmasters-menu-cart__footer-buttons {

        grid-template-columns: 1fr 1fr !important;

    }



    .cmsmasters-menu-cart__footer-buttons

    a.cmsmasters-menu-cart-button.elementor-button,

    .cmsmasters-menu-cart__footer-buttons

    a.cmsmasters-menu-cart-button.elementor-button

    .elementor-button-text {

        font-size: 14px !important;

    }

}









/* =========================================================

   WABERRY 2.0 — CHECKOUT

   Consolidated desktop + mobile stylesheet

   ========================================================= */





/* =========================================================

   1. PAGE / BASE

   ========================================================= */



body.woocommerce-checkout .woocommerce {

    max-width: 1200px;

    margin: 0 auto;



    font-family: Arial, sans-serif;

    color: #243536;

}





/* =========================================================

   2. COUPON NOTICE

   ========================================================= */



body.woocommerce-checkout .woocommerce-form-coupon-toggle {

    margin: 0 0 34px !important;

}



body.woocommerce-checkout

.woocommerce-form-coupon-toggle

.woocommerce-info {



    position: relative;



    margin: 0 !important;

    padding: 16px 18px 16px 52px !important;



    border: 0 !important;

    border-top: 3px solid #007A85 !important;



    background: #F5FBFC !important;

    color: #243536 !important;



    font-size: 14px !important;

    line-height: 1.5 !important;

}



body.woocommerce-checkout

.woocommerce-form-coupon-toggle

.woocommerce-info::before {



    color: #007A85 !important;

}



body.woocommerce-checkout

.woocommerce-form-coupon-toggle a {



    color: #007A85 !important;

    font-weight: 700 !important;

    text-decoration: none !important;

}



body.woocommerce-checkout

.woocommerce-form-coupon-toggle a:hover {



    text-decoration: underline !important;

}





/* Coupon form when opened */



body.woocommerce-checkout

form.checkout_coupon {



    margin: -14px 0 34px !important;

    padding: 20px !important;



    border: 1px solid #D6E6E8 !important;

    border-radius: 0 0 10px 10px !important;



    background: #FFFFFF !important;

}



body.woocommerce-checkout

form.checkout_coupon

.form-row {



    margin-bottom: 0 !important;

}



body.woocommerce-checkout

form.checkout_coupon

button.button {



    min-height: 48px !important;



    padding: 10px 20px !important;



    border: 0 !important;

    border-radius: 8px !important;



    background: #007A85 !important;

    background-color: #007A85 !important;



    color: #FFFFFF !important;

    -webkit-text-fill-color: #FFFFFF !important;



    font-weight: 700 !important;



    box-shadow: none !important;

}





/* =========================================================

   3. MAIN CHECKOUT STRUCTURE

   ========================================================= */



body.woocommerce-checkout form.checkout {

    display: block !important;



    width: 100% !important;

}





/* Two main customer-information columns */



body.woocommerce-checkout #customer_details {



    display: grid !important;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;



    gap: 40px !important;



    width: 100% !important;



    margin: 0 0 48px !important;

}



body.woocommerce-checkout #customer_details::before,

body.woocommerce-checkout #customer_details::after {



    display: none !important;

    content: none !important;

}



body.woocommerce-checkout

#customer_details .col-1,

body.woocommerce-checkout

#customer_details .col-2 {



    float: none !important;

    clear: none !important;



    width: 100% !important;

    max-width: none !important;



    margin: 0 !important;

    padding: 0 !important;

}





/* =========================================================

   4. BILLING / ADDITIONAL INFORMATION

   ========================================================= */



/* Woo's "Адрес за фактуриране" is redundant.

   We keep the Waberry "Вашите данни" heading inside. */



/* Hide only WooCommerce's default billing heading */
body.woocommerce-checkout
.woocommerce-billing-fields > h3:not(.waberry-checkout-section-title) {
    display: none !important;
}


/* Waberry checkout section headings */
body.woocommerce-checkout
.woocommerce-billing-fields > .waberry-checkout-section-title,
body.woocommerce-checkout
.woocommerce-additional-fields > h3 {

    display: block !important;

    margin: 0 0 18px !important;

    color: #243536 !important;

    font-family: Georgia, serif !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}


@media (max-width: 767px) {

    body.woocommerce-checkout
    .woocommerce-billing-fields > .waberry-checkout-section-title,
    body.woocommerce-checkout
    .woocommerce-additional-fields > h3 {

        font-size: 23px !important;
    }
}




/* Section headings */



body.woocommerce-checkout

#customer_details .col-2 > h3,

body.woocommerce-checkout

.woocommerce-additional-fields > h3 {



    margin: 0 0 18px !important;



    color: #243536 !important;



    font-family: Georgia, serif !important;

    font-size: 26px !important;

    line-height: 1.2 !important;

    font-weight: 400 !important;

}





/* Cards */



body.woocommerce-checkout

.woocommerce-billing-fields__field-wrapper,

body.woocommerce-checkout

.woocommerce-additional-fields__field-wrapper {



    width: 100% !important;



    padding: 24px !important;



    border: 1px solid #D6E6E8 !important;

    border-radius: 12px !important;



    background: #FFFFFF !important;



    box-sizing: border-box;

}





/* Custom headings inside checkout fields,

   e.g. "Вашите данни", invoice heading */



body.woocommerce-checkout

#customer_details h3,

body.woocommerce-checkout

#customer_details h4 {



    color: #007A85;



    font-family: Arial, sans-serif;

    line-height: 1.3;

}



body.woocommerce-checkout

#customer_details h3 {



    font-size: 18px;

    font-weight: 700;

}



body.woocommerce-checkout

#customer_details h4 {



    font-size: 16px;

    font-weight: 700;

}





/* =========================================================

   5. FORM FIELDS

   ========================================================= */



body.woocommerce-checkout

.woocommerce form .form-row {



    float: none;



    width: 100%;



    margin: 0 0 18px !important;

    padding: 0 !important;



    box-sizing: border-box;

}



body.woocommerce-checkout

.woocommerce form .form-row label {



    display: block !important;



    margin: 0 0 7px !important;



    color: #243536 !important;



    font-family: Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;

}



body.woocommerce-checkout

.woocommerce form .form-row .required {



    color: #C13D68 !important;

}





/* Inputs */



body.woocommerce-checkout

.woocommerce form .input-text,

body.woocommerce-checkout

.woocommerce form select,

body.woocommerce-checkout

.woocommerce form textarea,

body.woocommerce-checkout

.select2-container .select2-selection--single {



    width: 100% !important;

    min-height: 48px !important;



    padding: 11px 14px !important;



    border: 1px solid #D6E6E8 !important;

    border-radius: 8px !important;



    background: #FFFFFF !important;

    color: #243536 !important;



    font-family: Arial, sans-serif !important;

    font-size: 15px !important;

    line-height: 1.4 !important;



    box-shadow: none !important;



    box-sizing: border-box;

}



body.woocommerce-checkout

.woocommerce form textarea {



    min-height: 110px !important;

    resize: vertical !important;

}





/* Select2 */



body.woocommerce-checkout

.select2-container .select2-selection--single {



    display: flex !important;

    align-items: center !important;

}



body.woocommerce-checkout

.select2-container

.select2-selection--single

.select2-selection__rendered {



    padding: 0 !important;



    color: #243536 !important;



    line-height: 1.4 !important;

}



body.woocommerce-checkout

.select2-container

.select2-selection--single

.select2-selection__arrow {



    top: 50% !important;

    right: 12px !important;



    transform: translateY(-50%);

}





/* Focus */



body.woocommerce-checkout

.woocommerce form .input-text:focus,

body.woocommerce-checkout

.woocommerce form select:focus,

body.woocommerce-checkout

.woocommerce form textarea:focus,

body.woocommerce-checkout

.select2-container--focus

.select2-selection--single {



    border-color: #007A85 !important;



    outline: 2px solid rgba(0,122,133,.14) !important;

    outline-offset: 1px !important;



    box-shadow: none !important;

}





/* Validation */



body.woocommerce-checkout

.woocommerce-invalid .input-text,

body.woocommerce-checkout

.woocommerce-invalid select {



    border-color: #A22D35 !important;

}



body.woocommerce-checkout

.woocommerce-validated .input-text,

body.woocommerce-checkout

.woocommerce-validated select {



    border-color: #D6E6E8 !important;

}





/* =========================================================

   6. ORDER REVIEW HEADING

   ========================================================= */



body.woocommerce-checkout

#order_review_heading {



    float: none !important;



    width: 100% !important;



    margin: 0 0 18px !important;



    color: #243536 !important;



    font-family: Georgia, serif !important;

    font-size: 28px !important;

    line-height: 1.2 !important;

    font-weight: 400 !important;

}





/* =========================================================

   7. ORDER REVIEW CARD

   ========================================================= */



body.woocommerce-checkout

#order_review {



    float: none !important;



    width: 100% !important;



    margin: 0 !important;



    border: 1px solid #D6E6E8 !important;

    border-radius: 12px !important;



    background: #FFFFFF !important;



    overflow: hidden !important;



    box-sizing: border-box;

}





/* Table */



body.woocommerce-checkout

#order_review table.shop_table {



    width: 100% !important;



    margin: 0 !important;



    border: 0 !important;

    border-radius: 0 !important;



    border-collapse: separate !important;

    border-spacing: 0 !important;



    background: #FFFFFF !important;

}



body.woocommerce-checkout

#order_review table.shop_table th {



    padding: 16px 18px !important;



    border-color: #D6E6E8 !important;



    background: #F5FBFC !important;

    color: #243536 !important;



    font-family: Arial, sans-serif !important;

    font-size: 15px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;



    text-align: left;

}



body.woocommerce-checkout

#order_review table.shop_table td {



    padding: 18px !important;



    border-color: #D6E6E8 !important;



    background: #FFFFFF;

    color: #243536 !important;



    font-family: Arial, sans-serif !important;

    font-size: 15px !important;

    line-height: 1.5 !important;

}





/* Product */



body.woocommerce-checkout

#order_review .product-name {



    color: #243536 !important;

    font-weight: 700 !important;

}





/* Personalization */



body.woocommerce-checkout

#order_review

.product-name dl.variation {



    display: grid;



    grid-template-columns: max-content minmax(0, 1fr);



    column-gap: 7px;

    row-gap: 3px;



    margin: 9px 0 0 !important;



    font-size: 13px !important;

    line-height: 1.45 !important;

}



body.woocommerce-checkout

#order_review

.product-name dl.variation dt {



    float: none !important;

    clear: none !important;



    margin: 0 !important;



    color: #007A85 !important;

    font-weight: 700 !important;

}



body.woocommerce-checkout

#order_review

.product-name dl.variation dd {



    float: none !important;



    margin: 0 !important;



    color: #526367 !important;

}



body.woocommerce-checkout

#order_review

.product-name dl.variation dd p {



    margin: 0 !important;



    color: #526367 !important;

}



body.woocommerce-checkout

#order_review

.product-name dl.variation a {



    color: #007A85 !important;

    text-decoration: underline !important;

}





/* Totals */



body.woocommerce-checkout

#order_review

.cart-subtotal th,

body.woocommerce-checkout

#order_review

.cart-subtotal td {



    background: #F5FBFC !important;

}



body.woocommerce-checkout

#order_review

.order-total th,

body.woocommerce-checkout

#order_review

.order-total td {



    background: #F5FBFC !important;



    color: #243536 !important;



    font-weight: 700 !important;

}





/* =========================================================

   8. PAYMENT + LEGAL AREA

   ========================================================= */



body.woocommerce-checkout

#payment {



    margin: 0 !important;

    padding: 24px !important;



    border: 0 !important;

    border-top: 1px solid #D6E6E8 !important;

    border-radius: 0 !important;



    background: #F5FBFC !important;



    color: #243536 !important;

}





/* Woo notices inside payment */



body.woocommerce-checkout

#payment .woocommerce-info,

body.woocommerce-checkout

#payment .woocommerce-error,

body.woocommerce-checkout

#payment .woocommerce-message {



    margin: 0 0 20px !important;

    padding: 15px 16px !important;



    border: 1px solid #D6E6E8 !important;

    border-top: 3px solid #007A85 !important;



    background: #FFFFFF !important;

    color: #243536 !important;



    font-family: Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.5 !important;

}





/* Payment box */



body.woocommerce-checkout

#payment .payment_box {



    margin: 12px 0 !important;

    padding: 16px !important;



    border-radius: 8px !important;



    background: #FFFFFF !important;

    color: #243536 !important;



    font-size: 14px !important;

}





/* Privacy */



body.woocommerce-checkout

.woocommerce-privacy-policy-text {



    margin: 18px 0 !important;



    color: #526367 !important;



    font-family: Arial, sans-serif !important;

    font-size: 13px !important;

    line-height: 1.55 !important;

}



body.woocommerce-checkout

.woocommerce-privacy-policy-text p {



    margin: 0 !important;

}



body.woocommerce-checkout

.woocommerce-privacy-policy-text a,

body.woocommerce-checkout

#payment a {



    color: #007A85 !important;

    text-decoration: underline;

}





/* =========================================================

   9. CHECKBOXES

   ========================================================= */



body.woocommerce-checkout

#payment .form-row {



    font-size: 14px !important;

    line-height: 1.5 !important;

}



body.woocommerce-checkout

#payment label {



    color: #243536 !important;



    font-size: 14px !important;

    line-height: 1.5 !important;

}



body.woocommerce-checkout

#payment input[type="checkbox"] {



    width: 18px !important;

    height: 18px !important;



    margin: 0 8px 0 0 !important;



    accent-color: #007A85;

}





/* =========================================================

   10. PLACE ORDER — PRIMARY CTA

   ========================================================= */



html body.woocommerce-checkout

form.checkout

#order_review

#payment

.place-order

button#place_order.button.alt {



    position: relative !important;

    z-index: 1 !important;



    float: none !important;



    display: flex !important;

    align-items: center !important;

    justify-content: center !important;



    width: 100% !important;

    min-height: 54px !important;



    margin: 20px 0 0 !important;

    padding: 13px 22px !important;



    border: 1px solid #C13D68 !important;

    border-radius: 8px !important;



    background: #C13D68 !important;

    background-color: #C13D68 !important;

    background-image: none !important;



    color: #FFFFFF !important;

    -webkit-text-fill-color: #FFFFFF !important;



    font-family: Arial, sans-serif !important;

    font-size: 16px !important;

    line-height: 1.25 !important;

    font-weight: 700 !important;



    text-align: center !important;



    opacity: 1 !important;



    box-shadow: none !important;

}





/* Remove CMSMasters/theme button overlays */



html body.woocommerce-checkout

form.checkout

#order_review

#payment

.place-order

button#place_order.button.alt::before,

html body.woocommerce-checkout

form.checkout

#order_review

#payment

.place-order

button#place_order.button.alt::after {



    display: none !important;

    content: none !important;



    background: transparent !important;

}





/* Hover */



html body.woocommerce-checkout

form.checkout

#order_review

#payment

.place-order

button#place_order.button.alt:hover,

html body.woocommerce-checkout

form.checkout

#order_review

#payment

.place-order

button#place_order.button.alt:focus {



    border-color: #AD365D !important;



    background: #AD365D !important;

    background-color: #AD365D !important;



    color: #FFFFFF !important;

    -webkit-text-fill-color: #FFFFFF !important;

}





/* =========================================================

   11. MOBILE / TABLET

   ========================================================= */



@media (max-width: 767px) {



    /* Customer data becomes one column */



    body.woocommerce-checkout

    #customer_details {



        display: block !important;



        margin-bottom: 36px !important;

    }



    body.woocommerce-checkout

    #customer_details .col-1,

    body.woocommerce-checkout

    #customer_details .col-2 {



        width: 100% !important;



        margin: 0 0 28px !important;

    }





    /* Cards */



    body.woocommerce-checkout

    .woocommerce-billing-fields__field-wrapper,

    body.woocommerce-checkout

    .woocommerce-additional-fields__field-wrapper {



        padding: 18px !important;



        border-radius: 10px !important;

    }





    /* Titles */



    body.woocommerce-checkout

    #customer_details .col-2 > h3,

    body.woocommerce-checkout

    .woocommerce-additional-fields > h3 {



        font-size: 23px !important;

    }



    body.woocommerce-checkout

    #order_review_heading {



        font-size: 25px !important;

    }





    /* Inputs */



    body.woocommerce-checkout

    .woocommerce form .input-text,

    body.woocommerce-checkout

    .woocommerce form select,

    body.woocommerce-checkout

    .woocommerce form textarea,

    body.woocommerce-checkout

    .select2-container .select2-selection--single {



        font-size: 16px !important;

    }





    /* Order review */



    body.woocommerce-checkout

    #order_review {



        border-radius: 10px !important;

    }



    body.woocommerce-checkout

    #order_review table.shop_table th,

    body.woocommerce-checkout

    #order_review table.shop_table td {



        padding: 14px !important;

    }





    /* Payment */



    body.woocommerce-checkout

    #payment {



        padding: 18px !important;

    }





    /* Full mobile CTA */



    html body.woocommerce-checkout

    form.checkout

    #order_review

    #payment

    .place-order

    button#place_order.button.alt {



        min-height: 54px !important;



        font-size: 16px !important;

    }





    /* Coupon form */



    body.woocommerce-checkout

    form.checkout_coupon {



        padding: 16px !important;

    }



    body.woocommerce-checkout

    form.checkout_coupon

    .form-row {



        float: none !important;



        width: 100% !important;



        margin: 0 0 10px !important;

    }



    body.woocommerce-checkout

    form.checkout_coupon

    button.button {



        width: 100% !important;

    }

}









/* =========================================================

   WABERRY 2.0 — CHECKOUT STRUCTURE FIX

   Billing heading + notes + optional invoice fields

   ========================================================= */





/* -----------------------------------------

   MAIN COLUMN TITLES

   ----------------------------------------- */



body.woocommerce-checkout

#customer_details .waberry-checkout-section-title,

body.woocommerce-checkout

#customer_details .col-2 > h3 {



    margin: 0 0 18px !important;



    color: #243536 !important;



    font-family: Georgia, serif !important;

    font-size: 26px !important;

    line-height: 1.2 !important;

    font-weight: 400 !important;

}





/* Remove unwanted spacing in right card */



body.woocommerce-checkout

.woocommerce-additional-fields__field-wrapper {



    padding-top: 24px !important;

}



body.woocommerce-checkout

.woocommerce-additional-fields__field-wrapper > *:first-child {



    margin-top: 0 !important;

}





/* -----------------------------------------

   NOTES

   ----------------------------------------- */



body.woocommerce-checkout

.waberry-subsection-title {



    margin: 0 0 12px !important;



    color: #007A85 !important;



    font-family: Arial, sans-serif !important;

    font-size: 16px !important;

    line-height: 1.3 !important;

    font-weight: 700 !important;

}



body.woocommerce-checkout

#order_comments_field {



    margin-bottom: 22px !important;

}





/* -----------------------------------------

   INVOICE TOGGLE

   ----------------------------------------- */



body.woocommerce-checkout

.waberry-invoice-toggle-wrap {



    margin: 6px 0 0 !important;

    padding: 20px 0 0 !important;



    border-top: 1px solid #D6E6E8 !important;

}



body.woocommerce-checkout

.waberry-invoice-toggle-label {



    display: flex !important;

    align-items: center !important;



    gap: 10px !important;



    margin: 0 !important;



    color: #243536 !important;



    font-family: Arial, sans-serif !important;

    font-size: 16px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;



    cursor: pointer !important;

}



body.woocommerce-checkout

#waberry_invoice_toggle {



    flex: 0 0 auto;



    width: 19px !important;

    height: 19px !important;



    margin: 0 !important;



    accent-color: #007A85;

}



body.woocommerce-checkout

.waberry-invoice-helper {



    margin: 7px 0 0 29px !important;



    color: #526367 !important;



    font-size: 13px !important;

    line-height: 1.45 !important;

}





/* -----------------------------------------

   INVOICE FIELDS

   ----------------------------------------- */



body.woocommerce-checkout

.waberry-invoice-fields {



    margin-top: 20px !important;

}



body.woocommerce-checkout

.waberry-invoice-fields[hidden] {



    display: none !important;

}



body.woocommerce-checkout

.waberry-invoice-fields .form-row:last-child {



    margin-bottom: 0 !important;

}





/* -----------------------------------------

   MOBILE

   ----------------------------------------- */



@media (max-width: 767px) {



    body.woocommerce-checkout

    #customer_details .waberry-checkout-section-title,

    body.woocommerce-checkout

    #customer_details .col-2 > h3 {



        font-size: 23px !important;

    }



    body.woocommerce-checkout

    .waberry-invoice-toggle-label {



        font-size: 15px !important;

    }



    body.woocommerce-checkout

    .waberry-invoice-helper {



        margin-left: 29px !important;

    }

}





/* Native WooCommerce invoice fields: no checkout DOM rebuild. */

body.woocommerce-checkout .waberry-invoice-field { display: none !important; }

body.woocommerce-checkout #waberry_invoice_toggle_field:has(#waberry_invoice_toggle:checked) ~ .waberry-invoice-field { display: block !important; }

body.woocommerce-checkout .waberry-invoice-toggle-row { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid #D6E6E8; }

body.woocommerce-checkout .waberry-invoice-toggle-row label { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; color: #243536; }

body.woocommerce-checkout .waberry-invoice-toggle-row input[type="checkbox"] { width: 18px; height: 18px; accent-color: #a93c65; }





/* WABERRY GUIDED DISCOVERY — /knigi/ */

.wb-choice.is-selected .elementor-button { background: #007A85 !important; border-color: #007A85 !important; color: #ffffff !important; }

.wb-book { transition: border-color .2s ease, box-shadow .2s ease, opacity .2s ease, transform .2s ease; }

.wb-book.is-recommended { border-color: #007A85 !important; box-shadow: 0 0 0 2px rgba(0, 122, 133, .12); opacity: 1; }

.wb-book.is-secondary { opacity: .62; }

.wb-guide-status { transition: opacity .2s ease; }

.wb-guide-reset { cursor: pointer; }

.wb-guide-reset:hover { text-decoration: underline; }

/* Hide WooCommerce default billing heading */
body.woocommerce-checkout
.woocommerce-billing-fields > h3:not(.waberry-checkout-section-title) {
    display: none !important;
}


/* Waberry checkout section headings */
body.woocommerce-checkout
.waberry-checkout-section-title,
body.woocommerce-checkout
.woocommerce-additional-fields > h3 {

    margin: 0 0 18px !important;

    color: #243536 !important;

    font-family: Georgia, serif !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}


@media (max-width: 767px) {

    body.woocommerce-checkout
    .waberry-checkout-section-title,
    body.woocommerce-checkout
    .woocommerce-additional-fields > h3 {

        font-size: 23px !important;
    }
}

/* =========================================================
   WABERRY 2.0 — MOBILE CHECKOUT POLISH
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       1. MOBILE SPACING
       ----------------------------------------------------- */

    body.woocommerce-checkout .woocommerce {
        width: auto !important;
        max-width: none !important;

        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    body.woocommerce-checkout
    .woocommerce-form-coupon-toggle {
        margin-bottom: 22px !important;
    }

    body.woocommerce-checkout
    #customer_details {
        margin-bottom: 30px !important;
    }

    body.woocommerce-checkout
    #customer_details .col-1,
    body.woocommerce-checkout
    #customer_details .col-2 {
        margin-bottom: 24px !important;
    }


    /* -----------------------------------------------------
       2. SECTION HEADINGS
       ----------------------------------------------------- */

    body.woocommerce-checkout
    .woocommerce-billing-fields > .waberry-checkout-section-title,
    body.woocommerce-checkout
    .woocommerce-additional-fields > h3,
    body.woocommerce-checkout
    #order_review_heading {

        margin-bottom: 14px !important;

        font-size: 23px !important;
        line-height: 1.2 !important;
    }


    /* -----------------------------------------------------
       3. CUSTOMER DATA CARDS
       ----------------------------------------------------- */

    body.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper,
    body.woocommerce-checkout
    .woocommerce-additional-fields__field-wrapper {

        padding: 16px !important;

        border-radius: 10px !important;
    }

    body.woocommerce-checkout
    .woocommerce form .form-row {

        margin-bottom: 16px !important;
    }

    body.woocommerce-checkout
    .woocommerce form .form-row:last-child {

        margin-bottom: 0 !important;
    }

    body.woocommerce-checkout
    .woocommerce form .form-row label {

        margin-bottom: 6px !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    body.woocommerce-checkout
    .woocommerce form .input-text,
    body.woocommerce-checkout
    .woocommerce form select,
    body.woocommerce-checkout
    .woocommerce form textarea,
    body.woocommerce-checkout
    .select2-container .select2-selection--single {

        min-height: 48px !important;

        padding: 11px 12px !important;

        font-size: 16px !important;
    }


    /* -----------------------------------------------------
       4. INVOICE CHECKBOX
       ----------------------------------------------------- */

    body.woocommerce-checkout
    #waberry_invoice_toggle_field {

        margin-top: 14px !important;
        padding-top: 14px !important;

        border-top: 1px solid #D6E6E8 !important;
    }

    body.woocommerce-checkout
    #waberry_invoice_toggle_field label {

        display: flex !important;
        align-items: center !important;

        gap: 8px !important;

        margin: 0 !important;

        font-size: 14px !important;
        font-weight: 700 !important;

        cursor: pointer;
    }

    body.woocommerce-checkout
    #waberry_invoice_toggle {

        flex: 0 0 18px;

        width: 18px !important;
        height: 18px !important;

        margin: 0 !important;

        accent-color: #007A85;
    }


    /* -----------------------------------------------------
       5. ORDER REVIEW — PRODUCT AS MOBILE CARD
       ----------------------------------------------------- */

    body.woocommerce-checkout
    #order_review {

        border-radius: 10px !important;
    }

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table {

        display: block !important;
        width: 100% !important;
    }

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table thead {

        display: none !important;
    }

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table tbody,
    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table tfoot {

        display: block !important;
        width: 100% !important;
    }

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    tbody tr.cart_item {

        display: block !important;

        width: 100% !important;

        padding: 0 !important;

        border-bottom: 1px solid #D6E6E8 !important;

        background: #FFFFFF !important;
    }

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    tbody tr.cart_item td {

        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;
    }

    body.woocommerce-checkout
    #order_review
    td.product-name {

        padding: 16px 16px 10px !important;

        border: 0 !important;

        text-align: left !important;
    }

    body.woocommerce-checkout
    #order_review
    td.product-total {

        padding: 10px 16px 16px !important;

        border: 0 !important;
        border-top: 1px solid #E8F1F2 !important;

        text-align: right !important;

        font-size: 15px !important;
        font-weight: 700 !important;
    }


    /* Personalisation metadata */

    body.woocommerce-checkout
    #order_review
    .product-name dl.variation {

        display: grid !important;

        grid-template-columns: max-content minmax(0, 1fr) !important;

        column-gap: 8px !important;
        row-gap: 3px !important;

        margin-top: 8px !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
    }


    /* -----------------------------------------------------
       6. TOTALS AS CLEAN TWO-COLUMN ROWS
       ----------------------------------------------------- */

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    tfoot tr {

        display: grid !important;

        grid-template-columns: minmax(0, 1fr) auto !important;

        width: 100% !important;

        border-bottom: 1px solid #D6E6E8 !important;

        background: #F5FBFC !important;
    }

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    tfoot tr:last-child {

        border-bottom: 0 !important;
    }

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    tfoot th,
    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    tfoot td {

        display: block !important;

        width: auto !important;

        padding: 13px 16px !important;

        border: 0 !important;

        background: transparent !important;

        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    body.woocommerce-checkout
    #order_review
    table.woocommerce-checkout-review-order-table
    tfoot td {

        text-align: right !important;
        white-space: nowrap !important;
    }

    body.woocommerce-checkout
    #order_review
    .order-total th,
    body.woocommerce-checkout
    #order_review
    .order-total td {

        font-size: 15px !important;
        font-weight: 700 !important;
    }


    /* -----------------------------------------------------
       7. PAYMENT AREA
       ----------------------------------------------------- */

    body.woocommerce-checkout
    #payment {

        padding: 16px !important;
    }

    body.woocommerce-checkout
    #payment .woocommerce-info,
    body.woocommerce-checkout
    #payment .woocommerce-error,
    body.woocommerce-checkout
    #payment .woocommerce-message {

        position: relative !important;

        margin-bottom: 18px !important;

        padding: 14px 14px 14px 38px !important;

        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    body.woocommerce-checkout
    #payment .woocommerce-info::before,
    body.woocommerce-checkout
    #payment .woocommerce-error::before,
    body.woocommerce-checkout
    #payment .woocommerce-message::before {

        top: 14px !important;
        left: 14px !important;

        margin: 0 !important;

        line-height: 1 !important;
    }


    /* -----------------------------------------------------
       8. PRIVACY / LEGAL
       ----------------------------------------------------- */

    body.woocommerce-checkout
    .woocommerce-privacy-policy-text {

        margin: 16px 0 !important;

        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    body.woocommerce-checkout
    #payment .form-row {

        margin-bottom: 12px !important;

        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    body.woocommerce-checkout
    #payment .form-row label {

        display: flex !important;
        align-items: flex-start !important;

        gap: 8px !important;

        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    body.woocommerce-checkout
    #payment input[type="checkbox"] {

        flex: 0 0 18px;

        width: 18px !important;
        height: 18px !important;

        margin: 1px 0 0 !important;

        accent-color: #007A85;
    }


    /* -----------------------------------------------------
       9. PRIMARY CTA
       ----------------------------------------------------- */

    html body.woocommerce-checkout
    form.checkout
    #order_review
    #payment
    .place-order
    button#place_order.button.alt {

        width: 100% !important;
        min-height: 52px !important;

        margin-top: 18px !important;

        padding: 13px 18px !important;

        font-size: 16px !important;

        border-radius: 8px !important;
    }

}

@media (max-width: 767px) {

    body.woocommerce-checkout
    #order_review
    td.product-total {

        padding: 8px 16px 12px !important;

        border-top: 0 !important;

        background: #FFFFFF !important;

        color: #243536 !important;

        font-size: 14px !important;
        font-weight: 700 !important;
    }
}

@media (max-width: 767px) {

    body.woocommerce-checkout
    #payment .woocommerce-info,
    body.woocommerce-checkout
    #payment .woocommerce-error,
    body.woocommerce-checkout
    #payment .woocommerce-message {

        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    body.woocommerce-checkout
    .woocommerce-privacy-policy-text {

        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    body.woocommerce-checkout
    #payment .form-row label {

        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 767px) {

    body.woocommerce-checkout
    #order_review_heading {

        margin-top: 6px !important;
        margin-bottom: 14px !important;
    }
}

/* Native WooCommerce order-received presentation. Data/status is rendered by Waberry Core. */
.woocommerce-order-received .waberry-order-state {
  max-width: 760px;
  margin: 0 auto 32px;
  padding: clamp(24px, 6vw, 48px);
  border: 1px solid #e8e4dd;
  border-radius: 20px;
  background: #fffdf8;
  text-align: center;
  box-shadow: 0 12px 30px rgba(58, 43, 25, .06);
}
.woocommerce-order-received .waberry-order-state__eyebrow {
  margin: 0 0 10px;
  color: #82705c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.woocommerce-order-received .waberry-order-state h1 {
  margin: 0 0 14px;
  color: #293a31;
  font-size: clamp(28px, 6vw, 46px);
  line-height: 1.12;
}
.woocommerce-order-received .waberry-order-state__message {
  max-width: 620px;
  margin: 0 auto;
  color: #425147;
  font-size: clamp(17px, 3.5vw, 20px);
  line-height: 1.55;
}
.woocommerce-order-received .waberry-order-state__next {
  margin-top: 24px;
  padding: 20px;
  border-radius: 14px;
  background: #f3f6f0;
  text-align: left;
}
.woocommerce-order-received .waberry-order-state__next h2 {
  margin: 0 0 8px;
  color: #293a31;
  font-size: 18px;
}
.woocommerce-order-received .waberry-order-state__next p {
  margin: 0;
  color: #425147;
  line-height: 1.55;
}
.woocommerce-order-received .waberry-order-state__next a {
  color: #23684d;
  font-weight: 700;
}
.woocommerce-order-received .waberry-order-state--failed { background: #fff8f7; border-color: #efd2cc; }
.woocommerce-order-received .waberry-order-state--failed .waberry-order-state__next { background: #fff0ed; }
.woocommerce-order-received .waberry-order-state--pending,
.woocommerce-order-received .waberry-order-state--unknown { background: #fffdf5; border-color: #ecdfae; }
.woocommerce-order-received .waberry-order-state--pending .waberry-order-state__next,
.woocommerce-order-received .waberry-order-state--unknown .waberry-order-state__next { background: #fff7da; }
@media (max-width: 480px) {
  .woocommerce-order-received .waberry-order-state { border-radius: 14px; margin-bottom: 24px; }
  .woocommerce-order-received .waberry-order-state__next { padding: 16px; }
}


/* WABERRY 2.0 — CART CHECKOUT CTA */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
    background-color: #C13D68 !important;
    border-color: #C13D68 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:focus {
    background-color: #AD365D !important;
    border-color: #AD365D !important;
}

/* Preserve the Cart CTA colour through the CMSMasters button overlay. */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward::before,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward::after {
    background-color: #C13D68 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover::before,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover::after,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:focus::before,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:focus::after {
    background-color: #AD365D !important;
}


/* =========================================================
   WABERRY 2.0 — PERSONALISATION UX PRESENTATION (STAGING)
   Preserves legacy field / upload / preview contracts.
   ========================================================= */
body.page-id-4666 #cust,
body.page-id-4759 #cust,
body.page-id-7159 #cust,
body.page-id-8204 #cust {
  scroll-margin-top: 96px;
}

body.page-id-4666 #kidpicform,
body.page-id-4759 #kidpicform,
body.page-id-7159 #kidpicform,
body.page-id-8204 #kidpicform {
  max-width: 980px;
  margin: 24px auto 48px;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid #d6e6e8;
  border-radius: 20px;
  background: #fffdf8;
  box-shadow: 0 16px 40px rgba(36,53,54,.08);
  color: #243536;
}

body.page-id-4666 #kidpicform::before,
body.page-id-4759 #kidpicform::before,
body.page-id-7159 #kidpicform::before,
body.page-id-8204 #kidpicform::before {
  content: 'Персонализирай своята книга';
  display: block;
  margin: 0 0 8px;
  color: #007a85;
  font-family: Georgia, serif;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1.15;
}

body.page-id-4666 #kidpicform > .col-xs-12,
body.page-id-4759 #kidpicform > .col-xs-12,
body.page-id-7159 #kidpicform > .col-xs-12,
body.page-id-8204 #kidpicform > .col-xs-12 {
  float: none;
  width: 100%;
  padding: 0 !important;
}

body.page-id-4666 #kidpicform label,
body.page-id-4759 #kidpicform label,
body.page-id-7159 #kidpicform label,
body.page-id-8204 #kidpicform label {
  display: block;
  margin: 20px 0 7px;
  color: #243536;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

body.page-id-4666 #kidpicform input[type='text'],
body.page-id-4759 #kidpicform input[type='text'],
body.page-id-7159 #kidpicform input[type='text'],
body.page-id-8204 #kidpicform input[type='text'],
body.page-id-4666 #kidpicform select,
body.page-id-4759 #kidpicform select,
body.page-id-7159 #kidpicform select,
body.page-id-8204 #kidpicform select,
body.page-id-4666 #kidpicform textarea,
body.page-id-4759 #kidpicform textarea,
body.page-id-7159 #kidpicform textarea,
body.page-id-8204 #kidpicform textarea {
  width: 100% !important;
  min-height: 48px;
  margin: 0;
  padding: 11px 13px;
  border: 1px solid #b9d5d8;
  border-radius: 9px;
  background: #fff;
  color: #243536;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  box-sizing: border-box;
}

body.page-id-4666 #kidpicform textarea,
body.page-id-4759 #kidpicform textarea,
body.page-id-7159 #kidpicform textarea,
body.page-id-8204 #kidpicform textarea {
  min-height: 180px;
  resize: vertical;
}

body.page-id-4666 #kidpicform input:focus,
body.page-id-4759 #kidpicform input:focus,
body.page-id-7159 #kidpicform input:focus,
body.page-id-8204 #kidpicform input:focus,
body.page-id-4666 #kidpicform select:focus,
body.page-id-4759 #kidpicform select:focus,
body.page-id-7159 #kidpicform select:focus,
body.page-id-8204 #kidpicform textarea:focus {
  border-color: #007a85;
  outline: 3px solid rgba(0,122,133,.16);
  outline-offset: 1px;
}

body.page-id-4666 #kidpicform input[type='file'],
body.page-id-8204 #kidpicform input[type='file'] {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 12px;
  border: 1px dashed #007a85;
  border-radius: 10px;
  background: #f5fbfc;
  box-sizing: border-box;
}

body.page-id-4666 #kidpicform input[type='submit'],
body.page-id-4759 #kidpicform input[type='submit'],
body.page-id-7159 #kidpicform input[type='submit'],
body.page-id-8204 #kidpicform input[type='submit'] {
  min-height: 52px;
  margin-top: 30px !important;
  padding: 13px 24px;
  border: 1px solid #c13d68;
  border-radius: 9px !important;
  background: #c13d68;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: none;
  cursor: pointer;
}

body.page-id-4666 #kidpicform input[type='submit']:hover,
body.page-id-4759 #kidpicform input[type='submit']:hover,
body.page-id-7159 #kidpicform input[type='submit']:hover,
body.page-id-8204 #kidpicform input[type='submit']:hover {
  border-color: #ad365d;
  background: #ad365d;
}

/* Two-child choice and letter/cover controls */
body.page-id-4759 #linkToggle {
  display: inline-block;
  margin: 18px 0 4px;
  color: #007a85;
  font-weight: 700;
  text-decoration: underline;
}

body.page-id-7159 #kidpicform #cred,
body.page-id-7159 #kidpicform #cblue {
  max-width: calc(50% - 12px);
  height: auto;
  margin: 8px 12px 0 0 !important;
  border-radius: 10px;
}

body.page-id-7159 #dklettersb {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
  margin-top: 26px;
}

body.page-id-7159 #dklettersb > div {
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid #d6e6e8;
  border-radius: 12px;
  background: #fff;
}

body.page-id-7159 #dklettersb .dkbLabel {
  display: block;
  margin-bottom: 10px;
  color: #007a85;
  font-weight: 700;
}

body.page-id-7159 #dklettersb input[type='checkbox'] {
  width: 18px;
  height: 18px;
  margin: 0 8px 8px 0;
  vertical-align: middle;
  accent-color: #007a85;
}

/* Photo crop remains engine-controlled; make its surrounding canvas usable on narrow screens. */
body.page-id-4666 #theParent,
body.page-id-8204 #theParent {
  max-width: 100% !important;
  margin-top: 18px !important;
  border: 1px solid #d6e6e8;
  border-radius: 12px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  body.page-id-4666 #kidpicform,
  body.page-id-4759 #kidpicform,
  body.page-id-7159 #kidpicform,
  body.page-id-8204 #kidpicform {
    margin: 18px 14px 32px;
    padding: 20px 16px;
    border-radius: 14px;
  }

  body.page-id-4666 #kidpicform::before,
  body.page-id-4759 #kidpicform::before,
  body.page-id-7159 #kidpicform::before,
  body.page-id-8204 #kidpicform::before {
    font-size: 26px;
  }

  body.page-id-4666 #kidpicform input[type='submit'],
  body.page-id-4759 #kidpicform input[type='submit'],
  body.page-id-7159 #kidpicform input[type='submit'],
  body.page-id-8204 #kidpicform input[type='submit'] {
    display: block;
    width: 100%;
  }

  body.page-id-4666 #theParent,
  body.page-id-8204 #theParent {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
