/* Likho Urdu — site header and footer. */
@font-face{font-family:"Likho Nastaliq";src:url(../fonts/noto-nastaliq-urdu-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}

/* Hide the theme's own header and footer (the Kadence ones are also removed in PHP). */
body.likho-chrome #masthead,body.likho-chrome #colophon,
body.likho-chrome .wp-site-blocks>header,body.likho-chrome .wp-site-blocks>footer,
body.likho-chrome #mobile-drawer{display:none!important}

.lk-hd,.lk-ft,.lk-skip{
  --lk-ink:#10231D;--lk-muted:#55665F;--lk-line:#DDE7E2;--lk-green:#0F6B4F;--lk-green-2:#0A4F3B;--lk-deep:#073529;
  --lk-blue:#1D4FA3;--lk-gold:#F2B441;--lk-soft:#E2F1EA;--lk-max:1290px;
  --lk-urdu:"Likho Nastaliq","Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Urdu Typesetting",serif;
  font-size:16px;line-height:1.5;box-sizing:border-box;
}
.lk-hd *,.lk-ft *{box-sizing:border-box}
.lk-hd ul,.lk-ft ul{list-style:none;margin:0;padding:0}
.lk-hd a,.lk-ft a{text-decoration:none}
.lk-hd svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lk-hd :focus-visible,.lk-ft :focus-visible{outline:3px solid var(--lk-gold);outline-offset:3px;border-radius:8px}

.lk-skip{position:absolute;left:-9999px;top:8px;z-index:100000;background:#fff;color:#10231D;padding:10px 16px;border-radius:8px;font-weight:700}
.lk-skip:focus{left:8px}

/* ---------- header ---------- */
.lk-hd{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s ease,border-color .3s ease,background .3s ease;color:var(--lk-ink)}
.lk-hd::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--lk-green),var(--lk-blue),var(--lk-gold))}
.lk-hd.is-stuck{background:rgba(255,255,255,.96);border-bottom-color:var(--lk-line);box-shadow:0 8px 28px rgba(7,53,41,.10)}
.lk-hd-in{max-width:var(--lk-max);margin:0 auto;padding:0 20px;min-height:74px;display:flex;align-items:center;gap:22px;transition:min-height .3s ease}
.lk-hd.is-stuck .lk-hd-in{min-height:62px}

.lk-brand{display:flex;align-items:center;gap:12px;color:var(--lk-ink)!important;font-weight:800;font-size:1.2rem;letter-spacing:-.01em;margin-right:auto;transition:opacity .2s ease}
.lk-brand:hover{opacity:.85}
.lk-logo{height:50px;width:auto;max-width:150px;object-fit:contain;display:block;transition:height .3s ease,transform .3s ease}
.lk-brand:hover .lk-logo{transform:scale(1.04)}
.lk-hd.is-stuck .lk-logo{height:42px}
.lk-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,var(--lk-deep),var(--lk-green));color:#fff;font-family:var(--lk-urdu);font-size:1.1rem;font-weight:400;line-height:1;padding-bottom:6px}
.lk-logo+.lk-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.lk-nav>ul{display:flex;align-items:center;gap:4px}
.lk-nav li{position:relative;margin:0}
.lk-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;background:none;border-radius:10px;font:inherit;font-weight:600;font-size:.98rem;color:var(--lk-ink)!important;cursor:pointer;transition:color .2s ease,background .2s ease}
.lk-link::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--lk-green);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.lk-link:hover{color:var(--lk-green)!important;background:var(--lk-soft)}
.lk-link:hover::after,.lk-link.is-current::after{transform:scaleX(1)}
.lk-link.is-current{color:var(--lk-green)!important}
.lk-chev{width:16px;height:16px;transition:transform .25s ease}
.lk-has-menu.is-open .lk-chev{transform:rotate(180deg)}

.lk-menu{position:absolute;left:50%;top:calc(100% + 10px);width:min(560px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;background:#fff;border:1px solid var(--lk-line);border-radius:18px;box-shadow:0 24px 60px rgba(7,53,41,.18);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .22s ease,transform .22s ease,visibility .22s}
.lk-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.lk-has-menu.is-open .lk-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.lk-menu-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;color:var(--lk-ink)!important;transition:background .2s ease,transform .2s ease}
.lk-menu-item:hover,.lk-menu-item.is-current{background:var(--lk-soft)}
.lk-menu-item:hover{transform:translateX(3px)}
.lk-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--lk-soft);color:var(--lk-green);transition:background .2s ease,color .2s ease,transform .2s ease}
.lk-ico svg{width:21px;height:21px}
.lk-menu-item:hover .lk-ico{background:var(--lk-green);color:#fff;transform:rotate(-6deg)}
.lk-menu-t strong{display:block;font-size:.93rem;line-height:1.3}
.lk-menu-t small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem;line-height:1.4;color:var(--lk-muted);margin-top:2px}

.lk-cta{display:inline-flex;align-items:center;padding:11px 20px;border-radius:999px;background:var(--lk-green);color:#fff!important;font-weight:700;font-size:.95rem;white-space:nowrap;box-shadow:0 6px 16px rgba(15,107,79,.25);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.lk-cta:hover{background:var(--lk-green-2);transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,107,79,.35)}

.lk-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;border:1px solid var(--lk-line);border-radius:12px;background:#fff;cursor:pointer}
.lk-burger span{display:block;height:2px;border-radius:2px;background:var(--lk-ink);transition:transform .25s ease,opacity .2s ease}
.lk-hd.is-open .lk-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lk-hd.is-open .lk-burger span:nth-child(2){opacity:0}
.lk-hd.is-open .lk-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:960px){
  .lk-hd-in{flex-wrap:wrap;gap:12px;min-height:64px;padding-top:11px;padding-bottom:9px;align-content:flex-start}
  .lk-burger{display:flex}
  .lk-cta{padding:9px 16px;font-size:.88rem}
  .lk-nav{order:5;flex-basis:100%;display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
  .lk-nav>ul{flex-direction:column;align-items:stretch;gap:2px;overflow:hidden;min-height:0}
  .lk-hd.is-open .lk-nav{grid-template-rows:1fr}
  .lk-hd.is-open .lk-nav>ul{padding:6px 0 16px}
  .lk-hd.is-open{background:#fff}
  .lk-link{width:100%;justify-content:space-between;padding:13px 12px;font-size:1.02rem}
  .lk-link::after{display:none}
  .lk-menu{position:static;width:auto;grid-template-columns:1fr;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0 0 6px;display:none}
  .lk-has-menu.is-open .lk-menu{display:grid;transform:none}
}
@media (max-width:420px){.lk-cta{display:none}}

/* ---------- footer ---------- */
.lk-ft{position:relative;overflow:hidden;margin-top:72px;color:#CFE3DA;background:radial-gradient(900px 420px at 100% 0,rgba(29,79,163,.35),transparent 60%),linear-gradient(160deg,#052A20,#0A4F3B)}
.lk-ft::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--lk-gold),var(--lk-green),var(--lk-blue))}
.lk-ft-word{position:absolute;right:-10px;bottom:-40px;font-family:var(--lk-urdu);font-size:clamp(9rem,26vw,20rem);line-height:1.6;color:rgba(255,255,255,.04);pointer-events:none;user-select:none}
.lk-ft-in{position:relative;max-width:var(--lk-max);margin:0 auto;padding:64px 20px 44px;display:grid;gap:36px;grid-template-columns:1fr}
@media (min-width:640px){.lk-ft-in{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.lk-ft-in{grid-template-columns:1.5fr 1fr 1.4fr .9fr;gap:48px}}
.lk-ft p{margin:0}
.lk-ft-name{display:inline-block;font-size:1.5rem;font-weight:800;color:#fff!important;letter-spacing:-.01em}
.lk-ft-ur{font-family:var(--lk-urdu);font-size:1.35rem;line-height:2.2;color:var(--lk-gold);text-align:left}
.lk-ft-brand p:not(.lk-ft-ur){max-width:36ch;font-size:.95rem;color:#B9D2C8}
.lk-ft-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px!important}
.lk-ft-badges li{padding:5px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.78rem;font-weight:600;color:#E3F1EB;transition:background .2s ease,border-color .2s ease}
.lk-ft-badges li:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}
.lk-ft h2{margin:0 0 16px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--lk-gold)}
.lk-ft nav li{margin:0 0 10px}
.lk-ft nav a{position:relative;display:inline-block;color:#DCEDE5!important;font-size:.95rem;line-height:1.45;transition:color .2s ease,transform .2s ease}
.lk-ft nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--lk-gold);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.lk-ft nav a:hover{color:#fff!important;transform:translateX(4px)}
.lk-ft nav a:hover::after{transform:scaleX(1)}
.lk-ft .lk-ft-all{color:var(--lk-gold)!important;font-weight:700}
.lk-ft-bar{position:relative;max-width:var(--lk-max);margin:0 auto;padding:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;font-size:.88rem;color:#A9C6BA}
.lk-top{color:#DCEDE5!important;font-weight:600;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.lk-top:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);transform:translateY(-3px)}

html{scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){.lk-hd *,.lk-ft *,.lk-hd{transition:none!important}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}