/* 4Mody optional Light/Dark switch. Light mode intentionally adds no page overrides. */
.mody-theme-toggle{
    --mody-toggle-accent:#FD7500;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    min-width:42px;
    padding:0;
    border:1px solid rgba(20,20,20,.12);
    border-radius:999px;
    background:#fff;
    color:#202020;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
    cursor:pointer;
    line-height:1;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.mody-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.12)}
.mody-theme-toggle:focus-visible{outline:3px solid rgba(253,117,0,.28);outline-offset:2px}
.mody-theme-toggle__sun,.mody-theme-toggle__moon{position:absolute;font-size:21px;transition:opacity .18s ease,transform .22s ease}
.mody-theme-toggle__sun{opacity:1;transform:scale(1) rotate(0deg);color:#F59E0B}
.mody-theme-toggle__moon{opacity:0;transform:scale(.65) rotate(-20deg);color:#F5F7FA}

html.mody-dark-mode .mody-theme-toggle{background:#181A1F;color:#fff;border-color:#343840;box-shadow:0 4px 14px rgba(0,0,0,.28)}
html.mody-dark-mode .mody-theme-toggle__sun{opacity:0;transform:scale(.65) rotate(20deg)}
html.mody-dark-mode .mody-theme-toggle__moon{opacity:1;transform:scale(1) rotate(0deg)}

/* Dark mode is scoped behind html.mody-dark-mode, so the current Light design remains untouched. */
html.mody-dark-mode body{background-color:#101114;color:#E9EAEC;color-scheme:dark}
html.mody-dark-mode .site,
html.mody-dark-mode .site-content,
html.mody-dark-mode .content-area,
html.mody-dark-mode main,
html.mody-dark-mode .elementor-location-single,
html.mody-dark-mode .elementor-location-archive{color:#E9EAEC}

/* 4Mody restaurant catalogue */
html.mody-dark-mode .mody-store-filters-shell{border-bottom-color:#303238}
html.mody-dark-mode .mody-store-filter,
html.mody-dark-mode .mody-view-toggle{background:#1B1D21;color:#F2F2F2;border-color:#FD7500;box-shadow:0 5px 14px rgba(0,0,0,.18)}
html.mody-dark-mode .mody-store-filter:hover{color:#FD8A2A}
html.mody-dark-mode .mody-store-filter.active{background:#FD7500;color:#fff}
html.mody-dark-mode .mody-product-card{background:#191B1F;border-color:#303238;box-shadow:0 5px 18px rgba(0,0,0,.22)}
html.mody-dark-mode .mody-product-card:hover{border-color:#5A4331;box-shadow:0 10px 25px rgba(0,0,0,.3)}
html.mody-dark-mode .mody-product-card-media{background:#24262B}
html.mody-dark-mode .mody-product-card-placeholder{color:#B6B8BD}
html.mody-dark-mode .mody-product-card-title{color:#F5F5F6 !important}
html.mody-dark-mode .mody-product-card .mody-loop-options{background:#202226;border-color:#34363C}
html.mody-dark-mode .mody-product-card .mody-loop-options-title,
html.mody-dark-mode .mody-product-card .mody-loop-option-name{color:#E9EAEC}
html.mody-dark-mode .mody-product-card .mody-loop-option-row{background:#181A1E;border-color:#35383E}
html.mody-dark-mode .mody-product-card .mody-loop-option-row:hover{border-color:#8A552D}
html.mody-dark-mode .mody-store-pagination .page-numbers{background:#1B1D21;color:#FD8A2A;border-color:#FD7500}
html.mody-dark-mode .mody-store-pagination .page-numbers:hover,
html.mody-dark-mode .mody-store-pagination .page-numbers.current{background:#FD7500;color:#fff}

/* Common WooCommerce surfaces shown to restaurant customers. */
html.mody-dark-mode .woocommerce-message,
html.mody-dark-mode .woocommerce-info,
html.mody-dark-mode .woocommerce-error,
html.mody-dark-mode .woocommerce-cart-form,
html.mody-dark-mode .cart_totals,
html.mody-dark-mode .woocommerce-checkout-review-order,
html.mody-dark-mode .woocommerce-form,
html.mody-dark-mode .woocommerce-MyAccount-content,
html.mody-dark-mode .woocommerce-MyAccount-navigation,
html.mody-dark-mode .woocommerce-order-details,
html.mody-dark-mode .woocommerce-customer-details{color:#E9EAEC}
html.mody-dark-mode .woocommerce table.shop_table,
html.mody-dark-mode .woocommerce table.shop_table td,
html.mody-dark-mode .woocommerce table.shop_table th{border-color:#35383E;color:#E9EAEC}
html.mody-dark-mode .woocommerce input.input-text,
html.mody-dark-mode .woocommerce textarea,
html.mody-dark-mode .woocommerce select,
html.mody-dark-mode .select2-container--default .select2-selection--single,
html.mody-dark-mode .select2-dropdown{background:#1B1D21;color:#F2F2F2;border-color:#3A3D44}
html.mody-dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered{color:#F2F2F2}

@media (prefers-reduced-motion:reduce){
    .mody-theme-toggle,.mody-theme-toggle__sun,.mody-theme-toggle__moon{transition:none}
}
