/* ===== NOWY, MINIMALISTYCZNY FOOTER EDUKURS (2025) ===== */

.footer {
  position: relative;
  background: var(--bg);
  border-top: 1px solid rgba(0,0,0,.05);
  padding: 36px 0 18px;
  color: var(--text);
  font-size: 15px;
  line-height: 1.6;
}
html[data-theme="dark"] .footer { background: var(--bg-soft); border-color: rgba(255,255,255,.08); }

/* Żółta linia u góry stopki – jak w nagłówku */
.footer::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
}

/* === GRID: 3 kolumny desktop / 1 kolumna mobile === */
.footer-grid{ display:block; width:100%; }
@media (min-width:1025px){
  /* FULL‑BLEED grid on desktop: columns touch page gutters */
  .footer .container.footer-inner{ max-width:none; padding-left:0; padding-right:0; }
  .footer-grid.footer-grid--3{
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    gap: 32px;
    max-width: none; /* allow full width */
    width: 100%;
    padding-left: var(--pad);
    padding-right: var(--pad);
  }
  .footer-col.about .f-company{ text-align:left; }
  .footer-col.links{ text-align:right; }

  .footer-bottom{
    width:100%;
    max-width:none;
    margin:0;
    padding-left: var(--pad);
    padding-right: var(--pad);
  }
}

/* Nagłówki sekcji (jeśli będą) */
.footer h4{ font-size:13px; font-weight:700; text-transform:uppercase; margin-bottom:12px; letter-spacing:.04em; color:var(--muted); }

/* Linki */
.footer a{ color:var(--text); text-decoration:none; transition:color .25s ease; }
.footer a:hover{ color:var(--brand); text-decoration:underline; text-underline-offset:3px; }

/* 1) Firma/adres (lewa kolumna) */
.footer-col{ min-width:0; }
.footer-col.about .f-company{ line-height:1.55; text-align:left; }
.footer-col.about .f-company{
  color: var(--muted);
}
.footer .f-company strong{
  display:block;
  font-size:15px;
  font-weight:700;
  color:var(--text);
  margin-bottom:4px;
}

/* 2) Kontakty (środkowa kolumna) */
.footer-col.contacts .contact-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; text-align:left; }
.footer-col.contacts .contact-item{ display:flex; align-items:center; gap:8px; font-size:14px; }
.footer-col.contacts .contact-item svg{ width:18px; height:18px; opacity:.8; flex-shrink:0; }
.footer-col.contacts .contact-item span,
.footer-col.contacts .contact-item a{ white-space:nowrap; }

/* === Biuro obsługi klienta: nagłówek + link e‑mail === */
.contact-header{
  margin-bottom:10px;
  text-align:left;
}
.contact-header strong{
  font-size:15px;
  font-weight:700;
  color:var(--text);
}
.contact-header span{
  font-size:14px;
  color:var(--muted);
}

/* Interaktywny link kontaktowy (ikona + tekst razem) */
.contact-link{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--text);
  text-decoration:none;
  transition: color .25s ease, transform .25s ease;
}
.contact-link svg{
  width:20px; height:20px;
  flex-shrink:0; opacity:.9;
  transition: opacity .25s ease, transform .25s ease;
}
.contact-link:hover{ color:var(--brand); transform: translateY(-1px); }
.contact-link:hover svg{ opacity:1; transform: scale(1.05); }
.contact-link:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(255,204,0,.28); border-radius:8px; }

/* Mobile dopasowanie: środek */
@media (max-width:640px){
  .contact-header{ text-align:center; }
  .contact-link{ justify-content:center; }
}

/* 3) Linki prawne + social (prawa kolumna) */
.footer-col.links{ text-align:right; }
.legal-inline{ display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:wrap; }
.legal-inline .sep{ opacity:.5; }
.footer-social{ display:flex; gap:10px; justify-content:flex-end; margin-top:10px; }
.footer-social .soc{ display:inline-flex; width:32px; height:32px; border-radius:50%; align-items:center; justify-content:center; }
.footer-social .soc svg{ width:18px; height:18px; opacity:.8; transition:opacity .2s ease, transform .2s ease; }
.footer-social .soc:hover svg{ opacity:1; transform: translateY(-2px); }
.footer-social .soc svg { fill: currentColor; color: var(--text); }
.footer-social .soc:hover { color: var(--brand); }
html[data-theme="dark"] .footer-social .soc svg{ color:#e6eaf0; }
html[data-theme="dark"] .footer-social .soc:hover svg{ color: var(--brand); }

/* Dół stopki */
.footer-bottom{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:28px; padding-top:14px; border-top:1px solid rgba(0,0,0,.05); font-size:14px; }
html[data-theme="dark"] .footer-bottom{ border-color: rgba(255,255,255,.08); }
.footer-bottom .legal{ display:flex; justify-content:center; align-items:center; gap:20px; flex-wrap:wrap; }
@media (min-width:1025px){ .footer-actions{ margin-left:auto; } }

/* Ikona motywu – jawne zasady żeby inne SVG jej nie nadpisywały */
.footer .theme-toggle .icon-wrap svg{ display:block; width:18px; height:18px; stroke:currentColor; fill: currentColor; }
.footer .theme-toggle .icon-wrap .icon-auto path[fill="none"]{ fill:none; }

/* ===== RESPONSYWNOŚĆ ===== */
@media (max-width:1024px){
  .footer-grid{ display:block; }
}

/* Mobile: jedna kolumna, centralnie */
@media (max-width:640px){
  .footer{ text-align:center; padding:24px 0 72px; }

  .footer-grid.footer-grid--3{ display:flex; flex-direction:column; align-items:center; gap:18px; width:100%; }
  .footer-grid.footer-grid--3 > *{ width:100%; max-width:560px; }

  .footer-col.about .f-company,
  .footer-col.contacts,
  .footer-col.links{ text-align:center; }

  .footer-col.contacts .contact-list{ align-items:center; }
  .footer-col.contacts .contact-item{ justify-content:center; text-align:center; }

  .legal-inline{ justify-content:center; }
  .footer-social{ justify-content:center; }

  .footer-bottom{ flex-direction:column; text-align:center; border:none; gap:8px; margin-top:12px; }
  .footer-bottom .legal{ order:1; }
  .footer-bottom .copy{ order:2; opacity:.9; }

  /* Przełącznik motywu – pozycja mobilna (bez sticky) */
  .footer{ position:relative; }
  .theme-toggle-wrap{ position:absolute; right:10px; bottom:10px; z-index:10; background:var(--card); border-radius:50%; box-shadow:0 2px 10px rgba(0,0,0,.15); padding:4px; }

  /* Kontenery – centrowanie */
  .footer .container, .footer-inner{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; margin:0 auto; padding-left:var(--pad); padding-right:var(--pad); }
}

/* ===== LOGO PARP-BUR ===== */
.parp-bur-logo {
  margin-top: 14px;
  text-align: right;
}

@media (max-width: 768px) {
  .parp-bur-logo {
    text-align: center;
  }
}

/* Ujednolicone style (obsługa .parp-bur-logo-img i .parp-bur-logo-img-small oraz fallback na <img>) */
.parp-bur-logo-img,
.parp-bur-logo-img-small,
.parp-bur-logo img {
  height: 31px;
  width: auto;
  opacity: 0.9;
  filter: grayscale(100%) contrast(150%) brightness(1.3) opacity(0.95) !important;
  transition: opacity 0.2s ease, filter 0.2s ease, transform 0.2s ease;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 640px) {
  .parp-bur-logo-img,
  .parp-bur-logo-img-small,
  .parp-bur-logo img {
    height: 22px;
  }
}

.parp-bur-logo a:hover img,
.parp-bur-logo-img:hover,
.parp-bur-logo-img-small:hover {
  opacity: 1;
  transform: translateY(-1px);
}

/* Tryb ciemny – jasne logo, bez tła */
html[data-theme="dark"] .parp-bur-logo img,
html[data-theme="dark"] .parp-bur-logo-img,
html[data-theme="dark"] .parp-bur-logo-img-small {
  filter: grayscale(100%) contrast(150%) brightness(6) opacity(0.95) !important;
}