/* Oprawa Lanista.pl zgodna z koncepcja 02. Ladowana po motyw.css i kolory.css. */
@font-face {
  font-family: "Lanista DM Sans";
  src: url("https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhTg.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lanista DM Sans";
  src: url("https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZthTg.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Lanista Space Grotesk";
  src: url("https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsj.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Lanista Space Grotesk";
  src: url("https://fonts.gstatic.com/s/spacegrotesk/v22/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj42Vksj.ttf") format("truetype");
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
}

:root {
  --paper: #f4f1e9;
  --ink: #17203d;
  --dark: #172d72;
  --dark-soft: #e6e9dc;
  --dark-deep: #f4f1e9;
  --red: #172d72;
  --red-jasny: #172d72;
  --red-dark: #0f215c;
  --on-accent: #fff;
  --cms-line: #c9c8bd;
  --display: "Lanista Space Grotesk", "Space Grotesk", sans-serif;
  --body: "Lanista DM Sans", "DM Sans", sans-serif;
  --wrap: min(1440px, calc(100% - 64px));
}

body { background: var(--paper); color: var(--ink); font-family: var(--body); }
body, button, input { font-family: var(--body); }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #819522; outline-offset: 3px; }

/* Pasek, nawigacja i wyszukiwarka */
.site-header { background: var(--paper); color: var(--ink); border: 0; box-shadow: none; }
.site-header::before {
  content: "ODZIEŻ I GADŻETY DLA KIBICÓW";
  display: block;
  background: #172d72;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: .16em;
}
.site-header--podstrona, .site-header.is-fixed { background: var(--paper); backdrop-filter: none; }
.site-header .nav { height: 94px; gap: 28px; }
.site-header .brand { gap: 0; }
.site-header .brand__logo { display: none; }
.site-header .brand b { color: #17203d; font-size: 0; line-height: 1; text-transform: none; }
.site-header .brand b::before { content: "lanista"; font: 700 32px/1 var(--display); letter-spacing: -.07em; }
.site-header .brand b::after { content: "●"; color: #819522; font-size: 18px; padding-left: 2px; }
.site-header .main-menu a { color: #17203d; font-size: 13px; font-weight: 700; }
.site-header .main-menu a::after { background: #819522; }
.site-header .menu-glowne-lista > li:last-child > a {
  display: block; padding: 13px 20px; border-radius: 100px;
  background: #172d72; color: #fff;
}
.site-header .menu-glowne-lista > li:last-child > a::after { display: none; }
.site-header .szukaj-przelacznik { color: #172d72; border: 1px solid #172d72; border-radius: 50%; width: 44px; height: 44px; display: grid; place-items: center; }
.site-header .szukaj-panel { background: var(--paper); border-top: 1px solid #c9c8bd; box-shadow: 0 15px 20px #0002; }
.site-header .szukaj-formularz input { color: #17203d; border: 1px solid #9b9fa8; border-radius: 100px; }
.site-header .szukaj-formularz input:focus { border-color: #172d72; }
.site-header .szukaj-formularz .button { border-radius: 100px; }

/* Naglowek i tresc podstron */
.podglowie, .artykul { background: var(--paper); color: var(--ink); }
.podglowie { padding: 75px 0 52px; }
.podglowie--artykul { padding-bottom: 42px; }
.podglowie .wrap { width: var(--wrap); }
.podglowie h1, .podglowie--artykul h1 {
  color: #172d72; font-family: var(--display); font-size: clamp(48px, 5.8vw, 88px);
  font-weight: 600; line-height: 1; letter-spacing: -.075em; text-transform: none;
  max-width: 1100px;
}
.podglowie__opis { color: #526078; font-size: 17px; }
.wpis-meta { color: #626f87; }
.wpis-meta a { color: #172d72; }
.artykul__cialo { padding-bottom: 110px; }
.artykul__uklad { gap: clamp(32px, 5vw, 90px); grid-template-columns: minmax(0, 1fr) 300px; }
.artykul__glowna { min-width: 0; }
.tresc-wpisu { color: #27304b; font-size: 18px; line-height: 1.7; }
.tresc-wpisu h1, .tresc-wpisu h2, .tresc-wpisu h3, .tresc-wpisu h4 {
  font-family: var(--display); color: #172d72; text-transform: none;
  letter-spacing: -.045em; line-height: 1.12;
}
.tresc-wpisu h1 { font-size: clamp(32px, 3.5vw, 50px); }
.tresc-wpisu h2 { font-size: clamp(29px, 3vw, 44px); }
.tresc-wpisu h3 { font-size: 27px; }
.tresc-wpisu a { color: #172d72; text-decoration-thickness: 1px; }
.tresc-wpisu a:hover { color: #4e6815; }
.tresc-wpisu img { max-width: 100%; height: auto; }
.tresc-wpisu blockquote { background: #e6e9dc; color: #17203d; border-left-color: #172d72; }
.tresc-wpisu hr, .tresc-wpisu th, .tresc-wpisu td { border-color: #c9c8bd; }
.obrazek-wyrozniony { background: #e6e9dc; padding: 12px; margin-bottom: 38px; }
.obrazek-wyrozniony img { max-height: 640px; object-fit: contain; background: #fff; }

/* Boczna nawigacja i artykuly powiazane */
.artykul-sidebar { background: #e6e9dc; border: 0; border-radius: 0; color: #17203d; }
.artykul-sidebar--widget { padding: 22px; }
.artykul-sidebar h2 { color: #172d72; font: 600 21px/1.15 var(--display); text-transform: none; letter-spacing: -.04em; }
.artykul-sidebar__etykieta { color: #172d72; border-color: #c9c8bd; }
.artykul-sidebar__karta { border-color: #c9c8bd; }
.artykul-sidebar__tresc p { color: #525d73; }
.artykul-sidebar--widget a { color: #17203d; opacity: 1; }
.artykul-sidebar a:hover { color: #4e6815; }
.widget-menu { margin: 0; padding: 0; list-style: none; }
.widget-menu li { margin: 0; border-top: 1px solid #c9c8bd; }
.widget-menu a { display: block; padding: 11px 0; }
.sklep-sidebar-blok { background: #e6e9dc; border-color: #c9c8bd; }
.sklep-sidebar-kategorie a { color: #17203d; }

/* Stopka jak granatowa sekcja katalogu w projekcie */
.footer { background: #172d72; color: #fff; padding-top: 70px; }
.footer .wrap { width: var(--wrap); }
.footer__top { gap: 60px; padding-bottom: 55px; }
.footer__brand img { display: none; }
.footer__brand b { font-size: 0; line-height: 1; text-transform: none; }
.footer__brand b::before { content: "lanista"; font: 700 32px/1 var(--display); letter-spacing: -.07em; }
.footer__brand b::after { content: "●"; color: #d6ff52; font-size: 18px; padding-left: 2px; }
.footer h2 { color: #d6ff52; opacity: 1; letter-spacing: .16em; }
.footer__kolumna a { color: #fff; opacity: 1; font-size: 13px; }
.footer__kolumna a:hover { color: #d6ff52; }
.footer__bottom { color: #fff; border-color: #ffffff55; }

/* Listy wpisow, wyniki wyszukiwania i archiwa */
.section { background: var(--paper); color: var(--ink); padding: 80px 0; }
.story { background: #e6e9dc; color: var(--ink); }
.story h3 { font: 600 27px/1.12 var(--display); letter-spacing: -.04em; text-transform: none; }
.story__meta { color: #526078; }
.story__body { padding: 24px; }
.story h3 a:hover { color: #4e6815; }

@media (max-width: 980px) {
  .site-header .main-menu { background: var(--paper); color: var(--ink); border-top: 1px solid #c9c8bd; box-shadow: 0 15px 20px #0002; }
  .site-header .menu-button { border: 1px solid #172d72; border-radius: 50%; width: 44px; height: 44px; padding: 8px; }
  .site-header .menu-button span:not(.sr-only) { background: #172d72; width: 20px; margin: 5px 3px; }
  .site-header .menu-glowne-lista > li:last-child > a { display: inline-block; margin-top: 8px; }
  .artykul__uklad { grid-template-columns: minmax(0, 1fr) 260px; gap: 30px; }
}
@media (max-width: 700px) {
  :root { --wrap: min(100% - 36px, 1440px); }
  .site-header .nav { height: 72px; gap: 12px; }
  .site-header .brand b::before { font-size: 27px; }
  .site-header .szukaj-przelacznik { width: 42px; height: 42px; }
  .podglowie { padding: 58px 0 36px; }
  .podglowie h1, .podglowie--artykul h1 { font-size: clamp(42px, 10.5vw, 65px); }
  .artykul__cialo { padding-bottom: 75px; }
  .artykul__uklad { grid-template-columns: 1fr; }
  .artykul__sidebar-kolumna { margin-top: 35px; }
  .tresc-wpisu { font-size: 17px; }
  .footer { padding-top: 55px; }
  .footer__top { gap: 28px; padding-bottom: 45px; }
}