/* =========================================================================
   ArenaPay — arkusz bazowy, wspólny dla wszystkich podstron.
   Zmienne, reset, typografia, przyciski, nawigacja, stopka, siatki sekcji.

   Wartości przeniesione 1:1 z inline'owego <style> landingu
   /platnosci-noclegi, żeby stara i nowa strona wyglądały identycznie.
   Rzeczy specyficzne dla jednej podstrony idą do osobnego pliku
   (np. noclegi.css) i nadpisują to, co tutaj.
   ========================================================================= */

:root{
  --bg-dark:#0B0F19;--bg-deep:#070a11;--card-bg:#111827;--border-color:#1E293B;
  --text-main:#94A3B8;--text-heading:#FFFFFF;
  --gradient-main:linear-gradient(135deg,#E11D48,#2563EB);
  --primary:#2563EB;--accent:#E11D48;--app-purple:#5A54D8;--green:#059669;--orange:#D97706;
  /* Odcień linków na najciemniejszym tle (stopka). --primary daje tam kontrast
     3,83:1 — poniżej progu 4,5:1 wymaganego dla tekstu tej wielkości.
     Ten sam błękit jest już używany w hero i w tagach integracji. */
  --link-ciemne:#93b4fb;
  --maxw:1170px;
}

/* --- reset i typografia ------------------------------------------------- */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif;color:var(--text-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{max-width:100%}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.text-gradient{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}
.eyebrow{display:inline-block;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.125rem;text-transform:uppercase;color:var(--primary);margin-bottom:14px}

/* Widoczne tylko dla czytników ekranu — używane m.in. przez honeypot formularza. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* --- przyciski ---------------------------------------------------------- */

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase;padding:16px 28px;border-radius:.5rem;cursor:pointer;border:none;transition:all .3s ease;white-space:nowrap;text-align:center}
.btn-glow{background:var(--gradient-main);color:#fff;box-shadow:0 0 20px rgba(225,29,72,.4)}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(37,99,235,.6)}
.btn-outline{background:transparent;color:#fff;border:2px solid var(--border-color)}
.btn-outline:hover{border-color:var(--primary)}
.btn-lg{font-size:.82rem;padding:17px 30px;letter-spacing:.07rem}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
  .btn-glow:hover{transform:none}
}

::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#080818}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c63ff,#3b82f6);border-radius:4px}

/* --- nawigacja ---------------------------------------------------------- */

.nav{position:sticky;top:0;z-index:50;background:rgba(11,15,25,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:12px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo img{height:40px;width:auto;border-radius:11px;background:#fff;padding:5px;box-shadow:0 4px 15px rgba(225,29,72,.2)}
.logo .bn{font-family:'Montserrat';font-weight:800;font-size:1.3rem}
.nav-links{display:flex;gap:4px}
.nav-links a{font-family:'Montserrat';font-size:.7rem;font-weight:500;letter-spacing:.09rem;text-transform:uppercase;color:var(--text-main);padding:9px 12px;transition:color .3s}
.nav-links a:hover,.nav-links a.aktywna{color:#fff}
.nav .btn{padding:11px 20px}
@media(max-width:1024px){.nav-links{display:none}}

/* --- szkielet sekcji ---------------------------------------------------- */

section{padding:84px 0;border-bottom:1px solid var(--border-color)}
.sec-head{text-align:center;max-width:720px;margin:0 auto 52px}
.sec-head h2{font-size:2.15rem;line-height:2.55rem;margin-bottom:14px}
.sec-head p{font-size:1.08rem;color:var(--text-main)}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:880px){.grid3{grid-template-columns:1fr}}

/* --- strony dokumentowe (polityka prywatności itp.) --------------------- */

.dokument-tresc .wrap{max-width:820px}
.dokument-tresc h3{font-size:1.24rem;margin:36px 0 12px}
.dokument-tresc p{margin-bottom:14px}
.dokument-tresc ul{margin:0 0 16px 22px;display:flex;flex-direction:column;gap:9px}
.dokument-tresc b{color:#fff}
.dokument-tresc a{color:var(--primary);text-decoration:underline}
.dokument-tresc a.btn{text-decoration:none;color:#fff}
.dokument-tresc code{background:var(--bg-deep);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:.86em}

/* --- baner zgody na ciasteczka ------------------------------------------ */
/* Przyciski "Akceptuję wszystkie" i "Tylko niezbędne" mają celowo tę samą
   wagę wizualną — odmowa nie może być trudniejsza niż zgoda. */

.cookie-baner{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 26px;background:var(--card-bg);border-top:1px solid var(--border-color);box-shadow:0 -8px 30px rgba(0,0,0,.45)}
.cookie-baner.schowany{display:none}
.cookie-tresc{flex:1 1 460px;min-width:280px}
.cookie-tresc h4{font-size:1rem;margin-bottom:6px}
.cookie-tresc p{font-size:.86rem;line-height:1.55}
.cookie-tresc a{color:var(--primary);text-decoration:underline}
.cookie-opcje{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.cookie-opcje label{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;cursor:pointer}
.cookie-opcje input{margin-top:4px;accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}
.cookie-opcje input:disabled{opacity:.55;cursor:not-allowed}
.cookie-opcje b{color:#fff}
.cookie-akcje{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex-shrink:0}
.cookie-akcje .btn{padding:13px 22px}
.cookie-link{background:none;border:none;color:var(--text-main);font-family:'Montserrat',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;cursor:pointer;text-decoration:underline;padding:8px}
.cookie-link:hover{color:#fff}
@media(max-width:780px){
  .cookie-baner{flex-direction:column;align-items:stretch;gap:18px;padding:18px}
  .cookie-akcje .btn{flex:1 1 100%}
}

/* --- stopka ------------------------------------------------------------- */

footer{background:var(--bg-deep);padding:38px 0;border-bottom:none}
.foot-inner{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;align-items:center}
.foot-inner .fl{font-size:.84rem;line-height:1.6}
footer b{color:#fff}
footer a{color:var(--link-ciemne)}
footer a:hover{color:#fff}
.foot-links{display:flex;gap:22px;font-size:.84rem;flex-wrap:wrap}