/* ===================================================
   BAZA Beach – overridy kolorów (złoto / piasek)
   Ładowany po style.css wyłącznie na beach.html
   =================================================== */

:root, .theme-dark {
  --c-primary: #c8950a;
  --c-number: #f0c929;
  --c-tab-default: #f5e0a0;
  --c-tabbar-bg: #5a4200;
  --c-tabbar-border: #7a5a00;
  --c-cta-bg: #f0c929;
  --c-border: #7a5a00;
  --c-h-text: #f5e0a0;
  --c-bold: #f5d980;
  --c-calendar-day: #f5e0a0;
  --c-dayname: #e8c547;
  --c-dayname-2: #f0c929;
  --c-link: #c8950a;
  --c-inner-tile: #5a4200;
  --c-active: #c8950a;
  --c-left-icon: #7a5a00;
  --c-toast: #5a4200;
  --c-toast-text: #f5e0a0;
  --c-settings-border: #f0c929;
  --c-settings-switch: #7a5a00;
  --c-modal-border: #7a5a00;
  --c-highlight-active: #f5d980;

  --tone-hero:
    radial-gradient(1200px 800px at -10% -10%, rgba(240,201,41,.09), transparent 60%),
    radial-gradient(900px 700px at 110% 10%, rgba(212,160,23,.11), transparent 60%),
    var(--c-bg);
}

/* Body background */
body {
  background:
    radial-gradient(1200px 800px at -10% -10%, rgba(240,201,41,.07), transparent 60%),
    radial-gradient(900px 700px at 110% 10%, rgba(212,160,23,.09), transparent 60%),
    var(--c-bg);
}

/* Nav */
.nav { border-bottom-color: rgba(240,201,41,.15); }

/* Hero kicker */
.hero-kicker {
  background: rgba(240,201,41,.06);
  border-color: rgba(240,201,41,.18);
  color: var(--c-dayname-2);
}

/* Buttons */
.btn-primary {
  background: linear-gradient(180deg, #c8950a, #a07800);
  border-color: #b08800;
  box-shadow: 0 8px 24px rgba(212,160,23,.35);
}
.btn-primary:hover { box-shadow: 0 10px 28px rgba(212,160,23,.45); }
.btn-cta {
  background: linear-gradient(180deg, #f0c929, #c8950a);
  color: #1b1b1b;
  border: 1px solid #a07800;
  box-shadow: 0 4px 14px rgba(240,201,41,.25);
}
#pobierz { color: #1b1b1b; }
#pobierz:hover { color: var(--c-dayname-2); }

/* Blobs */
.blob.a { background: #f0c92980; }
.blob.b { background: #c8950a33; }

/* Cards */
.card:hover { border-color: rgba(240,201,41,.28); }
.card .halo {
  background: radial-gradient(600px 120px at var(--mx,50%) var(--my,50%), rgba(240,201,41,.10), transparent 40%);
}

/* Download card buttons */
.download-card .btn-ghost { color: #1b1b1b; background: var(--c-cta-bg); border-color: #c8950a; }
.download-card .btn-ghost:hover { background: #d4a017; }

/* Fixed download button */
.download-btn {
  background: linear-gradient(180deg, #8a6200, #5a4000);
  border-color: #a07200;
}

/* Modals */
.modal h3 { color: #7a5a00; }
.modal-close { color: #7a5a00; }
#terms-content h3, #privacy-content h3 { color: #7a5a00; }

/* Beach hero logo */
.beach-hero-logo {
  width: min(300px, 80%);
  margin: 0 auto;
  display: block;
  border-radius: 32px;
  border: 1px solid rgba(240,201,41,.25);
  box-shadow:
    0 20px 60px rgba(212,160,23,.25),
    0 0 80px rgba(240,201,41,.1);
  transition: transform .6s cubic-bezier(.2,.8,.2,1);
}
.beach-hero-logo:hover { transform: translateY(-4px) scale(1.01); }

/* Gallery placeholder */
.gallery-placeholder {
  text-align: center;
  padding: clamp(48px, 8vw, 96px) 20px;
  border-radius: var(--radius-2xl);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 2px dashed rgba(240,201,41,.2);
}
.gallery-placeholder-logo {
  width: 72px; height: 72px;
  object-fit: contain;
  margin: 0 auto 16px;
  border-radius: 18px;
  opacity: 0.55;
}
.gallery-placeholder h3 {
  color: var(--c-h-text);
  font-size: 20px;
  margin: 0 0 8px;
}

/* Back to BAZA nav link */
.nav-back-link { opacity: .65 !important; }
.nav-back-link:hover { opacity: 1 !important; background: transparent !important; }
