/*
Theme Name: Bait Al Khashab Luxury Child
Theme URI: https://baitalkhashab.com/
Description: Custom RTL header and footer for بيت الخشب. Requires Hello Elementor.
Author: Rapunzel SEO
Author URI: https://rapunzelseo.com/
Template: hello-elementor
Version: 1.2.0
Text Domain: baitalkhashab-luxury
*/
:root{
  --bk-cream:#f8f1e6;
  --bk-ivory:#fffaf2;
  --bk-wood:#2a160c;
  --bk-wood2:#432514;
  --bk-gold:#d6ad70;
  --bk-gold-light:#f0d3a1;
  --bk-text:#2d1b10;
  --bk-border:rgba(151,105,56,.28);
}
html{scroll-behavior:smooth}
body{font-family:Arial,"Alexandria",sans-serif;color:var(--bk-text)}
.bk-site-header{position:relative;z-index:99;direction:rtl;color:var(--bk-text);background:var(--bk-cream);box-shadow:0 3px 16px rgba(42,22,12,.08)}
.bk-topbar{min-height:38px;background:linear-gradient(90deg,#211209,#422817 48%,#211209);color:#f8ead4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px clamp(18px,4vw,64px);font-size:14px}
.bk-topbar-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.bk-topbar a{color:#f8ead4;text-decoration:none}
.bk-topbar a:hover{color:#fff}
.bk-mainbar{min-height:92px;display:flex;align-items:center;gap:26px;padding:14px clamp(18px,4vw,64px);background:linear-gradient(110deg,#fffaf2,#f5ead8);border-bottom:1px solid var(--bk-border)}
.bk-brand{display:flex;align-items:center;gap:13px;flex-shrink:0;color:var(--bk-text);text-decoration:none}
.bk-brand-mark{width:52px;height:58px;border:2px solid #a8793f;display:grid;place-items:center;color:#9b6a32;font-size:32px;font-weight:800;line-height:1;clip-path:polygon(50% 0,100% 26%,100% 100%,0 100%,0 26%);background:rgba(255,255,255,.36)}
.bk-brand-name{font-size:27px;font-weight:800;line-height:1.1;white-space:nowrap}
.bk-brand-sub{font-size:12px;margin-top:5px;color:#7e5a36}
.bk-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,30px);flex:1}
.bk-nav a{color:#332014;text-decoration:none;font-size:16px;font-weight:600;padding:12px 0;white-space:nowrap;position:relative}
.bk-nav a:hover,.bk-nav a:focus{color:#9b672e}
.bk-nav a:hover:after{content:"";position:absolute;right:0;left:0;bottom:3px;height:2px;background:var(--bk-gold)}
.bk-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 23px;border-radius:7px;background:linear-gradient(135deg,#4a2b18,#241309);border:1px solid #8b5b2c;color:#fff6e9!important;text-decoration:none;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(42,22,12,.12);transition:transform .2s,box-shadow .2s}
.bk-cta:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(42,22,12,.2)}
.bk-menu-toggle{display:none;background:transparent;border:1px solid var(--bk-border);border-radius:5px;padding:9px 12px;color:var(--bk-wood);font-size:24px;line-height:1}
.bk-footer{position:relative;isolation:isolate;overflow:hidden;direction:rtl;color:#f8eee0;background:linear-gradient(100deg,#241309 0%,#392111 58%,#201107 100%);font-size:16px}
.bk-footer:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.22;background:repeating-linear-gradient(3deg,transparent 0 7px,rgba(216,174,112,.18) 8px,transparent 9px 18px),linear-gradient(90deg,#170b05,#57351c 55%,#160b05)}
.bk-footer:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:16%;opacity:.78;background:linear-gradient(90deg,rgba(8,5,3,.1),rgba(8,5,3,.7)),repeating-linear-gradient(90deg,#28170c 0 9px,#503019 10px 13px,#2c190d 14px 24px);border-right:1px solid rgba(218,176,112,.35)}
.bk-footer-inner{max-width:1400px;margin:auto;padding:54px clamp(22px,4vw,64px) 28px}
.bk-footer-grid{display:grid;grid-template-columns:1.12fr .82fr .82fr 1.2fr;gap:34px;align-items:start}
.bk-footer h3{margin:0 0 23px;color:var(--bk-gold-light);font-size:21px;font-weight:700}
.bk-footer h3:after{content:"";display:block;width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--bk-gold),transparent);margin-top:12px}
.bk-footer p{margin:0 0 18px;line-height:1.95;color:#f0e3d2}
.bk-footer a{color:#f7ead9;text-decoration:none}
.bk-footer a:hover{color:var(--bk-gold-light)}
.bk-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.bk-footer-links a:before{content:"‹";color:var(--bk-gold);margin-left:10px;font-size:20px;vertical-align:-1px}
.bk-footer-contact{display:grid;gap:14px}
.bk-footer-contact a,.bk-footer-contact span{display:flex;align-items:center;gap:12px;line-height:1.65;overflow-wrap:anywhere}
.bk-contact-icon{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,#7b522b,#3a2110);border:1px solid rgba(232,190,125,.5);color:#ffe5b8;font-size:16px}
.bk-footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.bk-footer-brand .bk-brand-mark{width:58px;height:64px;color:var(--bk-gold-light);border-color:var(--bk-gold);background:rgba(255,255,255,.03)}
.bk-footer-brand .bk-brand-name{color:#fff8ec;font-size:28px}
.bk-footer-brand .bk-brand-sub{color:var(--bk-gold-light)}
.bk-footer-values{display:flex;gap:0;margin-top:25px;border-top:1px solid rgba(214,173,112,.22);padding-top:18px}
.bk-footer-value{flex:1;text-align:center;padding:0 8px;border-left:1px solid rgba(214,173,112,.22);color:#f2dfc3}
.bk-footer-value:last-child{border-left:0}
.bk-footer-value strong{display:block;color:var(--bk-gold-light);font-size:21px;margin-bottom:5px}
.bk-socials{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.bk-socials a{width:39px;height:39px;border:1px solid #a97a43;border-radius:50%;display:grid;place-items:center;color:#f5d6a4;font-size:13px;font-weight:700}
.bk-footer-bottom{border-top:1px solid rgba(214,173,112,.28);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;color:#e7d4bb;font-size:14px}
.bk-footer-bottom a{color:var(--bk-gold-light);text-decoration:underline;text-underline-offset:3px}
.bk-footer-ornament{color:var(--bk-gold);text-align:center;font-size:22px;letter-spacing:8px;margin-top:20px;opacity:.9}
@media(max-width:1100px){
 .bk-mainbar{gap:15px}.bk-nav{gap:12px}.bk-nav a{font-size:15px}.bk-brand-name{font-size:24px}.bk-cta{padding:0 16px}
 .bk-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 .bk-topbar{padding:8px 16px;justify-content:center;text-align:center}.bk-topbar-group{justify-content:center;gap:8px 16px;font-size:13px}
 .bk-mainbar{min-height:78px;padding:12px 16px;justify-content:space-between;flex-wrap:wrap}
 .bk-brand-mark{width:42px;height:47px;font-size:26px}.bk-brand-name{font-size:22px}.bk-brand-sub{font-size:11px}
 .bk-menu-toggle{display:block;order:3}
 .bk-mainbar>.bk-cta{min-height:42px;padding:0 12px;font-size:14px;order:2}
 .bk-nav{display:none;flex-basis:100%;order:4;flex-direction:column;align-items:stretch;gap:0;padding-top:8px;border-top:1px solid var(--bk-border)}
 .bk-nav.is-open{display:flex}
 .bk-nav a{padding:12px 4px;border-bottom:1px solid rgba(151,105,56,.12);font-size:16px}
 .bk-footer:after{width:8%;opacity:.42}
 .bk-footer-inner{padding:38px 20px 22px}
 .bk-footer-grid{grid-template-columns:1fr;gap:30px}
 .bk-footer h3{margin-bottom:16px;font-size:20px}
 .bk-footer-values{gap:0}.bk-footer-value{font-size:13px;padding:0 5px}.bk-footer-value strong{font-size:18px}
 .bk-footer-bottom{flex-direction:column;align-items:flex-start;font-size:14px}
}

/* Brand logo + final RTL polish */
.bk-brand-logo{display:block;width:clamp(170px,17vw,225px);height:auto;max-height:92px;object-fit:contain;object-position:center;flex-shrink:0}
.bk-footer-logo{display:block;width:min(100%,245px);height:auto;max-height:155px;object-fit:contain;object-position:right center}
.bk-brand{min-width:0}
.bk-site-header,.bk-site-header *,.bk-footer,.bk-footer *{box-sizing:border-box}
.bk-site-header a:focus-visible,.bk-footer a:focus-visible,.bk-menu-toggle:focus-visible{outline:2px solid var(--bk-gold);outline-offset:4px}
.bk-nav ul{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,30px);list-style:none;margin:0;padding:0}
.bk-nav li{margin:0;padding:0}
.bk-nav .current-menu-item>a,.bk-nav .current_page_item>a{color:#9b672e}
.bk-footer{background-color:#2a170d}
@media(max-width:1100px){.bk-brand-logo{width:175px;max-height:80px}.bk-nav ul{gap:12px}}
@media(max-width:767px){.bk-brand-logo{width:150px;max-height:68px}.bk-footer-logo{width:210px;max-height:135px}.bk-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.bk-nav ul li{width:100%}}


/* v1.2: stronger, clearer Arabic typography and more balanced logo sizing */
html, body, button, input, textarea, select { font-family: "Alexandria", Tahoma, Arial, sans-serif; }
body { font-weight: 500; }
.bk-topbar { font-size: 14px; font-weight: 600; }
.bk-topbar a { font-weight: 700; letter-spacing: .1px; }
.bk-nav a { font-size: 17px; font-weight: 700; line-height: 1.5; }
.bk-cta { font-size: 16px; font-weight: 800; }
.bk-footer { font-size: 17px; font-weight: 500; line-height: 1.85; }
.bk-footer h3 { font-size: 22px; font-weight: 800; }
.bk-footer p, .bk-footer-links a, .bk-footer-contact a, .bk-footer-contact span { font-weight: 600; }
.bk-footer-bottom { font-size: 15px; font-weight: 600; }
.bk-brand-logo { width: clamp(155px, 14vw, 190px); max-height: 82px; }
.bk-footer-logo { width: min(100%, 215px); max-height: 125px; }
@media(max-width:1100px) { .bk-nav a { font-size: 16px; } }
@media(max-width:767px) {
 .bk-topbar-group { font-size: 13px; }
 .bk-nav a { font-size: 17px; font-weight: 700; }
 .bk-footer { font-size: 16px; }
 .bk-footer-logo { width: 205px; max-height: 118px; }
 .bk-footer-bottom { font-size: 14px; }
}