/* ============================================================
   PAKO.AL — SHELL 2026 (header + shirit kategorish)
   ------------------------------------------------------------
   Ngarkohet në TË GJITHA faqet, pas treg.css. E bën header-in
   dhe shiritin të lehtë e të njëjtë kudo (jo vetëm në kryefaqe),
   që hyrja në një njoftim të mos nxjerrë header të zi.
   Tokenat --h-* përkufizohen këtu dhe i përdor edhe pako-home.css.
   ============================================================ */
body.dc-page{
  --h-blue:#0E76BC; --h-blue-600:#0B5E97; --h-blue-50:#EAF3FB; --h-blue-100:#D6E8F7;
  --h-orange:#F7941D; --h-orange-600:#E07E0C; --h-orange-50:#FEF1DE;
  --h-ink:#14202E; --h-ink-2:#2A3B4E; --h-muted:#64748B; --h-line:#E6EDF6;
  --h-bg:#F4F8FC; --h-card:#FFFFFF; --h-hero-top:#F7FBFF;
  --h-r:18px; --h-r-sm:12px; --h-pill:999px;
  --h-sh-sm:0 3px 12px rgba(16,58,102,.06);
  --h-sh:0 16px 40px rgba(14,118,188,.10);
  --h-sh-lg:0 30px 60px rgba(14,118,188,.16);
  --h-sh-orange:0 12px 26px rgba(247,148,29,.32);
  --h-sh-blue:0 12px 26px rgba(14,118,188,.30);
  --h-grad:linear-gradient(135deg,#1A8AD4,#0E76BC);
}
:root[data-bs-theme="dark"] body.dc-page{
  --h-blue:#54A6E2; --h-blue-600:#79BBEB; --h-blue-50:#14293A; --h-blue-100:#1D3A52;
  --h-orange:#F9A63F; --h-orange-600:#FBB55E; --h-orange-50:#2C2011;
  --h-ink:#EAF1F8; --h-ink-2:#C6D3E0; --h-muted:#93A4B6;
  --h-line:#233648; --h-bg:#0C1520; --h-card:#141F2C; --h-hero-top:#101E2C;
  --h-sh-sm:0 2px 10px rgba(0,0,0,.40);
  --h-sh:0 16px 40px rgba(0,0,0,.50);
  --h-sh-lg:0 30px 60px rgba(0,0,0,.60);
}

/* ══════════ HEADER (i lehtë, në çdo faqe) ══════════ */
.dc-page .dc-header{background:var(--h-card);border-bottom:1px solid var(--h-line);box-shadow:var(--h-sh-sm)}
.dc-page .dc-header .dc-brand,.dc-page .dc-header .dc-btn-label{color:var(--h-ink)}
.dc-page .dc-header .dc-btn-secondary{background:var(--h-card);border:1px solid var(--h-line);color:var(--h-ink-2);border-radius:var(--h-pill)}
.dc-page .dc-header .dc-btn-secondary:hover{background:var(--h-blue-50);border-color:var(--h-blue-100);color:var(--h-blue)}
.dc-page .dc-header .dc-btn-primary{background:var(--h-grad)!important;color:#fff!important;border:none!important;border-radius:var(--h-pill);box-shadow:var(--h-sh-blue)}
.dc-page .dc-header .dc-btn-primary:hover{filter:brightness(1.05)}
.dc-page .dc-header .dc-hsearch{background:var(--h-bg);border:1px solid var(--h-line);border-radius:var(--h-pill);overflow:hidden}
.dc-page .dc-header .dc-hsearch .dc-input{background:transparent;border:none;color:var(--h-ink)}
.dc-page .dc-header .dc-hsearch .dc-input::placeholder{color:var(--h-muted)}
.dc-page .dc-header .dc-hsearch select.dc-input{border-left:1px solid var(--h-line)}
.dc-page .dc-header .dc-hsearch .dc-btn-primary{border-radius:0;box-shadow:none}
.dc-page .dc-header .dc-loc-menu,.dc-page .dc-header .dropdown-menu{background:var(--h-card);border:1px solid var(--h-line);border-radius:var(--h-r-sm);box-shadow:var(--h-sh)}
.dc-page .dc-header .dropdown-item{color:var(--h-ink-2)}
.dc-page .dc-header .dropdown-item:hover{background:var(--h-blue-50);color:var(--h-blue)}
.dc-page .dc-header .dc-loc-city,.dc-page .dc-header .dc-loc-grp-h{color:var(--h-ink-2)}
.dc-page .dc-header .dc-loc-city:hover{background:var(--h-blue-50);color:var(--h-blue)}
.dc-page .dc-header .dc-filter-badge{background:var(--h-orange);color:#fff}
.dc-page .dc-mobile-search .dc-input{background:var(--h-bg);border:1px solid var(--h-line);color:var(--h-ink);border-radius:var(--h-pill)}

/* ══════════ SHIRITI I KATEGORIVE (i lehtë) ══════════ */
.dc-page .dc-strip-sec{background:var(--h-card);border-top:1px solid var(--h-line);border-bottom:1px solid var(--h-line)}
.dc-page .dc-chip{background:var(--h-bg);border:1px solid var(--h-line);color:var(--h-ink-2);border-radius:var(--h-pill)}
.dc-page .dc-chip:hover{background:var(--h-blue-50);border-color:var(--h-blue-100);color:var(--h-blue)}
.dc-page .dc-chip.is-active{background:var(--h-grad);border-color:transparent;color:#fff}
.dc-page .dc-chip-n{background:rgba(0,0,0,.06);color:inherit;border-radius:var(--h-pill)}
.dc-page .dc-chip.is-active .dc-chip-n{background:rgba(255,255,255,.25)}
.dc-page .dc-strip-nav{background:var(--h-card);border:1px solid var(--h-line);color:var(--h-ink-2);border-radius:50%}
.dc-page .dc-strip-nav:hover{color:var(--h-blue);border-color:var(--h-blue-100)}
.dc-page .dc-mega-btn{background:var(--h-bg);border:1px solid var(--h-line);color:var(--h-ink);border-radius:var(--h-pill)}
.dc-page .dc-mega-btn:hover{background:var(--h-blue-50);color:var(--h-blue)}
.dc-page .pako-mega-menu{background:var(--h-card);border:1px solid var(--h-line);box-shadow:var(--h-sh-lg)}
.dc-page .pako-mega-parent-link{color:var(--h-ink)}
.dc-page .pako-mega-children a{color:var(--h-muted)}
.dc-page .pako-mega-children a:hover{color:var(--h-blue)}

/* ══════════ HEADER NË MOBILE — më i pastër ══════════ */
@media (max-width: 900px){
  .dc-page .dc-header-row{gap:7px;padding-block:10px;align-items:center}
  .dc-page .dc-logo{height:26px}
  /* butonat: rrathë të barabartë, jo katrorë të ngjeshur */
  .dc-page .dc-header .dc-btn-icon,
  .dc-page .dc-header .dc-loc .dc-btn{width:40px;height:40px;min-height:40px;padding:0;
    border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
  .dc-page .dc-header-actions{gap:7px}
  /* CTA "+" si rreth me gradient, veprimi kryesor */
  .dc-page .dc-header-actions .dc-btn-primary{width:42px;height:42px;min-height:42px;padding:0;
    border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
  .dc-page .dc-header .dc-btn-secondary{background:var(--h-bg)}
}
@media (max-width: 560px){
  .dc-page .dc-header-row{gap:6px}
  .dc-page .dc-logo{height:23px}
  .dc-page .dc-header .dc-btn-icon,
  .dc-page .dc-header .dc-loc .dc-btn{width:38px;height:38px;min-height:38px}
  .dc-page .dc-header-actions .dc-btn-primary{width:40px;height:40px;min-height:40px}
  /* shiriti i kategorive: pak më i ajrosur, pa shigjeta që zënë vend */
  .dc-page .dc-strip-nav{display:none}
  .dc-page .dc-strip{gap:7px}
  .dc-page .dc-chip{padding:7px 13px;font-size:12px}
}