/*
Theme Name: Gołdapski Fundusz Lokalny
Theme URI: https://funduszgoldap.pl/
Author: GPT-5.1 Codex
Author URI: https://funduszgoldap.pl/
Description: Lightweight WordPress 6 theme inspired by the Gołdapski Fundusz Lokalny website layout.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gfl-theme
*/

:root {
  --gfl-blue: #144c7d;
  --gfl-navy: #0b2f4d;
  --gfl-green: #7cb342;
  --gfl-gold: #f2b544;
  --gfl-light: #f5f7fb;
  --gfl-muted: #5b6574;
  --gfl-dark: #101522;
  --container-width: min(1200px, 92%);
}

.container {
  width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
}

/* Header – compact size, no resize on scroll */
.brand .custom-logo-link img,
.brand .brand-logo-link img {
  max-height: 40px;
}

/* Nav menu items (wp_nav_menu) – not easily targetable with Tailwind */
.primary-nav .menu-item a {
  color: inherit;
}
.primary-nav .menu-item a:hover {
  color: var(--gfl-blue);
}
.footer-nav .menu a {
  color: rgba(255, 255, 255, 0.9);
}
.footer-nav .menu a:hover {
  color: var(--gfl-green);
}
.footer-grid h4 {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.9rem;
  color: var(--gfl-gold);
}

/* Hero split layout with skewed divider */
.hero-split {
  background: linear-gradient(to bottom, var(--gfl-light), #fff);
}
.hero-container {
  display: flex;
  flex-wrap: wrap;
  min-height: 24rem;
  overflow: hidden;
  border-radius: 1rem;
}
.hero-left {
  flex: 1 1 45%;
  min-width: 280px;
  padding: 2rem 1.5rem 2rem 0;
  display: flex;
  align-items: center;
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}
.hero-left-inner {
  max-width: 32rem;
}
.hero-right {
  flex: 1 1 55%;
  min-width: 260px;
  position: relative;
  min-height: 18rem;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
  overflow: hidden;
  border-radius: 0 1rem 1rem 0;
  background: var(--gfl-light);
}
.hero-carousel {
  position: absolute;
  inset: 0;
}
.hero-carousel-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
}
.hero-carousel-slide:first-child {
  opacity: 1;
}
.hero-carousel-placeholder {
  position: absolute;
  inset: 0;
}
@media (max-width: 768px) {
  .hero-left {
    clip-path: none;
    padding: 2rem 0 1.5rem;
  }
  .hero-right {
    min-height: 16rem;
    clip-path: none;
    border-radius: 1rem;
  }
}

/* Single article content */
.single-content p { margin-bottom: 1rem; }
.single-content ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.single-content ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.single-content img { max-width: 100%; height: auto; }

/* Pagination */
.pagination,
.nav-links {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.page-numbers {
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  border: 1px solid rgba(20, 76, 125, 0.2);
  color: var(--gfl-blue);
  font-weight: 500;
}
.page-numbers.current,
.page-numbers:hover {
  background: var(--gfl-blue);
  color: #fff;
  border-color: var(--gfl-blue);
}