/* Barkat Theme: everything reads --bk-* variables, so the look changes with data-bk-theme. */
*,*::before,*::after{box-sizing:border-box}
html{--bk-hero:none;scroll-behavior:smooth}
body{margin:0;background:var(--bk-bg);color:var(--bk-text);font-family:var(--bk-font,system-ui,sans-serif);line-height:1.6;transition:background .6s ease,color .6s ease}
a{color:var(--bk-accent)}img{max-width:100%;height:auto}
.bkt-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.bkt-header{background:var(--bk-surface);border-bottom:1px solid var(--bk-border);transition:background .6s ease}
.bkt-header.is-sticky{position:sticky;top:0;z-index:50}
.bkt-header .bkt-wrap{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.bkt-brand{font-weight:700;font-size:1.25rem;color:var(--bk-text);text-decoration:none}
.bkt-brand img{max-height:44px;width:auto}
.bkt-nav{margin-left:auto}.bkt-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.bkt-nav a{color:var(--bk-text);text-decoration:none;font-weight:500}.bkt-nav a:hover,.bkt-nav .current-menu-item>a{color:var(--bk-accent)}
.bkt-switch{border:1px solid var(--bk-border);background:var(--bk-bg);color:var(--bk-text);border-radius:999px;padding:6px 14px;cursor:pointer;font:inherit;font-size:.85rem}
.bkt-main{padding:36px 0 56px;min-height:55vh}
.bkt-title{margin:0 0 18px;font-size:2rem;line-height:1.2}
.bkt-card{background:var(--bk-surface);border:1px solid var(--bk-border);border-radius:14px;padding:20px;margin-bottom:20px}
.bkt-card h2{margin-top:0}.bkt-card h2 a{color:var(--bk-text);text-decoration:none}
.bkt-meta{color:var(--bk-muted);font-size:.85rem}
.bkt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.bkt-footer{background:var(--bk-surface);border-top:1px solid var(--bk-border);color:var(--bk-muted);padding:28px 0;font-size:.9rem}
.bkt-footer a{color:var(--bk-muted)}
button,.button,input[type=submit],.wp-block-button__link{background:var(--bk-accent);color:var(--bk-bg);border:0;border-radius:8px;padding:10px 18px;cursor:pointer;font:inherit}
input[type=text],input[type=email],input[type=search],input[type=tel],input[type=number],input[type=password],textarea,select{background:var(--bk-surface);color:var(--bk-text);border:1px solid var(--bk-border);border-radius:8px;padding:9px 12px;font:inherit;max-width:100%}
.bkt-switch{background:var(--bk-bg);color:var(--bk-text);padding:6px 14px;border:1px solid var(--bk-border)}
hr{border:0;border-top:1px solid var(--bk-border)}
blockquote{border-left:4px solid var(--bk-accent);margin-left:0;padding-left:16px;color:var(--bk-muted)}
table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--bk-border);padding:8px}
/* One page, two looks */
html[data-bk-theme="light"] .bk-dark-only,html[data-bk-theme="dark"] .bk-light-only{display:none!important}
.bk-hero{background-image:var(--bk-hero);background-size:cover;background-position:center}
/* Logo and images that need a dark-friendly version: add class to the second copy */
html[data-bk-theme="dark"] img.bk-invert{filter:invert(1) hue-rotate(180deg)}
/* Elementor follows the look */
.elementor-widget-text-editor,.elementor-widget-heading .elementor-heading-title{color:inherit}
html[data-bk-theme="dark"] .elementor-section:not([class*="elementor-element"][style*="background"]):not(.bk-hero){background-color:transparent}
/* Barkat shop and ordering pages (plugin variables) */
.bko{--bko-bg:var(--bk-bg);--bko-card:var(--bk-surface);--bko-panel:var(--bk-surface);--bko-text:var(--bk-text);--bko-muted:var(--bk-muted);--bko-line:var(--bk-border);--bko-accent:var(--bk-accent)}
/* Barkat Swatches */
:root{--bks-bg:var(--bk-bg);--bks-card-bg:var(--bk-surface);--bks-text:var(--bk-text);--bks-border:var(--bk-border);--bks-card-border:var(--bk-border);--bks-accent:var(--bk-accent);--bks-pm-card:var(--bk-surface);--bks-pm-line:var(--bk-border);--bks-pm-price:var(--bk-accent)}
/* WooCommerce */
.woocommerce ul.products li.product,.woocommerce div.product,.woocommerce-cart table.cart,.woocommerce-checkout #payment{color:var(--bk-text)}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--bk-accent);color:var(--bk-bg)}
.woocommerce table.shop_table,.woocommerce form .form-row input.input-text{border-color:var(--bk-border);color:var(--bk-text);background:var(--bk-surface)}
.woocommerce-checkout #payment{background:var(--bk-surface)}
.woocommerce .price,.woocommerce ul.products li.product .price{color:var(--bk-accent)}
@media(max-width:700px){.bkt-nav{margin-left:0;width:100%}.bkt-title{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){body,.bkt-header{transition:none}}
/* Living scene: when the Barkat weather scene is on, the sky shows through and everything reads light on glass */
html.bk-scene[data-bk-theme]{--bk-bg:transparent;--bk-surface:rgba(10,14,30,.42);--bk-text:#fff;--bk-muted:rgba(255,255,255,.8);--bk-border:rgba(255,255,255,.18);--bk-accent:#ffd98a}
html.bk-scene[data-bk-theme] body{background:transparent;text-shadow:0 1px 8px rgba(0,0,0,.35)}
html.bk-scene .bkt-header,html.bk-scene .bkt-footer{background:rgba(10,14,30,.38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.bk-scene .bkt-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html.bk-scene .bkt-switch{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}
html.bk-scene .bkt-main{min-height:100vh}