/*
Theme Name: Bekhta
Theme URI: https://bekhta.com
Author: Bekhta
Description: Bekhta — Pakistani Poetry & Literature theme. A compact, polished reading home for Urdu (Nastaliq) poetry and literature, with full RTL/LTR support for Urdu, Roman Urdu, English, Hindi and Arabic. Rekhta-inspired horizontal browsing experience, refined cards and carousels, all content controlled by the Bekhta Core plugin.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bekhta
Tags: poetry, literature, rtl-language-support, translation-ready, accessibility-ready
*/

/* =====================================================
   DESIGN TOKENS (Phase 1 approved palette — preserved)
   ===================================================== */
:root{
  --bekhta-bg:#FFFFFF;
  --bekhta-surface:#FFFFFF;
  --bekhta-text:#2B2A26;
  --bekhta-text-secondary:#6E6A60;
  --bekhta-bg-subtle:#F6F6F4;
  --bekhta-border:#E6E0D3;
  --bekhta-accent:#2F5D50;
  --bekhta-accent-hover:#234A3F;
  --bekhta-accent-soft:#E8F0EC;
  --bekhta-gold:#B08A3E;
  --bekhta-highlight:#F4F0E2;
  --bekhta-error:#A3423C;
  --bekhta-error-soft:#FBEDEC;

  --bekhta-font-latin:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --bekhta-font-urdu:'Noto Nastaliq Urdu','Mehr Nastaliq Web','Jameel Noori Nastaleeq',serif;
  --bekhta-font-arabic:'Noto Naskh Arabic','Noto Nastaliq Urdu',serif;
  --bekhta-font-hindi:'Noto Sans Devanagari','Mangal',sans-serif;

  --bekhta-radius:8px;
  --bekhta-radius-lg:12px;
  --bekhta-space-1:4px;--bekhta-space-2:8px;--bekhta-space-3:12px;
  --bekhta-space-4:16px;--bekhta-space-5:20px;--bekhta-space-6:28px;
  --bekhta-space-7:40px;--bekhta-space-8:56px;
  --bekhta-max-read:720px;
  --bekhta-max-wide:1240px;
  --bekhta-shadow:0 1px 3px rgba(32,33,36,.06);
  --bekhta-focus:2px solid var(--bekhta-accent);
}

/* =====================================================
   RESET & BASE — compact typography pass
   ===================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
body{
  margin:0;background:var(--bekhta-bg);color:var(--bekhta-text);
  font-family:var(--bekhta-font-latin);
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
/* Uppercase applies to Latin-script UI text only — never Urdu, Arabic or Hindi. */
.bekhta-header{font-size:1rem}.bekhta-main,.bekhta-footer{font-size:.94rem}
.bekhta-nav a,.bekhta-more-toggle{text-transform:uppercase;letter-spacing:.04em}
.bekhta-nav .sub-menu a{text-transform:none;letter-spacing:normal}
.bekhta-archive-head h1,.bekhta-poetry-header h1,.bekhta-poet-header h1,.bekhta-ebook-header h1{font-size:1.35rem;font-weight:700;margin:0 0 var(--bekhta-space-2)}
.bekhta-archive-head h1{font-size:1.3rem;text-transform:uppercase;letter-spacing:.06em}
.bekhta-single-content h2,.bekhta-section-head h2,.bekhta-video-related h3{text-transform:uppercase;letter-spacing:.05em}
.bekhta-contact-info-title,.bekhta-contact-form-title{text-transform:uppercase;letter-spacing:.06em}
html[lang="ur"] .bekhta-archive-head h1,html[lang="ur"] .bekhta-nav a,
html[lang="ar"] .bekhta-archive-head h1,html[lang="ar"] .bekhta-nav a,
html[lang="hi"] .bekhta-archive-head h1{text-transform:none;letter-spacing:normal}
img{max-width:100%;height:auto;display:block}
a{color:var(--bekhta-accent);text-decoration:none}
a:hover,a:focus{text-decoration:underline;color:var(--bekhta-accent-hover)}
:focus-visible{outline:var(--bekhta-focus);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--bekhta-accent);color:#fff;padding:var(--bekhta-space-3) var(--bekhta-space-4);z-index:1000;border-radius:0 0 var(--bekhta-radius) 0}
.skip-link:focus{left:0}

/* Direction: page-level follows interface lang; content blocks carry their own dir. */
.dir-rtl{direction:rtl;text-align:right}
.dir-ltr{direction:ltr;text-align:left}
.font-urdu{font-family:var(--bekhta-font-urdu)}
.font-arabic{font-family:var(--bekhta-font-arabic)}
.font-hindi{font-family:var(--bekhta-font-hindi)}
.lang-ur,.lang-ar{line-height:2.2}
.lang-hi{line-height:1.9}

/* =====================================================
   LAYOUT
   ===================================================== */
.bekhta-container{max-width:var(--bekhta-max-wide);margin:0 auto;padding:0 var(--bekhta-space-4)}
.bekhta-read-width{max-width:var(--bekhta-max-read);margin:0 auto}
.bekhta-main{padding:48px 0 64px;min-height:60vh}

/* =====================================================
   HEADER & NAVIGATION (compact, Rekhta-inspired)
   ===================================================== */
.bekhta-header{border-bottom:1px solid var(--bekhta-border);background:var(--bekhta-surface);position:sticky;top:0;z-index:50}
.bekhta-header-inner{display:flex;align-items:center;gap:var(--bekhta-space-4);min-height:60px}
.bekhta-brand{font-size:1.35rem;font-weight:700;color:var(--bekhta-text);letter-spacing:.02em;display:inline-flex;align-items:baseline;gap:var(--bekhta-space-2);white-space:nowrap;flex-shrink:0}
.bekhta-brand:hover{text-decoration:none}
.bekhta-brand .bekhta-brand-urdu{font-family:var(--bekhta-font-urdu);font-size:1.05rem;color:var(--bekhta-accent)}
.bekhta-nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.bekhta-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
.bekhta-nav li{position:relative}
.bekhta-nav a,.bekhta-more-toggle{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:999px;font-size:.92rem;font-weight:500;color:var(--bekhta-text);white-space:nowrap;background:transparent;border:0;cursor:pointer;font-family:inherit;line-height:1.6;text-decoration:none}
.bekhta-nav a:hover,.bekhta-nav a:focus-visible,.bekhta-more-toggle:hover,.bekhta-more-toggle:focus-visible{background:var(--bekhta-bg-subtle);color:var(--bekhta-accent);text-decoration:none}
.bekhta-nav a.is-active,.bekhta-nav .current-menu-item>a,.bekhta-nav .current_page_item>a,.bekhta-nav li.is-active>a{background:var(--bekhta-accent);color:#fff}
.bekhta-nav a.is-active:hover,.bekhta-nav li.is-active>a:hover{background:var(--bekhta-accent-hover);color:#fff}
.bekhta-chevron{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-1px);display:inline-block;margin-left:2px}
.bekhta-nav .sub-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;background:var(--bekhta-surface);border:1px solid var(--bekhta-border);border-radius:12px;box-shadow:0 8px 24px rgba(43,42,38,.10);min-width:200px;padding:6px;z-index:80;list-style:none;margin:0}
.bekhta-nav .sub-menu.is-open{display:block}
.bekhta-nav .sub-menu a{display:block;padding:8px 12px;border-radius:8px;color:var(--bekhta-text);font-size:.92rem;white-space:nowrap}
.bekhta-nav .sub-menu a:hover,.bekhta-nav .sub-menu a:focus-visible{background:var(--bekhta-accent-soft);color:var(--bekhta-accent);text-decoration:none}
.bekhta-header-actions{display:flex;align-items:center;gap:var(--bekhta-space-2);flex-shrink:0}
.bekhta-search-toggle,.bekhta-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--bekhta-border);background:var(--bekhta-surface);border-radius:999px;cursor:pointer;color:var(--bekhta-text)}
.bekhta-search-toggle:hover,.bekhta-menu-toggle:hover{background:var(--bekhta-bg-subtle);border-color:var(--bekhta-accent);color:var(--bekhta-accent)}
.bekhta-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bekhta-burger{display:inline-flex;flex-direction:column;gap:4px}
.bekhta-burger span{width:16px;height:2px;background:currentColor;border-radius:2px}
.bekhta-menu-toggle{display:none}
.bekhta-search-bar{display:none;border-top:1px solid var(--bekhta-border);background:var(--bekhta-bg-subtle);padding:var(--bekhta-space-4) 0}
.bekhta-search-bar.is-open{display:block}
.bekhta-search-bar form{display:flex;gap:var(--bekhta-space-3)}
.bekhta-search-bar input[type=search]{flex:1;padding:10px 16px;border:1px solid var(--bekhta-border);border-radius:999px;font-size:.95rem;font-family:inherit;background:var(--bekhta-surface)}
.bekhta-search-bar input[type=search]:focus{border-color:var(--bekhta-accent)}
.bekhta-mobile-nav{display:none;border-top:1px solid var(--bekhta-border);background:var(--bekhta-surface);padding:var(--bekhta-space-3) 0}
.bekhta-mobile-nav.is-open{display:block}
.bekhta-mobile-nav ul{list-style:none;margin:0;padding:0}
.bekhta-mobile-nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--bekhta-text);font-size:1rem}
.bekhta-mobile-nav a.is-active,.bekhta-mobile-nav li.is-active>a{background:var(--bekhta-accent);color:#fff}
.bekhta-mobile-nav .bekhta-more-toggle{display:flex;width:100%;justify-content:space-between;padding:10px 12px;border-radius:8px;font-size:1rem;color:var(--bekhta-text)}
.bekhta-mobile-nav .sub-menu{display:none;padding:0 0 0 var(--bekhta-space-4)}
.bekhta-mobile-nav .sub-menu.is-open{display:block}
.bekhta-mobile-nav .sub-menu a{padding:8px 12px;font-size:.95rem}
html[dir="rtl"] .bekhta-nav .sub-menu{left:auto;right:0}
html[dir="rtl"] .bekhta-lang-menu{right:auto;left:0}

.bekhta-lang{position:relative}
.bekhta-lang-btn{display:inline-flex;align-items:center;gap:var(--bekhta-space-2);padding:var(--bekhta-space-2) var(--bekhta-space-3);border:1px solid var(--bekhta-border);background:#fff;border-radius:var(--bekhta-radius);cursor:pointer;font-size:.9rem;color:var(--bekhta-text)}
.bekhta-lang-menu{display:none;position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius);box-shadow:var(--bekhta-shadow);min-width:180px;padding:var(--bekhta-space-2);z-index:70;list-style:none;margin:0}
.bekhta-lang.is-open .bekhta-lang-menu{display:block}
.bekhta-lang-menu a{display:block;padding:var(--bekhta-space-2) var(--bekhta-space-3);border-radius:var(--bekhta-radius);color:var(--bekhta-text);font-size:.9rem}
.bekhta-lang-menu a[aria-current="true"]{background:var(--bekhta-highlight);color:var(--bekhta-accent);font-weight:600}

/* =====================================================
   5-IMAGE PROMOTIONAL CAROUSEL
   ===================================================== */
.bekhta-promo-carousel{position:relative;background:#0E2A24;color:#fff;margin-bottom:var(--bekhta-space-6);overflow:hidden}
.bekhta-promo-track{position:relative;aspect-ratio:41/16;max-height:none}
.bekhta-promo-slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity .55s ease;background:#13352E}
.bekhta-promo-slide.is-active{opacity:1;z-index:1}
.bekhta-promo-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,30,26,.05),rgba(14,30,26,.7));z-index:1;pointer-events:none}
.bekhta-promo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.bekhta-promo-caption{position:absolute;left:0;right:0;bottom:0;padding:var(--bekhta-space-6) var(--bekhta-space-5);z-index:2;text-align:left;color:#fff;max-width:680px}
.bekhta-promo-caption h2{font-size:clamp(1.2rem,2.4vw,1.8rem);margin:0 0 var(--bekhta-space-2);font-weight:700;line-height:1.3}
.bekhta-promo-caption p{margin:0;font-size:.95rem;color:rgba(255,255,255,.85)}
.bekhta-promo-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.85);color:#13352E;border:0;cursor:pointer;z-index:5;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;transition:background .15s,transform .1s}
.bekhta-promo-btn:hover{background:#fff}
.bekhta-promo-btn:active{background:var(--bekhta-accent);color:#fff;transform:translateY(-50%) scale(.94)}
.bekhta-promo-btn:focus-visible{outline:2px solid var(--bekhta-gold);outline-offset:2px}
.bekhta-promo-btn.prev{left:var(--bekhta-space-3)}
.bekhta-promo-btn.next{right:var(--bekhta-space-3)}
.bekhta-promo-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:4}
.bekhta-promo-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:0;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.bekhta-promo-dot.is-active{background:#fff;width:22px;border-radius:4px}
@media (max-width:767px){
  .bekhta-promo-track{aspect-ratio:41/16;min-height:0;max-height:none}
  .bekhta-promo-caption{padding:var(--bekhta-space-3) var(--bekhta-space-4)}
  .bekhta-promo-caption h2{font-size:1.05rem}
  .bekhta-promo-caption p{font-size:.85rem}
}

/* =====================================================
   SECTION HEADERS + HORIZONTAL CAROUSELS
   ===================================================== */
.bekhta-section{padding:var(--bekhta-space-5) 0;background:var(--bekhta-surface)}
.bekhta-section-alt{background:var(--bekhta-surface)}
/* Homepage section headings sit centered above each card row (subtitle
   output is suppressed in the template; nothing to hide here). */
.bekhta-section-head{display:block;text-align:center;position:relative}
.bekhta-section-head .bekhta-more-link{position:absolute;right:0;top:50%;transform:translateY(-50%)}
[dir="rtl"] .bekhta-section-head .bekhta-more-link{right:auto;left:0}
.bekhta-section-head h2{font-size:1.3rem;margin:0;font-weight:700;letter-spacing:.06em;color:var(--bekhta-accent)}
.bekhta-section-head .bekhta-section-sub{font-size:.8rem;color:var(--bekhta-text-secondary);margin:2px 0 0;font-weight:400}
.bekhta-section-head-title{display:flex;flex-direction:column;gap:2px}
.bekhta-section-head .bekhta-more-link{font-size:.82rem;white-space:nowrap;color:var(--bekhta-accent);font-weight:500}
.bekhta-section-head .bekhta-more-link:hover{color:var(--bekhta-accent-hover);text-decoration:underline}

/* Horizontal carousel: one row, scroll controls, visible gaps. */
.bekhta-carousel{position:relative}
.bekhta-carousel .bekhta-carousel-track{display:flex;gap:var(--bekhta-space-3);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px var(--bekhta-space-3);-webkit-overflow-scrolling:touch}
.bekhta-carousel .bekhta-carousel-track{flex-wrap:nowrap}
.bekhta-carousel .bekhta-carousel-track::-webkit-scrollbar{height:6px}
.bekhta-carousel .bekhta-carousel-track::-webkit-scrollbar-thumb{background:var(--bekhta-border);border-radius:6px}
.bekhta-carousel .bekhta-carousel-track::-webkit-scrollbar-thumb:hover{background:var(--bekhta-accent)}
.bekhta-carousel-item{flex:0 0 auto;scroll-snap-align:start}
.bekhta-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--bekhta-surface);border:1px solid var(--bekhta-border);color:var(--bekhta-text);cursor:pointer;font-size:1rem;line-height:1;z-index:6;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--bekhta-shadow);transition:opacity .2s,visibility .2s}
.bekhta-carousel-btn:hover{background:var(--bekhta-bg-subtle);color:var(--bekhta-accent);border-color:var(--bekhta-accent)}
.bekhta-carousel-btn:focus-visible{outline:2px solid var(--bekhta-gold);outline-offset:2px}
.bekhta-carousel-btn.prev{left:-10px}
.bekhta-carousel-btn.next{right:-10px}
/* Pressed state briefly fills the circle with the Bekhta accent; it clears
   on release — nothing stays highlighted after a click. */
.bekhta-carousel-btn:active{background:var(--bekhta-accent);border-color:var(--bekhta-accent);color:#fff;transform:translateY(-50%) scale(.93)}
.bekhta-carousel-btn[hidden]{display:none}
@media (max-width:767px){
  .bekhta-carousel-btn{display:none}
  .bekhta-carousel .bekhta-carousel-track{padding-bottom:var(--bekhta-space-3)}
}
[dir="rtl"] .bekhta-carousel-btn.prev{left:auto;right:-10px}
[dir="rtl"] .bekhta-carousel-btn.next{right:auto;left:-10px}

/* =====================================================
   HOMEPAGE COVER (compacted)
   ===================================================== */
.bekhta-cover{position:relative;overflow:hidden;background:linear-gradient(150deg,#20493F 0%,#2F5D50 55%,#3C6E5C 100%);color:#fff;text-align:center;padding:clamp(40px,6vw,72px) 0 clamp(36px,5vw,60px);margin-bottom:var(--bekhta-space-5)}
.bekhta-cover.has-image .bekhta-cover-bg{background-size:cover;background-position:center}
.bekhta-cover.has-image::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,42,36,.45),rgba(24,42,36,.65))}
.bekhta-cover-bg{position:absolute;inset:0;pointer-events:none}
.bekhta-cover-word{position:absolute;font-family:var(--bekhta-font-urdu);color:rgba(255,255,255,.06);user-select:none;direction:rtl;animation:bekhta-drift 28s ease-in-out infinite alternate}
.bekhta-cover-word.w1{font-size:clamp(6rem,12vw,10rem);top:-12%;left:4%;animation-duration:32s}
.bekhta-cover-word.w2{font-size:clamp(4rem,9vw,7rem);bottom:-16%;right:6%;animation-duration:26s;animation-delay:-8s}
.bekhta-cover-word.w3{font-size:clamp(3rem,7vw,5rem);top:18%;right:26%;animation-duration:36s;animation-delay:-15s}
@keyframes bekhta-drift{from{transform:translate3d(0,0,0) rotate(-2deg)}to{transform:translate3d(0,-22px,0) rotate(2deg)}}
.bekhta-cover-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:bekhta-glow 12s ease-in-out infinite alternate}
.bekhta-cover-glow.g1{width:280px;height:280px;background:rgba(176,138,62,.5);top:-100px;left:-80px}
.bekhta-cover-glow.g2{width:240px;height:240px;background:rgba(126,197,166,.35);bottom:-90px;right:-60px;animation-delay:-6s}
@keyframes bekhta-glow{from{transform:scale(.92);opacity:.22}to{transform:scale(1.08);opacity:.4}}
.bekhta-cover-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
.bekhta-cover-kicker{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#D9B45C;border:1px solid rgba(217,180,92,.55);border-radius:999px;padding:4px 13px;margin:0 0 var(--bekhta-space-3);background:rgba(255,255,255,.06)}
.bekhta-cover-title{font-size:clamp(1.4rem,3.2vw,2rem);font-weight:700;margin:0 0 var(--bekhta-space-2);line-height:1.3}
.bekhta-cover-urdu{font-family:var(--bekhta-font-urdu);font-size:clamp(1.1rem,2.6vw,1.45rem);line-height:2.4;color:#F2E8CF;margin:0 0 var(--bekhta-space-2)}
.bekhta-cover-sub{color:rgba(255,255,255,.82);font-size:.9rem;margin:0 0 var(--bekhta-space-4)}

/* =====================================================
   SHER OF THE DAY (compact)
   ===================================================== */
.bekhta-sher-block{background:#fff;border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius-lg);padding:var(--bekhta-space-5);text-align:center;max-width:760px;margin:0 auto;position:relative}
.bekhta-sher-controls{display:flex;gap:var(--bekhta-space-2);justify-content:center;margin-bottom:var(--bekhta-space-3)}
.bekhta-sher-prev,.bekhta-sher-next{width:32px;height:32px;border-radius:50%;border:1px solid var(--bekhta-border);background:#fff;color:var(--bekhta-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1}
.bekhta-sher-prev:hover,.bekhta-sher-next:hover{background:var(--bekhta-bg-subtle);color:var(--bekhta-accent);border-color:var(--bekhta-accent)}
.bekhta-sher-counter{font-size:.75rem;color:var(--bekhta-text-secondary);align-self:center}
.bekhta-sher-text{font-family:var(--bekhta-font-urdu);font-size:1.45rem;line-height:2.7;margin:0 0 var(--bekhta-space-3);direction:rtl;text-align:center}
.bekhta-sher-text[lang="ur-Latn"],.bekhta-sher-text[lang="en"]{font-family:var(--bekhta-font-latin);font-style:italic;font-size:1rem;line-height:1.85;direction:ltr}
.bekhta-sher-poet{color:var(--bekhta-text-secondary);font-size:.85rem;margin:0 0 var(--bekhta-space-3)}
[dir="rtl"] .bekhta-sher-prev,[dir="rtl"] .bekhta-sher-next{direction:ltr}

/* =====================================================
   CARDS — unified compact card system
   ===================================================== */
.bekhta-card{background:var(--bekhta-surface);border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius-lg);padding:var(--bekhta-space-3);display:flex;flex-direction:column;gap:var(--bekhta-space-2);position:relative;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.bekhta-card:hover{box-shadow:0 6px 18px rgba(43,42,38,.07);border-color:var(--bekhta-border)}
.bekhta-card-title{font-size:.92rem;font-weight:600;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bekhta-card-title a{color:var(--bekhta-text)}
.bekhta-card-title a:hover{color:var(--bekhta-accent)}
.bekhta-card-excerpt{margin:0;color:var(--bekhta-text-secondary);font-size:.82rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bekhta-card-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.74rem;color:var(--bekhta-text-secondary)}
.bekhta-badge{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--bekhta-highlight);color:var(--bekhta-gold);font-size:.7rem;font-weight:600;letter-spacing:.02em}
.bekhta-badge-outline{display:inline-block;padding:1px 8px;border-radius:999px;border:1px solid var(--bekhta-border);font-size:.7rem;color:var(--bekhta-text-secondary)}
.bekhta-card .bekhta-actions{margin-top:auto;padding-top:var(--bekhta-space-2);border-top:1px solid var(--bekhta-bg-subtle)}

/* Whole-card link target: title's link stretches across, but badges & actions stay clickable. */
.bekhta-card{overflow:hidden}
.bekhta-card-title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.bekhta-card .bekhta-badge,.bekhta-card .bekhta-badge-outline,.bekhta-card .bekhta-actions,.bekhta-card .bekhta-verse-tools,.bekhta-card .bekhta-card-meta,.bekhta-card .bekhta-video-thumb{position:relative;z-index:2}

/* ---------- Poetry card (compact excerpt) ---------- */
.bekhta-poetry-excerpt{font-family:var(--bekhta-font-urdu);font-size:1.05rem;line-height:2.4;margin:0;direction:rtl;text-align:right;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bekhta-poetry-excerpt[lang="ur-Latn"],.bekhta-poetry-excerpt[lang="en"],.bekhta-poetry-excerpt[lang="hi"]{font-family:var(--bekhta-font-latin);font-style:normal;font-size:.86rem;line-height:1.65;direction:ltr}

/* ---------- Poet card (1:1 circle) ---------- */
.bekhta-poet-card{align-items:center;text-align:center;padding-bottom:var(--bekhta-space-4)}
.bekhta-poet-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;background:var(--bekhta-bg-subtle);border:1px solid var(--bekhta-border);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--bekhta-accent);font-weight:700;aspect-ratio:1/1;margin:0 auto}
.bekhta-poet-card .bekhta-poet-avatar-link{display:block;width:88px;height:88px;margin:0 auto var(--bekhta-space-2);position:relative;z-index:2}
.bekhta-poet-dates{font-size:.72rem;color:var(--bekhta-text-secondary)}

/* ---------- Book cover (9:16) ---------- */
.bekhta-book-9x16{aspect-ratio:9/16;background:var(--bekhta-bg-subtle);border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--bekhta-accent);font-weight:700;font-size:1.3rem;position:relative;width:100%}
.bekhta-book-9x16 img{width:100%;height:100%;object-fit:cover}
.bekhta-book-9x16-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--bekhta-font-urdu);background:linear-gradient(160deg,var(--bekhta-bg-subtle),var(--bekhta-highlight))}

/* ---------- Collection book card (16:9) ---------- */
.bekhta-collection-16x9{aspect-ratio:16/9;background:var(--bekhta-bg-subtle);border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--bekhta-accent);font-weight:700;font-size:1.05rem;width:100%;position:relative}
.bekhta-collection-16x9 img{width:100%;height:100%;object-fit:cover}
.bekhta-collection-16x9-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--bekhta-font-urdu);background:linear-gradient(160deg,var(--bekhta-bg-subtle),var(--bekhta-highlight))}

/* ---------- Video card (9:16 cover) ---------- */
.bekhta-video-9x16{aspect-ratio:9/16;background:var(--bekhta-bg-subtle);border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius-lg);overflow:hidden;position:relative;width:100%;display:block;z-index:2}
.bekhta-video-9x16 img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.bekhta-video-9x16:hover img{transform:scale(1.04)}
.bekhta-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;padding-left:3px;backdrop-filter:blur(2px);transition:background .2s,transform .2s}
.bekhta-video-9x16:hover .bekhta-video-play{background:rgba(0,0,0,.7);transform:translate(-50%,-50%) scale(1.08)}
[dir="rtl"] .bekhta-video-play{padding-left:0;padding-right:3px}

/* ---------- Blog card ---------- */
.bekhta-blog-thumb{aspect-ratio:16/9;background:var(--bekhta-bg-subtle);border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;position:relative}
.bekhta-blog-thumb img{width:100%;height:100%;object-fit:cover}

/* Carousel card widths */
.bekhta-carousel-track .bekhta-card{width:210px;height:100%}
.bekhta-carousel-track .bekhta-poet-card{width:160px}
.bekhta-carousel-track .bekhta-video-card{width:180px}
.bekhta-carousel-track .bekhta-collection-card{width:280px}
.bekhta-carousel-track .bekhta-library-card{width:170px}
.bekhta-carousel-track .bekhta-blog-card{width:300px}
@media (max-width:767px){
  .bekhta-carousel-track .bekhta-card{width:170px}
  .bekhta-carousel-track .bekhta-poet-card{width:140px}
  .bekhta-carousel-track .bekhta-video-card{width:160px}
  .bekhta-carousel-track .bekhta-collection-card{width:240px}
  .bekhta-carousel-track .bekhta-library-card{width:148px}
  .bekhta-carousel-track .bekhta-blog-card{width:260px}
}

/* =====================================================
   ARCHIVE & GRID FALLBACKS (compact)
   ===================================================== */
.bekhta-archive-head{text-align:center;margin-bottom:var(--bekhta-space-5)}
.bekhta-archive-head h1{font-size:1.4rem;margin:0 0 var(--bekhta-space-2);font-weight:700}
.bekhta-archive-head h1::after{content:"";display:block;width:42px;height:3px;border-radius:2px;background:var(--bekhta-gold);margin:8px auto 0}
.bekhta-archive-head p{color:var(--bekhta-text-secondary);max-width:580px;margin:0 auto;font-size:.92rem}
.bekhta-grid{display:grid;gap:var(--bekhta-space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.bekhta-grid-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.bekhta-grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}

/* =====================================================
   DETAIL PAGES (compact, readable)
   ===================================================== */
.bekhta-poetry-header{text-align:center;margin-bottom:var(--bekhta-space-5)}
.bekhta-poetry-header h1{font-size:1.5rem;margin:var(--bekhta-space-2) 0;font-weight:700;line-height:1.4}
.bekhta-poetry-header h1.font-urdu{line-height:2.0}
.bekhta-poetry-poet{color:var(--bekhta-text-secondary);font-size:.9rem}
.bekhta-poetry-poet a{font-weight:600}
.bekhta-poetry-intro{color:var(--bekhta-text-secondary);max-width:var(--bekhta-max-read);margin:var(--bekhta-space-3) auto 0;font-size:.92rem}
.bekhta-verses{max-width:var(--bekhta-max-read);margin:0 auto;padding:var(--bekhta-space-4);background:#fff;border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius-lg)}
.bekhta-verse-text{font-family:var(--bekhta-font-urdu);font-size:var(--bekhta-verse-size,1.4rem);line-height:2.8;margin:0;direction:rtl;text-align:center}
.bekhta-verse-text .misra{display:block}
/* A sher is one unit: its two misras sit together with breathing room,
   and successive shers stay clearly separated on the detail page. */
.bekhta-verse{padding:var(--bekhta-space-3) var(--bekhta-space-4);border-radius:var(--bekhta-radius);display:flex;flex-direction:column;align-items:center;gap:var(--bekhta-space-2)}
.bekhta-verse+.bekhta-verse{margin-top:var(--bekhta-space-2);border-top:1px dashed var(--bekhta-border)}
.bekhta-verse .bekhta-verse-text{width:100%}
.bekhta-verse-text[lang="ur-Latn"],.bekhta-verse-text[lang="en"]{font-family:var(--bekhta-font-latin);font-style:italic;font-size:1rem;line-height:1.95;direction:ltr;text-align:center}
.bekhta-verse-text[lang="hi"]{font-family:var(--bekhta-font-hindi);direction:ltr;text-align:center}
.bekhta-verse-text[lang="ar"]{font-family:var(--bekhta-font-arabic)}
.bekhta-verse-tools{align-self:center;opacity:.35}
.bekhta-verse-tools:hover,.bekhta-verse:focus-within .bekhta-verse-tools{opacity:1}
.bekhta-verse-tools .bekhta-action-btn{padding:4px 8px}
.bekhta-stanza-break{height:var(--bekhta-space-5)}
.bekhta-poetry-toolbar{display:flex;flex-wrap:wrap;gap:var(--bekhta-space-2);justify-content:center;margin:var(--bekhta-space-3) 0;align-items:center}
.bekhta-fontsize-controls{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--bekhta-border);border-radius:999px;padding:3px}
.bekhta-fontsize-controls button{border:none;background:transparent;cursor:pointer;font-size:.9rem;width:28px;height:28px;border-radius:50%;color:var(--bekhta-text)}
.bekhta-fontsize-controls button:hover{background:var(--bekhta-bg-subtle)}
.bekhta-attribution{max-width:var(--bekhta-max-read);margin:var(--bekhta-space-3) auto 0;font-size:.78rem;color:var(--bekhta-text-secondary);text-align:center}
.bekhta-sher-notice{max-width:var(--bekhta-max-read);margin:0 auto var(--bekhta-space-3);padding:var(--bekhta-space-2) var(--bekhta-space-3);background:var(--bekhta-highlight);border-radius:var(--bekhta-radius);font-size:.85rem;text-align:center}
.bekhta-prevnext{display:flex;justify-content:space-between;gap:var(--bekhta-space-3);max-width:var(--bekhta-max-read);margin:var(--bekhta-space-5) auto 0}
.bekhta-prevnext a{font-size:.85rem}

.bekhta-poet-header{display:flex;gap:var(--bekhta-space-5);align-items:flex-start;max-width:var(--bekhta-max-read);margin:0 auto var(--bekhta-space-5)}
.bekhta-poet-header .bekhta-poet-avatar{width:120px;height:120px;min-width:120px;font-size:1.8rem;margin:0}
.bekhta-poet-header h1{margin:0 0 var(--bekhta-space-2);font-size:1.5rem}
.bekhta-poet-bio{color:var(--bekhta-text-secondary);font-size:.92rem;line-height:1.65}
.bekhta-single-content{max-width:var(--bekhta-max-read);margin:0 auto;font-size:.95rem;line-height:1.7}
.bekhta-single-content h2{font-size:1.15rem;margin:var(--bekhta-space-5) 0 var(--bekhta-space-2)}
.bekhta-single-content img{border-radius:var(--bekhta-radius)}
.bekhta-article-meta{display:flex;flex-wrap:wrap;gap:var(--bekhta-space-3);color:var(--bekhta-text-secondary);font-size:.8rem;margin-bottom:var(--bekhta-space-3);justify-content:center}
.bekhta-ebook-header{display:flex;gap:var(--bekhta-space-5);align-items:flex-start;max-width:var(--bekhta-max-read);margin:0 auto var(--bekhta-space-5)}
.bekhta-ebook-header .bekhta-book-9x16{width:160px;min-width:160px}
.bekhta-ebook-header h1{margin:0 0 var(--bekhta-space-2);font-size:1.5rem}
.bekhta-ebook-actions{display:flex;flex-wrap:wrap;gap:var(--bekhta-space-2);margin:var(--bekhta-space-3) 0}
.bekhta-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;background:var(--bekhta-accent);color:#fff;font-weight:600;font-size:.82rem;border:1px solid var(--bekhta-accent);cursor:pointer;font-family:inherit;box-shadow:0 1px 5px rgba(47,93,80,.15);transition:background .2s,border-color .2s,color .2s}
.bekhta-btn:hover{background:var(--bekhta-accent-hover);border-color:var(--bekhta-accent-hover);text-decoration:none;color:#fff}
.bekhta-btn:focus-visible{outline:2px solid var(--bekhta-gold);outline-offset:2px}
.bekhta-btn-secondary{background:var(--bekhta-surface);color:var(--bekhta-accent);box-shadow:none}
.bekhta-btn-secondary:hover{background:var(--bekhta-highlight);color:var(--bekhta-accent)}

.bekhta-video-frame{position:relative;aspect-ratio:16/9;max-width:780px;margin:0 auto var(--bekhta-space-3);border-radius:var(--bekhta-radius-lg);overflow:hidden;background:#000;border:1px solid var(--bekhta-border)}
.bekhta-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bekhta-video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;padding:0}
.bekhta-video-placeholder img{width:100%;height:100%;object-fit:cover}
.bekhta-video-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bekhta-space-2);background:var(--bekhta-bg-subtle);color:var(--bekhta-text-secondary);text-align:center;padding:var(--bekhta-space-4);font-size:.9rem}

/* Wikipedia-style 2-column video page */
.bekhta-video-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--bekhta-space-5);max-width:1080px;margin:0 auto}
@media (max-width:960px){.bekhta-video-grid{grid-template-columns:1fr}}
.bekhta-video-related{display:flex;flex-direction:column;gap:var(--bekhta-space-3)}
.bekhta-video-related h3{font-size:.92rem;margin:0 0 var(--bekhta-space-2);text-transform:uppercase;letter-spacing:.06em;color:var(--bekhta-text-secondary);font-weight:600}
.bekhta-related-row{display:grid;grid-template-columns:120px 1fr;gap:var(--bekhta-space-3);align-items:flex-start;padding:var(--bekhta-space-2);border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius);background:var(--bekhta-surface);transition:background .15s}
.bekhta-related-row:hover{background:var(--bekhta-bg-subtle)}
.bekhta-related-thumb{aspect-ratio:16/9;background:var(--bekhta-bg-subtle);border-radius:var(--bekhta-radius);overflow:hidden;position:relative;display:block}
.bekhta-related-thumb img{width:100%;height:100%;object-fit:cover}
.bekhta-related-meta{font-size:.78rem;color:var(--bekhta-text-secondary);margin-bottom:4px}
.bekhta-related-title{font-size:.85rem;font-weight:600;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bekhta-related-title a{color:var(--bekhta-text)}
.bekhta-related-title a:hover{color:var(--bekhta-accent)}

/* =====================================================
   QUIZ
   ===================================================== */
.bekhta-quiz-wrap{max-width:580px;margin:0 auto}
.bekhta-quiz-question{background:#fff;border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius-lg);padding:var(--bekhta-space-4);margin-bottom:var(--bekhta-space-3)}
.bekhta-quiz-question h3{margin:0 0 var(--bekhta-space-3);font-size:1rem}
.bekhta-quiz-option{display:block;width:100%;text-align:left;padding:var(--bekhta-space-3);margin-bottom:var(--bekhta-space-2);border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius);background:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;color:var(--bekhta-text);transition:border-color .15s,background .15s}
.bekhta-quiz-option:hover{border-color:var(--bekhta-accent);background:var(--bekhta-highlight)}
.bekhta-quiz-option.is-correct{border-color:var(--bekhta-accent);background:var(--bekhta-accent-soft);font-weight:600}
.bekhta-quiz-option.is-wrong{border-color:var(--bekhta-error);background:var(--bekhta-error-soft)}
.bekhta-quiz-option:disabled{cursor:default;opacity:.85}
.bekhta-quiz-explanation{padding:var(--bekhta-space-2) var(--bekhta-space-3);background:var(--bekhta-bg-subtle);border-radius:var(--bekhta-radius);font-size:.85rem;margin-top:var(--bekhta-space-2)}
.bekhta-quiz-progress{font-size:.78rem;color:var(--bekhta-text-secondary);margin-bottom:var(--bekhta-space-3)}
.bekhta-quiz-result{text-align:center;padding:var(--bekhta-space-5) var(--bekhta-space-4);background:var(--bekhta-highlight);border-radius:var(--bekhta-radius-lg)}
.bekhta-quiz-result .bekhta-quiz-score{font-size:1.8rem;font-weight:700;color:var(--bekhta-accent)}

/* =====================================================
   SEARCH + EMPTY STATES + FOOTER
   ===================================================== */
.bekhta-empty{text-align:center;padding:var(--bekhta-space-5) var(--bekhta-space-4);color:var(--bekhta-text-secondary);background:var(--bekhta-bg-subtle);border-radius:var(--bekhta-radius-lg)}
.bekhta-empty .bekhta-empty-icon{font-size:1.6rem;display:block;margin-bottom:var(--bekhta-space-2)}
.bekhta-pagination{display:flex;justify-content:center;gap:6px;margin-top:var(--bekhta-space-5);flex-wrap:wrap}
.bekhta-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 9px;border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius);font-size:.85rem;color:var(--bekhta-text)}
.bekhta-pagination .page-numbers.current{background:var(--bekhta-accent);color:#fff;border-color:var(--bekhta-accent)}
.bekhta-pagination .page-numbers:hover{border-color:var(--bekhta-accent);text-decoration:none}

.bekhta-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bekhta-action-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--bekhta-border);background:#fff;border-radius:999px;font-size:.78rem;color:var(--bekhta-text);cursor:pointer;font-family:inherit}
.bekhta-action-btn:hover{background:var(--bekhta-bg-subtle);text-decoration:none}
.bekhta-action-btn.is-bookmarked{background:var(--bekhta-highlight);border-color:var(--bekhta-accent);color:var(--bekhta-accent)}
.bekhta-action-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.bekhta-copy-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--bekhta-accent);color:#fff;padding:8px 16px;border-radius:999px;font-size:.85rem;z-index:999;opacity:0;transition:opacity .2s;pointer-events:none}
.bekhta-copy-toast.is-visible{opacity:1}

.bekhta-breadcrumbs{font-size:.78rem;color:var(--bekhta-text-secondary);margin-bottom:var(--bekhta-space-4)}
.bekhta-breadcrumbs a{color:var(--bekhta-text-secondary)}
.bekhta-breadcrumbs span[aria-current]{color:var(--bekhta-accent);font-weight:600}

/* =====================================================
   FOOTER (compact, organized)
   ===================================================== */
.bekhta-footer{background:#1F2F2A;color:#EDE9DD;padding:var(--bekhta-space-6) 0 var(--bekhta-space-4);margin-top:var(--bekhta-space-7)}
.bekhta-footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:var(--bekhta-space-5)}
.bekhta-footer h2{color:#fff;font-size:1.05rem;margin:0 0 var(--bekhta-space-2)}
.bekhta-footer h3{color:#D9B45C;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--bekhta-space-3);font-weight:600}
.bekhta-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.bekhta-footer a{color:#EDE9DD;font-size:.84rem}
.bekhta-footer a:hover{color:#fff;text-decoration:underline}
.bekhta-footer-about{color:rgba(237,233,221,.72);font-size:.84rem;max-width:36ch;line-height:1.55;margin:0}
.bekhta-footer-bottom{display:block;border-top:1px solid rgba(255,255,255,.12);margin-top:var(--bekhta-space-5);padding-top:var(--bekhta-space-3);font-size:.78rem;color:rgba(237,233,221,.65);text-align:center}
.bekhta-copyright{margin:0}
/* Social row: one horizontal line, brand-colored circles, real glyphs. */
.bekhta-social-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--bekhta-space-2);padding:0;list-style:none;flex-direction:row;align-items:center}
.bekhta-social-list a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff;transition:transform .15s,opacity .15s}
.bekhta-social-list a:hover{transform:translateY(-2px);opacity:.9;text-decoration:none}
.bekhta-social-list a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bekhta-social-list svg{width:15px;height:15px;fill:currentColor}
.bekhta-social-page{margin-top:var(--bekhta-space-3)}
.bekhta-social-page a{color:#fff}
.bekhta-footer-write{margin-top:var(--bekhta-space-4)!important}

/* =====================================================
   CONTACT PAGE (white cards, working form)
   ===================================================== */
.bekhta-contact-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--bekhta-space-4);max-width:var(--bekhta-max-wide);margin:0 auto;align-items:start}
.bekhta-contact-info,.bekhta-contact-card{padding:var(--bekhta-space-5)}
.bekhta-contact-info-title,.bekhta-contact-form-title{font-size:1rem;font-weight:700;color:var(--bekhta-accent);margin:0 0 var(--bekhta-space-3)}
.bekhta-contact-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bekhta-contact-list li{display:flex;gap:10px;align-items:baseline;font-size:.9rem}
.bekhta-contact-label{display:inline-block;min-width:56px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--bekhta-text-secondary);font-weight:600}
.bekhta-contact-form{display:grid;gap:var(--bekhta-space-3)}
.bekhta-contact-form .bekhta-field{display:grid;gap:4px}
.bekhta-contact-form label{font-size:.8rem;font-weight:600;color:var(--bekhta-text)}
.bekhta-contact-form label span{color:var(--bekhta-error)}
.bekhta-contact-form input,.bekhta-contact-form textarea{width:100%;padding:9px 12px;border:1px solid var(--bekhta-border);border-radius:var(--bekhta-radius);font-family:inherit;font-size:.9rem;color:var(--bekhta-text);background:var(--bekhta-surface)}
.bekhta-contact-form input:focus,.bekhta-contact-form textarea:focus{border-color:var(--bekhta-accent);outline:none}
.bekhta-contact-form textarea{min-height:150px;resize:vertical;line-height:1.6}
.bekhta-contact-notice{margin:0 0 var(--bekhta-space-2);padding:var(--bekhta-space-2) var(--bekhta-space-3);border-radius:var(--bekhta-radius);font-size:.85rem}
.bekhta-contact-notice.is-ok{background:var(--bekhta-accent-soft);color:var(--bekhta-accent-hover)}
.bekhta-contact-notice.is-err{background:var(--bekhta-error-soft);color:var(--bekhta-error)}
.bekhta-hp{position:absolute!important;left:-9999px!important;height:1px;width:1px;overflow:hidden}
@media (max-width:960px){.bekhta-contact-layout{grid-template-columns:1fr}}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width:1023px){
  .bekhta-footer-grid{grid-template-columns:1fr 1fr}
  .bekhta-promo-track{aspect-ratio:41/16;max-height:none}
}
@media (max-width:767px){
  .bekhta-nav{display:none}
  .bekhta-menu-toggle{display:inline-flex}
  .bekhta-grid{grid-template-columns:1fr 1fr}
  .bekhta-grid-4{grid-template-columns:1fr 1fr}
  .bekhta-grid-2{grid-template-columns:1fr}
  .bekhta-poet-header,.bekhta-ebook-header{flex-direction:column;align-items:center;text-align:center}
  .bekhta-verse{padding:var(--bekhta-space-3)}
  .bekhta-verse-tools{justify-content:center;margin-top:var(--bekhta-space-2);display:flex;opacity:1}
  .bekhta-verse-text{font-size:1.2rem;line-height:2.6}
  .bekhta-footer-grid{grid-template-columns:1fr}
  .bekhta-section{padding:var(--bekhta-space-4) 0}
  .bekhta-prevnext{flex-direction:column;gap:var(--bekhta-space-2)}
  .bekhta-section-head .bekhta-more-link{position:static;transform:none;display:block;margin:6px auto 0}
  .bekhta-contact-layout{grid-template-columns:1fr}
}

/* =====================================================
   PRINT
   ===================================================== */
@media print{
  .bekhta-header,.bekhta-footer,.bekhta-promo-carousel,.bekhta-actions,.bekhta-poetry-toolbar,.bekhta-verse-tools,.bekhta-carousel-btn,.bekhta-search-toggle,.bekhta-menu-toggle{display:none!important}
  body{font-size:12pt}
}

/* =====================================================
   v1.3 — SHER CARD SYSTEM (verse is the focus)
   ===================================================== */
.bekhta-sher-card{align-items:center;text-align:center;gap:var(--bekhta-space-2)}
.bekhta-sher-card .bekhta-card-title{font-size:.88rem}
.bekhta-sher-card .bekhta-verse-text{font-size:1.18rem;line-height:2.6;width:100%}
.bekhta-sher-card .bekhta-verse-text .misra{display:block;overflow-wrap:break-word}
.bekhta-sher-poet{margin:0;font-size:.8rem;color:var(--bekhta-text-secondary)}
.bekhta-sher-poet a{color:var(--bekhta-text-secondary);font-weight:600}
.bekhta-sher-actions{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:auto}
.bekhta-sher-actions .bekhta-actions{justify-content:center}
.bekhta-sher-parent{font-size:.78rem;font-weight:600;color:var(--bekhta-accent);text-decoration:none}
.bekhta-sher-parent:hover{text-decoration:underline;color:var(--bekhta-accent-hover)}
/* Poetry text must never be silently clamped or fixed-height clipped. */
.bekhta-sher-card .bekhta-verse-text,.bekhta-work-card .bekhta-verse-text{-webkit-line-clamp:none;display:block;overflow:visible}
/* Work cards on the Ghazal / Nazm pages */
.bekhta-work-card{align-items:center;text-align:center}
.bekhta-work-card .bekhta-verse-text{font-size:1.2rem;line-height:2.6;width:100%}
.bekhta-work-card .bekhta-card-meta{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
/* Poetry archives: roomier cards for complete couplets */
.bekhta-grid .bekhta-sher-card{min-height:0;height:auto}
.bekhta-grid .bekhta-card-poetry{width:auto}

/* =====================================================
   v1.3 — HOMEPAGE-ONLY BORDER RULES (scoped to .home)
   ===================================================== */
/* Poetry focus cards (Sher of the Day, Poetry, Poets): no visible
   outer border on the homepage only — archives keep their borders. */
.home .bekhta-sher-card,
.home .bekhta-card-poetry,
.home .bekhta-poet-card,
.home .bekhta-sher-block{border-color:transparent;box-shadow:none}
/* Image cards (Videos, Poetry Collections, Blog, Books Library, Prose):
   the image touches the card border — no white inset, no distortion. */
.home .bekhta-video-card .bekhta-video-9x16,
.home .bekhta-collection-card .bekhta-collection-16x9,
.home .bekhta-blog-card .bekhta-blog-thumb,
.home .bekhta-library-card .bekhta-book-9x16,
.home .bekhta-prose-card .bekhta-blog-thumb{
  margin:calc(-1 * var(--bekhta-space-3)) calc(-1 * var(--bekhta-space-3)) 0;
  width:calc(100% + 2 * var(--bekhta-space-3));
  border:0;
  border-radius:var(--bekhta-radius-lg) var(--bekhta-radius-lg) 0 0;
}
.home .bekhta-video-card .bekhta-video-9x16 img,
.home .bekhta-collection-card .bekhta-collection-16x9 img,
.home .bekhta-blog-card .bekhta-blog-thumb img,
.home .bekhta-library-card .bekhta-book-9x16 img,
.home .bekhta-prose-card .bekhta-blog-thumb img{object-fit:cover;width:100%;height:100%}

/* =====================================================
   v1.3 — GHAZAL / NAZM DEDICATED PAGES
   ===================================================== */
.bekhta-grid-2 .bekhta-work-card{max-width:520px}

/* =====================================================
   v1.4 — PURE-WHITE SURFACE PASS
   Base background is #FFFFFF everywhere. Separation comes from
   borders, rules, type and accent colour — never from grey or cream
   section fills. Muted neutrals remain only for secondary text,
   disabled controls and hairlines.
   ===================================================== */
html,body{background:#FFFFFF}
.bekhta-main{background:#FFFFFF;padding:48px 0 64px}
.bekhta-header{background:#FFFFFF}
.bekhta-section,.bekhta-section-alt{background:#FFFFFF;padding:var(--bekhta-space-4) 0 var(--bekhta-space-5)}
.bekhta-section+.bekhta-section{border-top:0}
.bekhta-empty{background:#FFFFFF;border:1px dashed var(--bekhta-border)}
.bekhta-quiz-explanation{background:#F7F7F5}
.bekhta-search-bar{background:#FFFFFF}
.bekhta-quiz-question,.bekhta-verses,.bekhta-sher-block{background:#FFFFFF}

/* Footer: white surface, dark type, brand accents kept. */
.bekhta-footer{background:#FFFFFF;color:var(--bekhta-text);border-top:1px solid var(--bekhta-border);padding:var(--bekhta-space-6) 0 var(--bekhta-space-4);margin-top:var(--bekhta-space-6)}
.bekhta-footer h2{color:var(--bekhta-text);font-size:1rem;letter-spacing:.02em;text-transform:uppercase}
.bekhta-footer h3{color:var(--bekhta-accent);font-size:.7rem;letter-spacing:.12em}
.bekhta-footer a{color:var(--bekhta-text);font-size:.84rem}
.bekhta-footer a:hover{color:var(--bekhta-accent);text-decoration:underline}
.bekhta-footer-about{color:var(--bekhta-text-secondary);max-width:38ch}
.bekhta-footer-bottom{border-top:1px solid var(--bekhta-border);color:var(--bekhta-text-secondary)}
.bekhta-social-page a{color:var(--bekhta-accent)}

/* =====================================================
   v1.4 — SHARED HOMEPAGE CONTAINER
   Balanced left/right breathing room so carousel arrows never sit on
   top of content and no card touches the viewport edge.
   ===================================================== */
.bekhta-container{
  max-width:var(--bekhta-max-wide);
  margin:0 auto;
  padding-left:clamp(16px,2.6vw,40px);
  padding-right:clamp(16px,2.6vw,40px);
}
.bekhta-header-inner{padding-left:clamp(16px,2.6vw,40px);padding-right:clamp(16px,2.6vw,40px)}
/* The carousel reserves a dedicated gutter for its arrow controls so the
   buttons sit inside the section boundary without covering cards. */
.bekhta-carousel{padding:0 40px}
.bekhta-carousel-btn{width:32px;height:32px;font-size:.95rem;box-shadow:none}
.bekhta-carousel-btn.prev{left:0}
.bekhta-carousel-btn.next{right:0}
.bekhta-carousel .bekhta-carousel-track{padding:2px 0 var(--bekhta-space-2)}
.bekhta-carousel .bekhta-carousel-track::-webkit-scrollbar{height:4px}
@media (max-width:1023px){
  .bekhta-carousel{padding:0 34px}
}
@media (max-width:767px){
  .bekhta-carousel{padding:0 30px}
  .bekhta-carousel-btn{display:inline-flex;width:26px;height:26px;font-size:.85rem;background:#FFFFFF}
  .bekhta-carousel-btn.prev{left:-2px}
  .bekhta-carousel-btn.next{right:-2px}
}

/* =====================================================
   v1.4 — SECTION HEADING ROW (title · rule · right link)
   One line on desktop and mobile, vertically centred, with a full
   width hairline the accent title sits on.
   ===================================================== */
.bekhta-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:12px;text-align:left;position:static;
  border-bottom:1px solid var(--bekhta-border);
  margin:0 0 var(--bekhta-space-3);padding:0;
}
.bekhta-section-head h2{
  position:relative;font-size:clamp(1.02rem,1.35vw,1.3rem);line-height:1.25;
  margin:0;padding:0 0 9px;font-weight:700;letter-spacing:.07em;
  color:var(--bekhta-accent);text-transform:uppercase;white-space:nowrap;
}
.bekhta-section-head h2::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--bekhta-accent);border-radius:2px;
}
.bekhta-section-head .bekhta-more-link{
  position:static;transform:none;display:inline-block;flex:0 0 auto;
  padding:0 0 9px;font-size:.78rem;font-weight:600;letter-spacing:.01em;
  color:var(--bekhta-accent);white-space:nowrap;
}
.bekhta-section-head .bekhta-more-link:hover{color:var(--bekhta-accent-hover);text-decoration:underline}
/* No subtitle is ever printed under a homepage heading row. */
.bekhta-section-head .bekhta-section-sub{display:none}
html[lang="ur"] .bekhta-section-head h2,html[lang="ar"] .bekhta-section-head h2,
html[lang="hi"] .bekhta-section-head h2{text-transform:none;letter-spacing:0}
@media (max-width:767px){
  .bekhta-section-head{gap:10px;margin-bottom:10px}
  .bekhta-section-head h2{font-size:.94rem;padding-bottom:8px;letter-spacing:.05em}
  .bekhta-section-head .bekhta-more-link{font-size:.68rem;padding-bottom:8px}
  .bekhta-section-head h2::after{height:2px}
}
@media (max-width:379px){
  .bekhta-section-head h2{font-size:.86rem}
  .bekhta-section-head .bekhta-more-link{font-size:.64rem}
}

/* =====================================================
   v1.4 — POETRY ROW: 3 large cards, paged, hairline dividers
   ===================================================== */
.bekhta-carousel-poetry .bekhta-carousel-track{
  gap:0;scroll-snap-type:x mandatory;padding:0;
}
.bekhta-poetry-item{
  flex:0 0 auto;width:calc(100% / 3);scroll-snap-align:start;
  padding:0 20px;box-sizing:border-box;
}
.bekhta-poetry-item:first-child{padding-left:0}
.bekhta-poetry-item:last-child{padding-right:0}
/* A hairline only between cards inside a page: never at the far left or
   far right edge of the row. */
.bekhta-poetry-item:nth-child(3n+2),.bekhta-poetry-item:nth-child(3n+3){border-left:1px solid var(--bekhta-border)}
.bekhta-poetry-item .bekhta-sher-card{
  height:100%;justify-content:center;gap:10px;padding:6px 0 0;
  border:0;background:#FFFFFF;box-shadow:none;border-radius:0;
}
.bekhta-poetry-item .bekhta-card-title{font-size:.86rem;font-weight:600;letter-spacing:.01em;color:var(--bekhta-text-secondary)}
.bekhta-poetry-item .bekhta-card-title a{color:var(--bekhta-text-secondary)}
.bekhta-poetry-item .bekhta-card-title a:hover{color:var(--bekhta-accent)}
.bekhta-poetry-item .bekhta-verse-text{
  font-size:clamp(1.12rem,1.45vw,1.34rem);line-height:2.5;
  min-height:0;padding:6px 0 2px;
}
.bekhta-poetry-item .bekhta-verse-text .misra{white-space:normal;overflow-wrap:break-word;word-break:break-word}
.bekhta-poetry-item .bekhta-sher-poet{font-size:.78rem}
.bekhta-poetry-item .bekhta-sher-actions{gap:8px}
.bekhta-poetry-item .bekhta-actions{gap:6px}
.bekhta-poetry-item .bekhta-sher-parent{font-size:.74rem}
.bekhta-carousel-poetry .bekhta-carousel-track::-webkit-scrollbar{display:none}
.bekhta-carousel-poetry .bekhta-carousel-track{scrollbar-width:none}

@media (max-width:1023px){
  .bekhta-poetry-item{width:calc(100% / 2);padding:0 16px}
  .bekhta-poetry-item:nth-child(3n+2),.bekhta-poetry-item:nth-child(3n+3){border-left:0}
  .bekhta-poetry-item:nth-child(even){border-left:1px solid var(--bekhta-border)}
  .bekhta-poetry-item:nth-child(2n+1){padding-left:0}
}
/* Mobile: exactly one poem per view, swipe/touch to move. */
@media (max-width:767px){
  .bekhta-carousel-poetry .bekhta-carousel-track{scroll-snap-type:x mandatory}
  .bekhta-poetry-item{width:100%;padding:0;border-left:0!important}
  .bekhta-poetry-item .bekhta-sher-card{padding:2px 0 0}
  .bekhta-poetry-item .bekhta-verse-text{font-size:1.16rem;line-height:2.45}
}

/* =====================================================
   v1.4 — SHER OF THE DAY
   ===================================================== */
.bekhta-sher-carousel .bekhta-sher-block{
  max-width:820px;margin:0 auto;border:1px solid var(--bekhta-border);
  border-radius:var(--bekhta-radius-lg);padding:var(--bekhta-space-5) var(--bekhta-space-4);
  text-align:center;background:#FFFFFF;
}
.bekhta-sher-carousel .bekhta-sher-text,.bekhta-sher-slide .bekhta-verse-text{
  font-size:clamp(1.3rem,2.1vw,1.6rem);line-height:2.6;margin:0 0 6px;
}
.bekhta-sher-slide .bekhta-verse-text[lang="ur-Latn"],
.bekhta-sher-slide .bekhta-verse-text[lang="en"]{font-size:1.02rem;line-height:1.9}
.bekhta-sher-poet{font-size:.82rem;margin:0 0 var(--bekhta-space-2)}
.bekhta-actions-center{justify-content:center}
/* Counter markup removed: nothing numeric is ever shown here. */
.bekhta-sher-counter{display:none!important}
@media (max-width:767px){
  .bekhta-sher-carousel .bekhta-sher-block{padding:var(--bekhta-space-4) var(--bekhta-space-3)}
  .bekhta-sher-slide .bekhta-verse-text{font-size:1.2rem;line-height:2.4}
}

/* =====================================================
   v1.4 — COMPACT CARD / IMAGE SIZING
   ===================================================== */
.bekhta-carousel-track .bekhta-card{width:210px;height:100%}
.bekhta-poetry-item .bekhta-card{width:auto}
.home .bekhta-collection-thumb,.home .bekhta-library-thumb{display:block;position:relative;z-index:2}
.bekhta-card-title{font-size:.9rem}
.bekhta-card-meta{font-size:.72rem}
.bekhta-promo-kicker{
  position:relative;z-index:3;text-align:center;padding:12px 16px 4px;
  color:var(--bekhta-accent);font-size:.7rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;background:#FFFFFF;
}
.bekhta-promo-carousel{background:#FFFFFF;margin-bottom:var(--bekhta-space-4)}
.bekhta-promo-track{background:#0E2A24}
.bekhta-promo-img-fallback{background:linear-gradient(160deg,#20493F,#2F5D50)}
.bekhta-badge-onimage{background:rgba(255,255,255,.18);color:#fff}

/* =====================================================
   HEADER BREAKPOINTS (restored from the reference theme)
   ===================================================== */
@media (max-width:767px){
  .bekhta-nav{display:none}
  .bekhta-menu-toggle{display:inline-flex}
}

/* =====================================================
   v1.4.1 — ARROW GUTTER ALIGNMENT
   Every row uses one gutter variable: the track is inset by that gutter
   (so the first card lines up exactly with the section heading rule) and
   the arrows live inside the gutter, clear of the cards.
   ===================================================== */
:root{--bekhta-gutter:44px}
@media (max-width:1023px){:root{--bekhta-gutter:36px}}
@media (max-width:767px){:root{--bekhta-gutter:28px}}

.bekhta-carousel{padding:0 var(--bekhta-gutter)}
.bekhta-carousel .bekhta-carousel-track{
  margin-left:calc(-1 * var(--bekhta-gutter));
  margin-right:calc(-1 * var(--bekhta-gutter));
  padding-left:var(--bekhta-gutter);
  padding-right:var(--bekhta-gutter);
  scroll-padding-left:var(--bekhta-gutter);
}
.bekhta-carousel-btn{
  width:30px;height:30px;font-size:.9rem;line-height:1;
  background:#FFFFFF;border:1px solid var(--bekhta-border);color:var(--bekhta-text);
  box-shadow:none;
}
.bekhta-carousel-btn:hover{background:#FFFFFF;border-color:var(--bekhta-accent);color:var(--bekhta-accent)}
.bekhta-carousel-btn:active{background:var(--bekhta-accent);border-color:var(--bekhta-accent);color:#fff;transform:translateY(-50%) scale(.92)}
.bekhta-carousel-btn.prev{left:0}
.bekhta-carousel-btn.next{right:0}
@media (max-width:767px){
  .bekhta-carousel-btn{width:26px;height:26px;font-size:.8rem}
  .bekhta-carousel-btn.prev{left:0}
  .bekhta-carousel-btn.next{right:0}
}

/* Poetry columns: three on desktop, two on tablet, one on mobile. */
.bekhta-poetry-item{padding:0 22px;width:calc(100% / 3)}
.bekhta-poetry-item:first-child{padding-left:0}
.bekhta-poetry-item:last-child{padding-right:0}
@media (max-width:1023px){
  .bekhta-poetry-item{width:calc(100% / 2);padding:0 18px}
}
@media (max-width:767px){
  .bekhta-poetry-item{width:100%;padding:0}
}

/* Sher of the Day: arrows hug the couplet card instead of the page edge. */
.bekhta-sher-carousel{max-width:900px;margin:0 auto}
.bekhta-sher-carousel .bekhta-sher-block{max-width:none}

/* =====================================================
   v1.5 — FINAL PASS
   Covers · Sher of the Day · heading lines · green footer
   ===================================================== */

/* 1. COVERS — edge-to-edge strip starting exactly below the header,
   fixed 41:18 frame (upload 820 × 360). Image only: no border, no frame,
   no text, no dots. No negative margin: covers can never slide under the
   sticky header, so no layout or text is ever hidden behind it. */
.bekhta-promo-carousel{
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  margin-top:0;margin-bottom:var(--bekhta-space-4);
  padding:0!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:#FFFFFF;overflow:hidden;position:relative;
}
.bekhta-promo-carousel .bekhta-promo-track{
  position:relative;width:100%;height:auto;min-height:0;max-height:none;
  aspect-ratio:41/16!important;overflow:hidden;background:#FFFFFF;border:0;
  display:block;
}
.bekhta-promo-carousel .bekhta-promo-slide{
  position:absolute!important;inset:0!important;display:block;
  height:auto!important;max-height:none;padding:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent;opacity:0;transition:opacity .45s ease;
}
.bekhta-promo-carousel .bekhta-promo-slide.is-active{opacity:1;z-index:2}
.bekhta-promo-carousel .bekhta-promo-img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-height:none;
  min-width:100%;object-fit:cover;object-position:center center;
  display:block;border:0!important;border-radius:0!important;margin:0!important;
}
.bekhta-promo-kicker,.bekhta-promo-caption,.bekhta-promo-dots{display:none!important}
.bekhta-promo-btn{
  width:30px;height:30px;border-radius:50%;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.10);
  color:#2B2A26;font-size:1rem;line-height:1;z-index:5;
}
.bekhta-promo-btn.prev{left:12px}
.bekhta-promo-btn.next{right:12px}
@media (max-width:767px){
  .bekhta-promo-carousel .bekhta-promo-track,
  .bekhta-promo-carousel .bekhta-promo-slide,
  .bekhta-promo-carousel .bekhta-promo-img{height:320px!important;min-height:0;max-height:none}
}

/* 2. SHER OF THE DAY — no card border, arrows only. */
.bekhta-sher-carousel .bekhta-sher-block,
.bekhta-sher-block{
  border:0!important;box-shadow:none!important;background:#FFFFFF;
  padding:var(--bekhta-space-4) var(--bekhta-space-3);
}
.bekhta-sher-carousel .bekhta-carousel-btn.prev,
.bekhta-sher-prev{left:0}
.bekhta-sher-carousel .bekhta-carousel-btn.next,
.bekhta-sher-next{right:0}

/* 6. HEADING ROWS — one bordered line from the start of the row to the
   right-hand link, with the section name written inside the line.
   Page titles stay centred as before. */
.bekhta-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-top:1px solid var(--bekhta-border);
  border-bottom:1px solid var(--bekhta-border);
  padding:9px 0;margin:0 0 var(--bekhta-space-3);text-align:left;
}
.bekhta-section-head h2{padding:0;margin:0}
.bekhta-section-head h2::after{display:none!important;content:none!important}
.bekhta-section-head .bekhta-more-link{padding:0;margin:0}
.bekhta-archive-head,.bekhta-archive-head h1{text-align:center}
.bekhta-poetry-header,.bekhta-poet-header,.bekhta-ebook-header{text-align:center}
.bekhta-poetry-header h1,.bekhta-poet-header h1,.bekhta-ebook-header h1,
.bekhta-page-header h1,.bekhta-single-header h1{text-align:center;margin-left:auto;margin-right:auto}
@media (max-width:767px){
  .bekhta-section-head{padding:7px 0;margin-bottom:10px}
}

/* 7. FOOTER — green theme background across the whole footer. */
.bekhta-footer{
  background:#1F2F2A!important;color:#EDE9DD!important;
  border-top:0!important;margin-top:var(--bekhta-space-6);
  padding:var(--bekhta-space-6) 0 var(--bekhta-space-4);
}
.bekhta-footer h2,.bekhta-footer h3,.bekhta-footer p,.bekhta-footer li{color:inherit}
.bekhta-footer h2{color:#FFFFFF!important;font-size:1.05rem;text-transform:none;letter-spacing:.01em}
.bekhta-footer h3{color:#D9B45C!important;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}
.bekhta-footer a{color:#EDE9DD!important}
.bekhta-footer a:hover{color:#FFFFFF!important;text-decoration:underline}
.bekhta-footer-about{color:rgba(237,233,221,.72)!important;max-width:36ch}
.bekhta-footer-bottom{
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:rgba(237,233,221,.65)!important;margin-top:var(--bekhta-space-5);
  padding-top:var(--bekhta-space-3);text-align:center;
}
.bekhta-footer .bekhta-social-list a{color:#EDE9DD!important}

/* Full-bleed cover must never create a sideways scrollbar. */
html{overflow-x:hidden}
body{overflow-x:hidden}
@media (min-width:1024px){
  .bekhta-promo-carousel{margin-top:0}
}
/* guard: the full-bleed strip must never create a sideways scrollbar */
.bekhta-promo-carousel{contain:paint}


/* v1.0 — covers sit directly below the sticky header on the homepage
   (no white gap), content of every other page starts below the header. */
.home .bekhta-main{padding-top:0}