/* =====================================================================
   CartSoft Theme „Papeterie“ – Bücher & Schreibwaren
   Baut auf „Classic“ (nordlicht) auf; Navigation, Header, Slider und Produktdarstellung kommen zentral aus dem Basis-Design.
   ===================================================================== */
@font-face{font-family:"CS Chorus";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/cs-chorus-500.woff) format("woff")}
@font-face{font-family:"CS Pagella";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cs-pagella-400.woff) format("woff")}
@font-face{font-family:"CS Pagella";font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/cs-pagella-700.woff) format("woff")}
@font-face{font-family:"CS Pagella";font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/cs-pagella-italic-400.woff) format("woff")}
:root{
  --primary:#1d3a6b;--primary-hover:#162d55;--primary-ink:#1d3a6b;--primary-soft:#edf1f8;--primary-soft-2:#f6f8fc;
  --on-primary:#fff;--primary-deep:#0e1d38;--primary-line:#c9d4e6;--primary-line-2:#e0e7f1;
  --primary-glow:#1d3a6b40;--primary-ring:#1d3a6b33;--primary-tint:#1d3a6b17;
  --cart-btn:#1d3a6b;--cart-btn-hover:#16213a;--dark:#16213a;--black:#f7f3ea;--text:#4c5260;--text-strong:#1b2235;--muted:#6a7080;
  --line:#e5e3df;--line-2:#efede9;--bg-alt:#f7f3ea;--info-soft:#edf1f8;
  --radius:6px;--radius-sm:6px;--radius-lg:6px;
  --accent:#c0392b;--ink:#1d3a6b;--head-bg:#fdfbf6;
  --font-head:"CS Pagella",Georgia,"Times New Roman",serif;
}
body{background:#fdfbf6}
h1,h2,h3,.section-head h2,.hs h1,.cat-name,.footer-title{font-family:var(--font-head);font-weight:700;font-style:italic}
.hs h1{font-weight:700}
.btn{border-radius:4px}
.nl-header .search-btn{border-radius:4px}
.nl-header .search-form input{border-radius:6px}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=date],select,textarea{border-radius:6px}
.product-card,.cat-tile,.post-card,.nl-benefits li{border-radius:6px}
.pc-media{border-radius:calc(6px * .7)}
.badge-sale{background:#1d3a6b}
.link-arrow{color:var(--primary-ink)}

/* Infoleiste */
.nl-topbar{background:#1d3a6b;box-shadow:none;border-bottom:0}
.nl-topbar .topbar-text,.nl-topbar .topbar-links a,.nl-topbar .topbar-links a:hover{color:#e6ecf5}
.nl-topbar .topbar-text .icon,.nl-topbar .topbar-links .icon{color:#e6ecf5;opacity:.85}
.nl-header{background:#fdfbf6;border-bottom:1px solid var(--line)}

/* Menüleiste */
.nl-header .main-nav{background:#fdfbf6}
.nl-header .menu-item>a,.nl-header .menu-item:hover>a,.nl-header .menu-item:focus-within>a,.nl-header .menu-item.is-active>a{color:#1d3a6b}
.nl-header .main-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nl-header .main-nav{--nav-ul-color:var(--primary)}

/* Logo in der Mitte, Suche links, Konto und Warenkorb rechts (ab Tablet quer) */
@media (min-width:992px){
  .nl-header .header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
  .nl-header .search-form{grid-column:1;grid-row:1;justify-self:start;width:100%;max-width:330px;margin:0}
  .nl-header .logo{grid-column:2;grid-row:1;justify-self:center;margin:0}
  .nl-header .header-actions{grid-column:3;grid-row:1;justify-self:end}
  .nl-header .menu{justify-content:center}
}

/* Kopfbereich der Startseite */
.hs{min-height:clamp(420px,40vw,600px)}
.hs.hs--light .hs-kicker{background:#1d3a6b;border-color:#1d3a6b;color:#fff}
.hs .hs-kicker,.hs.hs--light .hs-kicker{font-family:"CS Chorus",cursive;text-transform:none;letter-spacing:0;font-size:1.6rem;font-weight:500;line-height:1.3;background:none;border:0;border-radius:0;padding:0;color:var(--primary-ink);text-shadow:none}

/* Abschnitts-Überschriften */
.section-head{flex-direction:column;align-items:center;text-align:center;gap:6px}
.section-head .section-sub{margin-left:auto;margin-right:auto}

/* Kategorie- und Produktkarten */
.product-card,.cat-tile{border:1px solid var(--line);box-shadow:none}
.product-card:hover,.cat-tile:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.nl-benefit-icon{background:var(--primary-soft);color:var(--primary-ink)}
.nl-footer{background:#f7f3ea}

/* Eigenheiten des Designs */
.section-alt{background:#f7f3ea repeating-linear-gradient(0deg,transparent 0 31px,rgba(29,58,107,.06) 31px 32px)}
.nl-header .main-nav{--nav-ul-color:var(--accent);--nav-ul-h:2px}
.badge-sale{background:var(--accent)}