/*
 Theme Name: GeneratePress Child
 Template: generatepress
*/

/* Ukryj standardowy nagłówek GeneratePress */
.site-header {
    display: none;
}

<!-- HERO HEADER + MENU Z PARALLAX -->
<header class="hero-header">
  <div class="hero-blend">
    <div class="hero-image"></div>
    <div class="hero-overlay">
      <h1 class="hero-title">Zarabiaj na Finansach</h1>
      <p class="hero-subtitle">Twoje źródło wiedzy o finansach osobistych, inwestycjach, bankowości i podatkach</p>
    </div>
  </div>

  <!-- Menu pod hero -->
  <nav class="hero-menu">
    <?php
      wp_nav_menu(array(
        'theme_location' => 'primary',
        'container' => false,
        'menu_class' => 'menu-items'
      ));
    ?>
  </nav>
</header>

<style>
.hero-header { width:100%; position:relative; z-index:100; overflow:hidden; }

/* Hero image z parallax */
.hero-blend { position:relative; width:100%; height:600px; overflow:hidden; }
.hero-image { 
  position:absolute; top:0; left:0; width:100%; height:100%; 
  background:url('https://zarabiajnafinansach.pl/wp-content/uploads/2025/09/trader-5129770_1920.jpg') center/cover no-repeat; 
  z-index:1; transition: transform 0.3s ease-out;
}
.hero-overlay { 
  position:absolute; bottom:0; width:100%; height:60%; 
  background: linear-gradient(to top, #0d0d0d 0%, rgba(0,0,0,0) 100%);
  display:flex; flex-direction: column; align-items:center; justify-content:flex-end;
  padding:4rem 2rem; z-index:2; text-align:center; color:transparent;
}

/* Hero title złoty shimmer */
.hero-title {
  font-size:4rem; font-weight:900;
  background: linear-gradient(45deg, #FFD700, #FFEA85, #FFD700);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  text-shadow:0 0 5px rgba(255,215,0,0.6),0 0 10px rgba(255,215,0,0.4);
  display:inline-block; margin-bottom:1rem; position:relative;
}
.hero-title::after {
  content:'';
  position:absolute; top:0; left:-100%; width:100%; height:100%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-25deg); animation: shine 2s infinite;
}
.hero-subtitle {
  font-size:1.5rem; max-width:900px;
  background: linear-gradient(45deg, #FFD700, #FFEA85, #FFD700);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  text-shadow:0 0 3px rgba(255,215,0,0.5),0 0 8px rgba(255,215,0,0.3);
  margin-top:0.5rem;
}
@keyframes shine { 0% { left:-100%; } 100% { left:100%; } }

/* MENU POD HERO */
.hero-menu {
  background:#0d0d0d; display:flex; justify-content:center;
  padding:1rem 2rem; box-shadow:0 2px 5px rgba(0,0,0,0.2);
  opacity:0; transform: translateY(-20px); transition: opacity 0.8s, transform 0.8s;
}
.hero-menu.visible { opacity:1; transform: translateY(0); }
.hero-menu .menu-items {
  display:flex; gap:2rem; list-style:none; margin:0; padding:0; flex-wrap:wrap;
}
.hero-menu .menu-items li a {
  color:#fff; font-weight:600; text-decoration:none; padding:0.5rem 1rem;
  transition: all 0.3s;
}
.hero-menu .menu-items li a:hover { color:#FFD700; text-shadow:0 0 5px #FFD700; }

/* RESPONSYWNOŚĆ */
@media(max-width:768px){
  .hero-title { font-size:2.5rem; }
  .hero-subtitle { font-size:1.2rem; }
  .hero-menu { flex-direction:column; gap:0.5rem; }
  .hero-menu .menu-items { flex-direction:column; gap:0.5rem; }
}
</style>

<script>
// Parallax efekt dla hero image
window.addEventListener('scroll', () => {
  const scrolled = window.scrollY;
  const heroImage = document.querySelector('.hero-image');
  if(heroImage){
    heroImage.style.transform = `translateY(${scrolled * 0.3}px)`;
  }
  
  // Menu fade-in
  const heroMenu = document.querySelector('.hero-menu');
  if(heroMenu){
    if(scrolled > 200){
      heroMenu.classList.add('visible');
    } else {
      heroMenu.classList.remove('visible');
    }
  }
});
</script>

/* MENU POD HERO – Profesjonalne */
.hero-menu {
  background: rgba(13,13,13,0.95); /* lekko półprzezroczyste */
  display:flex;
  justify-content:center;
  padding:1rem 2rem;
  box-shadow:0 4px 15px rgba(0,0,0,0.4);
  position: sticky;
  top: 0;
  z-index: 999;
  opacity:0; 
  transform: translateY(-20px); 
  transition: opacity 0.8s, transform 0.8s, backdrop-filter 0.3s;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,215,0,0.2);
}

.hero-menu.visible {
  opacity:1; 
  transform: translateY(0);
}

.hero-menu .menu-items {
  display:flex;
  gap:2rem;
  list-style:none;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}

.hero-menu .menu-items li {
  position: relative;
}

.hero-menu .menu-items li a {
  color:#FFD700;
  font-weight:700;
  text-decoration:none;
  padding:0.75rem 1.2rem;
  transition: all 0.3s;
  display:block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hero-menu .menu-items li a:hover {
  color:#fff;
  text-shadow: 0 0 10px #FFD700, 0 0 20px rgba(255,215,0,0.4);
  background: linear-gradient(90deg, rgba(255,215,0,0.2), rgba(255,215,0,0));
  border-radius:6px;
}

/* Drop-down submenu */
.hero-menu .menu-items li ul {
  position:absolute;
  top:100%;
  left:0;
  background: rgba(13,13,13,0.95);
  min-width:180px;
  display:none;
  flex-direction:column;
  padding:0.5rem 0;
  border-radius:6px;
  box-shadow:0 4px 15px rgba(0,0,0,0.5);
  backdrop-filter: blur(10px);
}

.hero-menu .menu-items li:hover > ul {
  display:flex;
  animation: fadeIn 0.4s ease forwards;
}

.hero-menu .menu-items li ul li a {
  padding:0.5rem 1rem;
  font-weight:500;
  color:#FFD700;
}

.hero-menu .menu-items li ul li a:hover {
  color:#fff;
  text-shadow: 0 0 8px #FFD700;
  background: linear-gradient(90deg, rgba(255,215,0,0.15), rgba(255,215,0,0));
}

/* Animacja fade-in dla submenu */
@keyframes fadeIn { 0% {opacity:0; transform: translateY(-10px);} 100% {opacity:1; transform: translateY(0);} }

/* Responsywne hamburger menu */
@media(max-width:1024px){
  .hero-menu { flex-direction: column; align-items:flex-start; padding:1rem; }
  .hero-menu .menu-items { flex-direction: column; width:100%; display:none; }
  .hero-menu .menu-items.active { display:flex; }
  .hero-menu .menu-items li { width:100%; }
  .hero-menu .menu-items li ul { position:relative; top:0; box-shadow:none; backdrop-filter:none; border-radius:0; }
}

/* Hamburger button */
.hamburger {
  display:none;
  cursor:pointer;
  font-size:1.5rem;
  color:#FFD700;
  margin-left:auto;
}
@media(max-width:1024px){
  .hamburger { display:block; }
}

/* Naprawa złamania wiersza w menu */
.hero-menu .menu-items li {
    display: flex;          /* pozwala elementowi li trzymać tekst w jednej linii */
    align-items: center;    /* wyrównanie pionowe do środka */
}

.hero-menu .menu-items li a {
    white-space: nowrap;    /* zabrania łamania tekstu w linku */
}

.hero-title-link {
    text-decoration: none; /* usuwa podkreślenie */
}

.hero-title-link:hover .hero-title {
    color: #FFD700; /* lub lekki efekt hover */
    text-shadow: 0 0 10px #FFD700;
}

/* ============================= */
/* HERO MENU — mobilne podmenu w dół z toggle */
/* Mobilne menu — tylko główne kategorie */
@media(max-width:1024px){
  /* Główne menu */
  .hero-menu {
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
  }

  .hero-menu .menu-items {
    display: none;         /* domyślnie schowane */
    flex-direction: column;
    width: 100%;
  }

  .hero-menu .menu-items.active {
    display: flex;
  }

  .hero-menu .menu-items li {
    width: 100%;
    position: relative;
  }

  /* Ukrycie wszystkich podmenu */
  .hero-menu .menu-items li .sub-menu {
    display: none !important;
  }

  /* Usunięcie strzałek */
  .hero-menu .menu-items li.menu-item-has-children > a::after {
    content: none !important;
  }
}


/* ================= GLOBAL ================= */
body {
    background: #FFFFFF; /* czarne tło strony */
    color: #1C1C1C;
    font-family: 'Lora', serif;
    line-height: 1.8;
}

/* ================= TREŚĆ WPISÓW ================= */
.entry-content {
    font-family: 'Lora', serif;
    font-size: 1.1rem;
    line-height: 1.9;
    color: #1C1C1C; /* ciemny tekst */
    letter-spacing: 0.4px;
    max-width: 1100px;
    margin: 2rem auto;
    background: #FFFFFF; /* jasne tło sekcji treści */
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

/* Nagłówki – złote lub białe */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 800;
    line-height: 1.2;
    color: #0A0A0A; /* złoty */
    margin-top: 2rem;
    margin-bottom: 1rem;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}
.entry-content h2 {
    border-bottom: 2px solid #C0C0C0; /* srebrna linia */
    padding-bottom: 0.4rem;
}
.entry-content h1:hover,
.entry-content h2:hover,
.entry-content h3:hover {
    color: #D4AF37;
    text-shadow: 0 2px 12px rgba(212,175,55,0.4);
}

/* Akapity */
.entry-content p {
    color: #1C1C1C; /* ciemny tekst na białym tle */
    font-size: 1.08rem;
    margin-bottom: 1.3rem;
    line-height: 1.85;
    text-align: justify;
}

/* Linki */
.entry-content a {
    color: #D4AF37;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}
.entry-content a:hover {
    color: #2E2E2E;
    text-shadow: 0 0 8px rgba(192,192,192,0.6);
}

/* Cytaty */
.entry-content blockquote {
    border-left: 4px solid #C0C0C0;
    background: #F7F7F7;
    padding: 1.5rem 2rem;
    margin: 2rem 0;
    font-style: italic;
    color: #2E2E2E;
    border-radius: 10px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

/* Sekcje */
.entry-content section {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 2.5rem 2rem;
    margin-bottom: 3rem;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* Separator */
.entry-content hr {
    border: 0;
    border-top: 1px solid #C0C0C0;
    width: 40%;
    margin: 3rem auto;
}

/* Przyciski CTA */
.entry-content .button,
.entry-content button {
    background: #D4AF37; /* złoty */
    color: #FFFFFF; /* biały tekst */
    border: none;
    padding: 0.7rem 1.5rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
}
.entry-content .button:hover,
.entry-content button:hover {
    background: #C0C0C0; /* srebrny */
    color: #0A0A0A;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}


/* ================= MENU HERO ================= */
.hero-menu {
  background: #0A0A0A;
  border-bottom: 1px solid #2E2E2E;
  display: flex;
  justify-content: center;
  padding: 1rem 2rem;
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 25px rgba(0,0,0,0.4);
}
.hero-menu .menu-items li a {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8rem;
  color: #D4AF37;
  position: relative;
  transition: all 0.3s ease;
}
.hero-menu .menu-items li a:hover {
  color: #FFFFFF;
}
.hero-menu .menu-items li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: #C0C0C0;
  transition: width 0.3s ease;
}
.hero-menu .menu-items li a:hover::after {
  width: 100%;
}

/* ================= TYTUŁ POSTA ================= */
.entry-title {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    font-size: 2.8rem;
    line-height: 1.2;
    text-align: center;
    margin: 2rem 0 1rem 0;
    color: #0A0A0A; /* biały */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    transition: text-shadow 0.3s ease, transform 0.3s ease;
}
.entry-title:hover {
    color: #D4AF37;
    text-shadow: 0 0 10px rgba(212,175,55,0.6);
    transform: scale(1.02);
}

/* ================= HIERARCHIA ROZMIARÓW ================= */
.entry-content h1 { font-size: 2.5rem; }
.entry-content h2 { font-size: 2rem; }
.entry-content h3 { font-size: 1.6rem; }
.entry-content h4 { font-size: 1.3rem; }
.entry-content h5 { font-size: 1.1rem; }
.entry-content h6 { font-size: 0.95rem; }

@media (max-width: 768px) {
  .entry-content h1 { font-size: 2rem; }
  .entry-content h2 { font-size: 1.7rem; }
  .entry-content h3 { font-size: 1.4rem; }
  .entry-content h4 { font-size: 1.2rem; }
  .entry-content h5 { font-size: 1rem; }
  .entry-content h6 { font-size: 0.9rem; }
}

/* ======= Uniwersalny, wysoki priorytet dla przycisku "Szukaj" ======= */

/* Docelowe selektory używane w wielu motywach/wp-blocks */
.searchform .search-submit,
.search-form .search-submit,
.widget_search .search-submit,
.widget .search-submit,
button.search-submit,
input.search-submit,
input[type="submit"].search-submit,
.search-form button[type="submit"],
.wp-block-search .wp-block-search__button,
.wp-block-search__button,
.search .search-submit,
.searchform input[type="submit"] {
    /* wygląd podstawowy (złoty CTA) */
    background: linear-gradient(45deg,#D4AF37,#D4AF37) !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 0.6rem 1.2rem !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important;
    transition: all 0.22s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hover: przejście na srebro */
.searchform .search-submit:hover,
.search-form .search-submit:hover,
.widget_search .search-submit:hover,
.wp-block-search .wp-block-search__button:hover,
button.search-submit:hover,
input.search-submit:hover,
.search .search-submit:hover {
    background: #C0C0C0 !important; /* srebrny */
    color: #0A0A0A !important;      /* czarny tekst */
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,0.28) !important;
}

/* Jeśli przycisk jest tylko ikoną (SVG / <i>) — wymuszamy kolor fill/text */
.searchform .search-submit svg,
.search-form .search-submit svg,
.widget_search .search-submit svg,
.wp-block-search .wp-block-search__button svg,
.searchform .search-submit i,
.wp-block-search__button i {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}
.searchform .search-submit:hover svg,
.wp-block-search__button:hover svg {
    fill: #0A0A0A !important;
    color: #0A0A0A !important;
}

/* Pole wyszukiwania (pasujące do stylu) */
.searchform .search-field,
.search-form .search-field,
.widget_search .search-field,
input.search-field,
.wp-block-search__input {
    background: #FFFFFF !important;
    color: #1C1C1C !important;
    border: 1px solid #C0C0C0 !important;
    padding: 0.55rem 0.9rem !important;
    border-radius: 8px 0 0 8px !important;
    outline: none !important;
    font-size: 1rem !important;
}
.searchform .search-field:focus,
.search-form .search-field:focus,
.wp-block-search__input:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 6px rgba(212,175,55,0.30) !important;
}

/* Zestaw input + button w jednej linii */
.search-form,
.searchform,
.widget_search form,
.wp-block-search__button-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

/* Gdy input lub button ma domyślnie zaokrąglone oba końce — poprawiamy */
.search-form .search-field:last-child,
.search-form input[type="search"]:last-child {
    border-radius: 8px !important;
}

/* Dodatkowe (bardzo specyficzne) nadpisanie gdy motyw dodaje inline style */
.searchform .search-submit[style],
.search-form .search-submit[style],
.wp-block-search__button[style] {
    /* nadpisz inline style */
    background: linear-gradient(45deg,#D4AF37,#D4AF37) !important;
    color: #FFFFFF !important;
}

/* Jeśli przycisk jest ukryty/zmieniony przez JS - nadal pokazujemy go */
.search-submit[disabled] { opacity: 0.9 !important; pointer-events: auto !important; }

/* Mała estetyczna korekta dla mniejszych ekranów */
@media (max-width:768px) {
  .search-form, .searchform { flex-direction: row; }
  .search-form .search-field, .searchform .search-field { flex: 1 1 auto; min-width: 0; }
}

/* Ukrycie labela "Szukaj:" */
.search-form label,
.searchform label,
.wp-block-search__label {
    display: none !important;
}

/* Jeśli pojawia się drugie pole input (duplikat) – chowamy */
.search-form input[type="text"]:not(.search-field),
.searchform input[type="text"]:not(.search-field) {
    display: none !important;
}

/* Autor wpisu */
.entry-meta .author a {
    color: #0A0A0A;   /* złoty */
}
.entry-meta .author a:hover {
    color: #E5E4E2;   /* platynowy przy hover */
}

/* Kategorie */
.entry-meta .cat-links a {
    color: #0A0A0A;   /* grafitowy */
}
.entry-meta .cat-links a:hover {
    color: #E5E4E2;   /* złoty */
}

/* Linki nawigacyjne „Następny / Poprzedni wpis” */
.nav-links a {
    color: #0A0A0A;   /* grafitowy */
}
.nav-links a:hover {
    color: #E5E4E2;   /* złoty */
}
/* Linki do poprzedniego / następnego wpisu */
.nav-links a,
.post-navigation a {
    color: #0A0A0A;           /* czarny */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.nav-links a:hover,
.post-navigation a:hover {
    color: #C0C0C0;           /* srebrny */
}

/* Meta dane wpisu (data, autor itp.) */
.entry-meta,
.entry-meta span,
.entry-meta a {
    font-size: 0.95rem; /* obecny rozmiar, np. 0.95rem */
}

/* Zwiększamy rozmiar np. do 1.1rem lub 1.2rem */
.entry-meta,
.entry-meta span,
.entry-meta a {
    font-size: 1.1rem;
}

@media (max-width: 768px) {
  .gp-row {
    display: flex;           /* zamiast grid */
    overflow-x: auto;        /* poziomy scroll */
    gap: 1rem;
    padding: 1rem;
    scroll-snap-type: x mandatory; /* dla efektu snap */
  }
  
  .section-card {
    flex: 0 0 80%;           /* szerokość pojedynczego boxu */
    scroll-snap-align: start;
    min-width: 250px;        /* minimalna szerokość */
  }
}

.section-card p {
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  word-break: break-word; /* zapobiega ściskaniu tekstu */
}

/* kontener hero */
.hero {
  background-image: url('/wp-content/uploads/hero-desktop.jpg');
  background-size: cover;
  background-position: center center; /* dostosuj focal point */
  background-repeat: no-repeat;
  background-attachment: scroll; /* parallax można wyłączyć lub włączyć na desktop */
  min-height: 80vh;               /* wysokość hero na desktop */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

/* mobile: mniejszy obraz, inna wysokość i odcina parallax */
@media (max-width: 780px) {
  .hero {
    background-image: url('/wp-content/uploads/hero-mobile.jpg');
    min-height: 55vh;               /* krótsze hero na telefonach */
    background-position: center 35%;/* przesuwamy focal point jeśli potrzeba */
    background-attachment: scroll;  /* wyłączamy parallax na mobile dla wydajności */
  }

.hero{
  background-image: url('https://zarabiajnafinansach.pl/wp-content/uploads/2025/09/trader-5129770_1920.jpg');
  background-size: cover;            /* wypełnia cały kontener */
  background-position: center 35%;   /* dopasuj focus (x y) */
  background-repeat: no-repeat;
  height: clamp(40vh, 55vh, 70vh);   /* responsywna wysokość */
  display: flex;
  align-items: center;               /* środek wertykalny dla treści */
  justify-content: center;
  position: relative;
  overflow: hidden;
}

/* Dla mobile: mniejsze zdjęcie i inne ustawienie punktu ogniskowego */
@media (max-width: 780px){
  .hero{
    background-image: url('https://zarabiajnafinansach.pl/wp-content/uploads/2025/09/trader-5129770_1920.jpg');
    background-position: center top;
    height: clamp(30vh, 40vh, 50vh);
    background-attachment: scroll; /* ważne - wyłącz fixed */
  }
}

/* warstwa overlay */
.hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.6));
  pointer-events: none;
}
}


/* ================== LISTA WPISÓW W KATEGORIACH ================== */
.archive .inside-article,
.blog .inside-article {
    background: #FFFFFF;
    padding: 2rem;
    margin: 2rem auto;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
    max-width: 1100px; /* tak samo jak .entry-content */
}

/* Tytuł wpisu na liście */
.archive .entry-title a,
.blog .entry-title a {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    font-weight: 800;
    color: #0A0A0A;
    text-decoration: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.archive .entry-title a:hover,
.blog .entry-title a:hover {
    color: #D4AF37;
    text-shadow: 0 0 10px rgba(212,175,55,0.4);
}

/* Fragment wpisu */
.archive .entry-summary,
.blog .entry-summary {
    font-family: 'Lora', serif;
    font-size: 1.05rem;
    line-height: 1.85;
    color: #1C1C1C;
    margin-top: 1rem;
    text-align: justify;
}

/* Link "Dowiedz się więcej" */
.archive .read-more a,
.blog .read-more a {
    display: inline-block;
    background: #D4AF37;   /* złoty */
    color: #FFFFFF;        /* biały tekst */
    padding: 0.6rem 1.2rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 1rem;
}

.archive .read-more a:hover,
.blog .read-more a:hover {
    background: #C0C0C0;   /* srebrny */
    color: #0A0A0A;        /* ciemny tekst */
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/* ================== LINK "DOWIEDZ SIĘ WIĘCEJ" ================== */
.archive .read-more a,
.blog .read-more a {
    display: inline-block;
    background: #D4AF37;   /* złoty CTA */
    color: #FFFFFF;        /* biały tekst */
    padding: 0.6rem 1.2rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 1rem;
}

.archive .read-more a:hover,
.blog .read-more a:hover {
    background: #C0C0C0;   /* srebrny przy hover */
    color: #0A0A0A;        /* ciemny tekst */
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/* ================== LINKI KATEGORII PRZY WPISIE ================== */
.archive .entry-meta .cat-links a,
.blog .entry-meta .cat-links a {
    color: #D4AF37;          /* złoty */
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.archive .entry-meta .cat-links a:hover,
.blog .entry-meta .cat-links a:hover {
    color: #0A0A0A;          /* ciemny */
    text-shadow: 0 0 8px rgba(212,175,55,0.5);
}

/* ================== META + KATEGORIE W POJEDYNCZYM WPISIE ================== */
.single .entry-meta .cat-links a {
    color: #D4AF37;          /* złoty */
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.single .entry-meta .cat-links a:hover {
    color: #0A0A0A;          /* ciemny */
    text-shadow: 0 0 8px rgba(212,175,55,0.5);
}

/* Link do autora */
.single .entry-meta .author a {
    color: #0A0A0A;          /* ciemny */
    font-weight: 500;
    transition: color 0.3s ease;
}
.single .entry-meta .author a:hover {
    color: #D4AF37;          /* złoty hover */
}

/* Linki nawigacyjne "Poprzedni / Następny wpis" */
.single .nav-links a,
.single .post-navigation a {
    color: #D4AF37;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}
.single .nav-links a:hover,
.single .post-navigation a:hover {
    color: #0A0A0A;
    text-shadow: 0 0 8px rgba(212,175,55,0.5);
}

/* ================== GLOBALNE LINKI ================== */
a {
    color: #D4AF37;              /* złoty */
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #0A0A0A;              /* ciemny przy hover */
    text-shadow: 0 0 8px rgba(212,175,55,0.5);
}

/* Ukrywa stopkę motywu */
.site-footer, .footer-widget {
    display: none !important;
}


.entry-meta .cat-links {
    display: none;
}


/* ====================== TABELA PREMIUM – FINAL ====================== */

/* ================= DESKTOP / TABLET ================= */
.entry-content table {
    width: fit-content;        
    max-width: 100%;           
    margin: 2rem auto;         
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    table-layout: auto;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    font-family: 'Lora', serif;
}

/* Komórki */
.entry-content table th,
.entry-content table td {
    padding: 1rem 1.2rem;
    text-align: left;
    color: #1C1C1C;
    white-space: normal;
    word-break: break-word;
    border-bottom: 1px solid #E5E4E2;
}

/* Nagłówki tabel – gradient ciemnoszary z złotym napisem */
.entry-content table th {
    background: linear-gradient(135deg, #111111, #1a1a1a 50%, #222222); 
    color: #e2bb3a;
    font-weight: 700;
    border-bottom: 2px solid #FFD700;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0,0,0,0.7);
    font-family: 'Playfair Display', serif;
    transition: background 0.3s ease;
}

/* Hover nagłówków */
.entry-content table th:hover {
    background: linear-gradient(135deg, #333333 0%, #2a2a2a 50%, #1c1c1c 100%);
    color: #FFE066;
}

/* Wiersze parzyste */
.entry-content table tr:nth-child(even) {
    background-color: rgba(255, 215, 0, 0.03);
}

/* Hover wierszy */
.entry-content table tr:hover {
    background-color: rgba(255, 215, 0, 0.08);
    transition: background 0.2s ease;
}

/* ================= MOBILE / RESPONSYWNE ================= */
@media (max-width: 768px) {
    .entry-content {
        overflow-x: auto;             
        -webkit-overflow-scrolling: touch;
    }

    .entry-content table {
        display: inline-block;        
        width: auto;
        min-width: 500px;             
    }

    .entry-content table th,
    .entry-content table td {
        padding: 0.9rem 1rem;
        font-size: 0.95rem;
        min-width: 120px;             
        max-width: 200px;             
        white-space: normal;           
        word-break: break-word;        
        overflow-wrap: break-word;     
    }

    /* Subtelny scroll */
    .entry-content::-webkit-scrollbar {
        height: 6px;
    }
    .entry-content::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.15);
        border-radius: 3px;
    }
    .entry-content::-webkit-scrollbar-track {
        background: rgba(0,0,0,0.03);
    }
}