/*
Theme Name: SmartWish
Theme URI: https://smartwish.local
Description: Lightweight dark theme for the SmartWish single-product store. Built for Elementor Pro Theme Builder and WooCommerce. Use with the SmartWish Companion plugin.
Author: SmartWish
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: smartwish
*/
:root{--pad:clamp(20px,5vw,80px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#050505;color:#f4f4f2;font-family:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:#c6ff3d}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link:focus{clip:auto;width:auto;height:auto;left:8px;top:8px;background:#c6ff3d;color:#050505;padding:8px 12px;z-index:9999}
:focus-visible{outline:2px solid #c6ff3d;outline-offset:3px}

/* Fallback header/footer (used only if no Elementor header/footer is active) */
.sw-fallback-header,.sw-fallback-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px var(--pad);border-bottom:1px solid #2a2c30}
.sw-fallback-footer{border:0;border-top:1px solid #2a2c30;color:#8b8f98}
.sw-fallback-logo{font-weight:700;letter-spacing:.24em;text-decoration:none;color:#f4f4f2}
.sw-fallback-header ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}

/* Plain pages (cart, checkout, account, shop, blog) */
.sw-plain{max-width:1200px;margin:0 auto;padding:130px var(--pad) 80px}
.sw-plain__title{font:700 clamp(2rem,6vw,4rem)/1 "Outfit",system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:0 0 2rem}
body.admin-bar .sw-plain{padding-top:160px}

/* WooCommerce on dark */
.woocommerce,.woocommerce-page{color:#f4f4f2}
.woocommerce table.shop_table,.woocommerce table.shop_table td,.woocommerce table.shop_table th,.woocommerce-checkout #payment,.woocommerce-checkout #payment ul.payment_methods{border-color:#2a2c30;background:transparent}
.woocommerce-checkout #payment div.payment_box{background:#111214;color:#f4f4f2}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#111214}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single,.woocommerce .quantity .qty{background:#1a1b1e;color:#f4f4f2;border:1px solid #2a2c30;border-radius:12px;padding:12px;min-height:48px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#f4f4f2;line-height:1.6}
.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce #payment #place_order,.woocommerce a.button.alt,.woocommerce button.button.alt{background:#c6ff3d;color:#050505;border-radius:999px;min-height:52px;padding:0 1.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce #payment #place_order:hover{background:#d8ff70;color:#050505}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#111214;color:#f4f4f2;border-top-color:#c6ff3d}
.woocommerce-message::before,.woocommerce-info::before{color:#c6ff3d}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#f4f4f2}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#f4f4f2}
.woocommerce-cart .cart_totals,.woocommerce-checkout-review-order{background:#111214;border-radius:20px;padding:1.5rem}
@media (max-width:767px){.sw-plain{padding-top:100px}}