/* digitalshirts brand — spójność chrome sklepu z landingiem (D-P4). Fonty: self-host. */
@import url('/themes/hummingbird-child/assets/css/fonts.css');

/* ── LIGHT MODE (default) ── */
:root, [data-bs-theme=light] {
  --bs-primary: #D42A1B; --bs-primary-rgb: 212,42,27;
  --bs-link-color: #D42A1B; --bs-link-color-rgb: 212,42,27;
  --bs-link-hover-color: #B02316; --bs-link-hover-color-rgb: 176,35,22;
  --bs-primary-text-emphasis: #B02316;
  --bs-primary-bg-subtle: #fdeae7; --bs-primary-border-subtle: #f2b6ae;
}

/* ── DARK MODE — wermilion jedyny + chrome PS vars (2026-07-25-ujednolicenie) ── */
[data-bs-theme=dark] {
  --bs-primary: #D42A1B; --bs-primary-rgb: 212,42,27;
  --bs-link-color: #D42A1B; --bs-link-color-rgb: 212,42,27;
  --bs-link-hover-color: #ef4d3b; --bs-link-hover-color-rgb: 239,77,59;
  --bs-primary-text-emphasis: #ef4d3b;
  --bs-primary-bg-subtle: #2a0f0a; --bs-primary-border-subtle: #7a2417;
  --bs-body-bg: #0B0B0C;
  --bs-body-bg-rgb: 11,11,12;
  --bs-body-color: #F3F3F1;
  --bs-body-color-rgb: 243,243,241;
  --bs-secondary-bg: #151518;
  --bs-tertiary-bg: #1E1E22;
  --bs-border-color: #2a2a30;
  --bs-card-bg: #151518;
}
[data-bs-theme=dark] .header-top,
[data-bs-theme=dark] #header {
  background: #0B0B0C;
  border-bottom: 1px solid #2a2a30;
}
[data-bs-theme=dark] footer {
  background: #0B0B0C;
  color: #F3F3F1;
}
[data-bs-theme=dark] footer a { color: #9EA0A6; }
[data-bs-theme=dark] footer a:hover { color: #F3F3F1; }

/* ── BUTTONS brand ── */
.btn-primary {
  --bs-btn-bg: #D42A1B; --bs-btn-border-color: #D42A1B;
  --bs-btn-hover-bg: #B02316; --bs-btn-hover-border-color: #B02316;
  --bs-btn-active-bg: #9d1f13; --bs-btn-active-border-color: #9d1f13;
  --bs-btn-disabled-bg: #D42A1B; --bs-btn-disabled-border-color: #D42A1B;
  border-radius: .6rem;
  transition: background .15s, transform .1s, box-shadow .15s;
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(212,42,27,.35); }
.btn-outline-primary {
  --bs-btn-color: #D42A1B; --bs-btn-border-color: #D42A1B;
  --bs-btn-hover-bg: #D42A1B; --bs-btn-hover-border-color: #D42A1B;
  --bs-btn-active-bg: #B02316; --bs-btn-active-border-color: #B02316;
}

/* ── TYPOGRAFIA brand ── */
body { font-family: 'Inter Tight', Inter, system-ui, -apple-system, 'Segoe UI', sans-serif; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'Space Grotesk', system-ui, sans-serif; }

/* ── DARK MODE TOGGLE ── */
.ds-mode-toggle {
  background: transparent;
  border: 1px solid currentColor;
  opacity: .7;
  cursor: pointer;
  padding: .25rem .5rem;
  border-radius: .375rem;
  color: inherit;
  line-height: 1;
  font-size: .85rem;
}
.ds-mode-toggle:hover { opacity: 1; }
.ds-mode-toggle .ic-moon { display: inline; }
.ds-mode-toggle .ic-sun  { display: none;   }
[data-bs-theme=dark] .ds-mode-toggle .ic-moon { display: none;   }
[data-bs-theme=dark] .ds-mode-toggle .ic-sun  { display: inline; }

/* ── NAV menu treści w chrome PS ── */
.ds-header-nav { min-width: 0; }
.ds-nav-content { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.ds-nav-content a {
  color: inherit;
  text-decoration: none;
  font-size: .875rem;
  font-weight: 500;
  padding: .25rem .5rem;
  border-radius: .375rem;
  transition: background .15s, color .15s;
}
.ds-nav-content a:hover {
  background: rgba(var(--bs-primary-rgb),.08);
  color: var(--bs-primary);
}
.ds-nav-cta {
  background: #D42A1B;
  color: #fff !important;
  border-radius: .5rem;
  padding: .3rem .85rem !important;
  font-weight: 600 !important;
  transition: background .15s, transform .1s;
}
.ds-nav-cta:hover { background: #B02316 !important; transform: translateY(-1px); }

/* ── CMS pages brand typography ── */
.page-cms h1, .page-cms h2 { margin-top: 2rem; }
.page-cms h2 { font-size: 1.4rem; }
.page-cms h3 { font-size: 1.15rem; color: var(--bs-primary); }
.page-cms p { line-height: 1.7; }

/* ── STOPKA brand ── */
.footer__copyright { font-size: .8rem; opacity: .6; }
.footer .footer__main { padding-top: 2.5rem; }

/* ── MENU V2 (2026-07-25-menuv2) ── */
/* Icon button — wspólna klasa */
.ds-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: .2rem .4rem;
  border-radius: .375rem;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: opacity .15s;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
}
.ds-icon-btn:hover { opacity: .7; }
/* Toggle SVG: moon widoczny w light, sun w dark */
.ds-mode-toggle .ic-moon { display: block; }
.ds-mode-toggle .ic-sun  { display: none;  }
[data-bs-theme=dark] .ds-mode-toggle .ic-moon { display: none;  }
[data-bs-theme=dark] .ds-mode-toggle .ic-sun  { display: block; }
/* Nav treści — no-wrap, 1 linia */
.ds-nav-content { flex-wrap: nowrap !important; }
.ds-header-nav { overflow: hidden; min-width: 0; flex: 1 1 auto; }
#header .header-bottom__row { flex-wrap: nowrap !important; }
#search_widget { max-width: 200px; min-width: 80px; flex-shrink: 1; }
/* Top-strip phone link */
#contact-link a.ds-topstrip-phone { color: inherit; text-decoration: none; }
#contact-link a.ds-topstrip-phone:hover { text-decoration: underline; }
/* Category bar (displayNavFullWidth row) */
.ds-category-bar {
  background: var(--bs-body-bg, #fff);
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
  padding: .35rem 0;
}
.ds-category-bar .container-md { display: flex; align-items: center; }
/* Stary .ds-mode-toggle (bez .ds-icon-btn) — nadpisz by był spójny */
.ds-mode-toggle:not(.ds-icon-btn) {
  min-width: 2.25rem;
  min-height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ── MENU V2 ── */
/* Shared icon button (sklep) */
.ds-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: .2rem .4rem;
  border-radius: .375rem;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: opacity .15s;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
}
.ds-icon-btn:hover { opacity: .7; }
/* Toggle SVG show/hide (sklep uses data-bs-theme) */
.ds-mode-toggle .ic-moon { display: block; }
.ds-mode-toggle .ic-sun  { display: none;  }
[data-bs-theme=dark] .ds-mode-toggle .ic-moon { display: none;  }
[data-bs-theme=dark] .ds-mode-toggle .ic-sun  { display: block; }
/* Nav no-wrap (atom 4) */
.ds-nav-content { flex-wrap: nowrap !important; overflow: hidden; }
.ds-header-nav { overflow: visible; min-width: 0; flex: 1 1 auto; }
#header .header-bottom__row { flex-wrap: nowrap; }
#search_widget { max-width: 200px; min-width: 80px; flex-shrink: 1; }
/* Category bar (atom 5) */
.ds-category-bar {
  background: var(--bs-body-bg);
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
  padding: .35rem 0;
}
.ds-category-bar .container-md { display: flex; align-items: center; gap: 0; }

/* ══ STOPKA REDESIGN 2026-07-25-footer ══════════════════════════════════ */

/* Ukryj ps_socialfollow z footer__before — IG przenieśliśmy inline do bloku NAP */
.footer .footer__before { display: none; }

/* Stopka główna — light */
.footer.footer__main {
  padding-top: 2.5rem;
  border-top: 2px solid #D42A1B;
}

/* Tytuły bloków stopki */
.footer-block__title {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: inherit;
  opacity: .65;
  margin-bottom: .75rem;
}

/* Linki stopki */
.footer-block__list li,
.footer-block__list li a {
  font-size: .875rem;
}

/* ps_contactinfo — adres */
.ps-contactinfo__infos {
  font-size: .875rem;
  font-style: normal;
  line-height: 1.6;
}

.ps-contactinfo__phone,
.ps-contactinfo__email {
  font-size: .875rem;
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-top: .35rem;
}

.ps-contactinfo__phone .material-icons,
.ps-contactinfo__email .material-icons {
  font-size: 1rem;
  color: #D42A1B;
}

/* IG inline */
.ds-footer-social__link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .875rem;
  font-weight: 500;
  color: #D42A1B;
  text-decoration: none;
  transition: opacity .15s;
}
.ds-footer-social__link:hover { opacity: .75; color: #D42A1B; }
.ds-footer-social__link svg { flex-shrink: 0; }

/* Copyright */
.footer__copyright {
  font-size: .8rem;
  border-top: 1px solid var(--bs-border-color, #dee2e6);
  padding: .875rem 0;
  margin-top: 2rem;
}
.footer__copyright-inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.footer__copyright-nip {
  opacity: .45;
  font-size: .75rem;
}
.footer__copyright a {
  color: inherit;
  text-decoration: none;
  font-weight: 500;
}
.footer__copyright a:hover { color: #D42A1B; }

/* ── DARK MODE stopka ── */
[data-bs-theme=dark] .footer.footer__main {
  border-top-color: #D42A1B;
}
[data-bs-theme=dark] .footer__copyright {
  border-top-color: #2a2a30;
}
[data-bs-theme=dark] .ps-contactinfo__phone .material-icons,
[data-bs-theme=dark] .ps-contactinfo__email .material-icons {
  color: #ef4d3b;
}
[data-bs-theme=dark] .ds-footer-social__link { color: #ef4d3b; }
[data-bs-theme=dark] .ds-footer-social__link:hover { color: #ef4d3b; opacity: .75; }

/* ══ SOCIAL IG+FB rząd ikon (2026-07-25-fb) ══ */
.ds-footer-social {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.ds-footer-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(212,42,27,.35);
  border-radius: .5rem;
  color: #D42A1B;
  transition: background .15s, color .15s, border-color .15s;
}
.ds-footer-social__link:hover {
  background: #D42A1B;
  color: #fff;
  border-color: #D42A1B;
  opacity: 1;
}
[data-bs-theme=dark] .ds-footer-social__link {
  color: #ef4d3b;
  border-color: rgba(239,77,59,.35);
}
[data-bs-theme=dark] .ds-footer-social__link:hover {
  background: #ef4d3b;
  color: #0B0B0C;
  border-color: #ef4d3b;
  opacity: 1;
}