/*
Theme Name: OFWW Starter
Theme URI: https://wyciskaniewielokrotne.pl/
Author: OFWW
Author URI: https://wyciskaniewielokrotne.pl/
Description: Minimalny motyw startowy OFWW: czarne tło, centralne logo (custom-logo), prosty landing. Zgodny z WP 6+.
Version: 1.0.0
License: GPLv2 or later
Text Domain: ofww-starter
Tags: minimal, black, landing, custom-logo
*/
:root{--bg:#000;--fg:#E6D7C5;--muted:#a79a8b}
html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Noto Sans',sans-serif}
.site{min-height:100vh;display:grid;grid-template-rows:1fr auto}
.main{display:grid;place-items:center;padding:clamp(16px,4vw,48px);text-align:center}
.custom-logo{width:min(92vw,680px);height:auto;display:block;margin:0 auto}
.site-title{font-size:clamp(20px,3.2vw,28px);font-weight:700;letter-spacing:.4px;margin:18px 0 0}
.site-footer{padding:18px 16px 28px;text-align:center;color:var(--muted);font-size:12px}
/* OFWW base */
a{color:#cf9f73}
a:hover{opacity:.9}
/* Pasek menu – większe, na środku, w kolorze OFWW */
.primary-menu{
  display:flex; 
  flex-wrap:wrap;
  justify-content:center;
  gap:28px;
  list-style:none;
  margin:24px auto 0;
  padding:0;
}

/* Linki w menu */
.primary-menu a,
.primary-menu a:visited{
  /* <<< PODMIEŃ TEN KOLOR NA DOKŁADNY Z LOGO (patrz niżej) */
  color:#D9B98E;              /* złoto/beż jak OFWW */
  text-decoration:none;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.02em;
  font-size:clamp(18px, 2.2vw, 24px); /* rośnie na większych ekranach */
  line-height:1.2;
}

/* Efekt najechania i aktywny */
.primary-menu a:hover,
.primary-menu .current-menu-item > a{
  color:#ffffff;
  text-shadow:0 0 10px rgba(217,185,142,.45);
}
/* --- Usuwa szary pasek/stopkę i dopasowuje tło --- */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  background: #0b0d12 !important; /* ciemne tło jak na stronie */
}

footer, .site-footer, #colophon, .wp-block-template-part {
  display: none !important; /* całkowicie ukrywa stopkę/pasek */
}

#page, .site, .site-content, #content {
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0b0d12 !important;
}
/* ====== OFWW – wygląd i animacja hero ====== */

/* Kolory bazowe */
:root{
  --ofww-bg:#0b0d12;       /* tło */
  --ofww-text:#e6d2b6;     /* beż OFWW (napisy/menu) */
}

/* tło i usunięcie odstępów przeglądarki */
html, body{
  background:var(--ofww-bg) !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* usuń dolny „szary pasek”/stopkę, jeśli motyw ją renderuje */
footer, .site-footer, #colophon, .wp-block-template-part{
  display:none !important;
}

/* kontener hero na stronie głównej (jeśli użyjesz klasy .ofww-hero) */
.ofww-hero{
  min-height:calc(100vh - 120px);   /* pełny ekran minus nagłówek */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 16px;
}

/* SAMO LOGO – większe + pulsowanie + delikatna poświata */
.ofww-hero img,
.custom-logo, .site-logo img{                /* działa też, jeśli logo jest ustawione jako „Logo witryny” */
  width:clamp(320px, 45vw, 680px);
  height:auto !important;
  display:block !important;
  margin:80px auto 40px auto !important;
  filter: drop-shadow(0 10px 30px rgba(0,0,0,.35));
  animation: ofwwPulse 3.6s ease-in-out infinite;
}

/* animacja „oddech” */
@keyframes ofwwPulse{
  0%   { transform:scale(1);   }
  45%  { transform:scale(1.06);}
  100% { transform:scale(1);   }
}

/* wyłącz animacje dla osób z ograniczonym ruchem */
@media (prefers-reduced-motion: reduce){
  .ofww-hero img, .custom-logo, .site-logo img{ animation:none !important; }
}

/* MENU – większe, w kolorze OFWW */
.main-navigation a, .menu a, nav a{
  font-size:22px !important;
  color:var(--ofww-text) !important;
  font-weight:700 !important;
  text-decoration:none !important;
  padding:10px 20px !important;
}
.main-navigation a:hover, .menu a:hover, nav a:hover{
  color:#fff3e0 !important;
}

/* Opcjonalnie: wyrównaj menu do środka */
.main-navigation, nav ul{
  display:flex; gap:8px; justify-content:center;
}
/* ===== Efekt fade-in + pulsowanie dla logo OFWW ===== */

.custom-logo {
  opacity: 0;
  transform: scale(0.95);
  animation: fadeInLogo 1.5s ease-out forwards, ofwwPulse 3.6s ease-in-out infinite 2s;
}

/* logo pojawia się z lekkim powiększeniem */
@keyframes fadeInLogo {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
	/* Scroll w mobilnym menu OFWW */
.mobile-menu,
.offcanvas-menu,
#mobile-menu,
#offcanvas-menu {
    max-height: 100vh !important;
    overflow-y: auto !important;
}
}