/* ===== كلام أفلام — قسم الهيرو ===== */
.kf-hero{
  --kf-bg:#F7F5F0;
  --kf-ink:#141414;
  --kf-muted:#67635B;
  --kf-line:#E7E3DA;
  --kf-accent:#A93A2B;
  --kf-font:'IBM Plex Sans Arabic',system-ui,sans-serif;
}
.kf-hero,.kf-hero *{box-sizing:border-box}
.kf-hero{background:var(--kf-bg);font-family:var(--kf-font);color:var(--kf-ink)}
.kf-hero a{color:var(--kf-ink);text-decoration:none}
.kf-hero a:hover{color:var(--kf-accent)}

.kf-hero{position:relative;min-height:760px;padding:22px 24px 56px;overflow:hidden}

/* شعاع ضوء آلة العرض */
.kf-beam{position:absolute;top:-40px;left:50%;width:1100px;height:720px;margin-left:-550px;pointer-events:none;
  background:
    radial-gradient(ellipse 38% 55% at 50% 0%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%),
    conic-gradient(from 180deg at 50% 0%,rgba(247,245,240,0) 158deg,rgba(255,252,244,.85) 172deg,rgba(255,252,244,.85) 188deg,rgba(247,245,240,0) 202deg);
  filter:blur(6px);animation:kf-flicker 6s ease-in-out infinite}

/* الهيدر */
.kf-header{position:relative;max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.kf-brand{display:flex;align-items:center;gap:10px}
.kf-brand-logo{width:40px;height:40px;border-radius:10px;background:#000;overflow:hidden;display:flex}
.kf-brand-logo img{width:100%;height:100%;object-fit:cover}
.kf-brand-name{font-size:21px;font-weight:700}
.kf-dot{color:var(--kf-accent)}

.kf-nav{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--kf-line);border-radius:999px;background:rgba(251,250,247,.85)}
.kf-nav a{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap}
.kf-nav a[aria-current="page"]{padding:8px 16px;background:#fff;font-weight:600;box-shadow:0 1px 3px rgba(20,20,20,.08),inset 0 0 0 1px #EEEAE2}

.kf-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--kf-ink);color:var(--kf-bg);font:500 14px var(--kf-font);cursor:pointer}

/* المحتوى */
.kf-main{position:relative;max-width:900px;margin:0 auto;padding-top:92px;display:flex;flex-direction:column;align-items:center;text-align:center}
.kf-eyebrow{margin:0 0 22px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid #ECE8E0;font-size:13px;font-weight:500;color:#4A4740}
.kf-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--kf-accent)}
.kf-title{margin:0;font-size:clamp(42px,5.4vw,76px);line-height:1.22;letter-spacing:-.5px}
.kf-title span{display:block}
.kf-title .l1{font-weight:700}
.kf-title .l2{font-weight:300}
.kf-mark{position:relative;display:inline-block !important;font-weight:600;color:var(--kf-accent)}
.kf-mark svg{position:absolute;left:-6%;bottom:-.12em;width:112%;height:.32em;overflow:visible}
.kf-mark path{stroke:var(--kf-accent);stroke-dasharray:420;stroke-dashoffset:420;animation:kf-draw 1.1s .95s cubic-bezier(.6,0,.2,1) forwards}
.kf-sub{margin:26px 0 0;font-size:17px;line-height:1.8;color:var(--kf-muted);white-space:nowrap}
@media (max-width:480px){.kf-sub{white-space:normal;font-size:15px}}

/* الشارة الدوّارة */
.kf-badge{position:absolute;left:7%;top:168px;width:112px;height:112px}
.kf-badge-ring{position:absolute;inset:0;animation:kf-spin 30s linear infinite;transform-origin:50% 50%}
.kf-badge-ring text{font:600 11.5px var(--kf-font);fill:var(--kf-ink)}
.kf-badge-star{position:absolute;left:43px;top:43px}

/* بطاقة التواصل الاجتماعي */
.kf-social{position:absolute;right:6%;bottom:44px;width:272px;padding:18px;border-radius:20px;background:#fff;
  box-shadow:0 1px 2px rgba(20,20,20,.04),0 16px 36px rgba(20,20,20,.08);transform:rotate(4deg)}
.kf-social h2{margin:0;font-size:16px;font-weight:600}
.kf-social p{margin:2px 0 14px;font-size:13px;color:var(--kf-muted)}
.kf-social ul{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.kf-social a{width:44px;height:44px;border-radius:50%;border:1px solid var(--kf-line);display:flex;align-items:center;justify-content:center;transition:.2s}
.kf-social a:hover{background:var(--kf-ink);color:var(--kf-bg);border-color:var(--kf-ink)}
.kf-social svg{width:16px;height:16px}

/* الحركة */
.kf-rise{opacity:0;animation:kf-rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.kf-d1{animation-delay:.05s}.kf-d2{animation-delay:.2s}.kf-d3{animation-delay:.35s}.kf-d4{animation-delay:.5s}
@keyframes kf-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes kf-draw{to{stroke-dashoffset:0}}
@keyframes kf-flicker{0%,100%{opacity:.9}47%{opacity:.75}50%{opacity:.95}53%{opacity:.8}}
@keyframes kf-spin{to{transform:rotate(-360deg)}}
@media (prefers-reduced-motion:reduce){
  .kf-rise{opacity:1;animation:none}.kf-mark path{stroke-dashoffset:0;animation:none}
  .kf-beam,.kf-badge-ring{animation:none}
}

/* الجوال */
@media (max-width:960px){
  .kf-header{flex-wrap:wrap}
  .kf-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}
  .kf-badge{display:none}
  .kf-social{position:static;transform:none;margin:48px auto 0}
  .kf-main{padding-top:64px}
}

/* WordPress integration: scoped to the preview page, not site-wide. */
body.page-id-18366 #masthead,
body.page-id-18366 header.site-header,
body.page-id-18366 .cm-header,
body.page-id-18366 .main-header,
body.page-id-18366 .header-layout-one,
body.page-id-18366 .site-header,
body.page-id-18366 .cm-top-header {display:none!important;}
body.page-id-18366 .kf-hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
body.page-id-18366 .kf-hero .kf-nav a{line-height:1.5;}
body.page-id-18366 .kf-hero .kf-search{box-shadow:none;}
body.page-id-18366 .kf-hero .kf-header{width:100%;}
body.page-id-18366 .kf-hero .kf-main{width:100%;}
body.page-id-18366 .kf-hero .kf-brand-logo img{max-width:100%;}
body.page-id-18366 .kf-hero .kf-nav a[aria-current="page"]{color:var(--kf-ink);}
body.page-id-18366 .kf-hero .kf-search:hover{color:var(--kf-bg);background:#A93A2B;}
/* Guard against inherited WordPress header/button styles while retaining the supplied visual rules. */
body.page-id-18366 .kf-hero button,body.page-id-18366 .kf-hero a,body.page-id-18366 .kf-hero h1,body.page-id-18366 .kf-hero h2,body.page-id-18366 .kf-hero p{font-family:var(--kf-font);text-transform:none;letter-spacing:normal;}
body.page-id-18366 .kf-hero .kf-title{letter-spacing:-.5px;}
body.page-id-18366 .kf-hero .kf-nav a{border:0;}
/* Search popup only appears after pressing the supplied search control. */
.kf-search-dialog[hidden]{display:none!important}
.kf-search-dialog{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,.58);padding:20px}
.kf-search-card{position:relative;width:min(520px,100%);border-radius:22px;background:#f7f5f0;padding:38px 24px 24px;box-shadow:0 20px 80px #0004;direction:rtl;font-family:var(--kf-font)}
.kf-search-card form{display:flex;gap:8px;flex-wrap:wrap}
.kf-search-card input{flex:1 1 220px;border:1px solid #ddd6cc;background:#fff;color:#141414;padding:12px;border-radius:12px;font:500 16px var(--kf-font)}
.kf-search-card button[type=submit]{border:0;border-radius:12px;background:#141414;color:white;padding:10px 20px;cursor:pointer;font:600 15px var(--kf-font)}
.kf-search-card .kf-search-close{position:absolute;top:5px;left:7px;background:transparent;border:0;border-radius:50%;font:700 24px var(--kf-font);width:38px;height:38px;cursor:pointer}
@media (max-width:960px){body.page-id-18366 .kf-hero .kf-nav{scrollbar-width:thin;}}

/* Single-line subtitle on narrow phones, as required for this specific hero. */
@media(max-width:480px){.kf-hero .kf-sub{white-space:nowrap;font-size:clamp(9.2px,2.65vw,12px);}}

/* Preview-specific header de-duplication and clickable controls, v1.0.4 */
body.page-id-18366 .kf-legacy-header-hidden{display:none!important;}
body.page-id-18366 header:not(.kf-header):not(:has(.kf-hero)):has(nav a[href*="/category/"]){display:none!important;}
body.page-id-18366 [role="banner"]:not(:has(.kf-hero)):has(nav a[href*="/category/"]){display:none!important;}
body.page-id-18366 .kf-hero .kf-header{position:relative;z-index:30;pointer-events:auto;}
body.page-id-18366 .kf-hero .kf-header a,
body.page-id-18366 .kf-hero .kf-search{position:relative;z-index:31;pointer-events:auto!important;}
body.page-id-18366 .kf-hero .kf-beam,
body.page-id-18366 .kf-hero .kf-badge{pointer-events:none!important;}