/* ============================================================
   LexTax Audyt — custom CSS (uzupełnienie Tailwinda)
   ============================================================ */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
.ms-fill {
  font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
.gold-border-gradient {
  border-image: linear-gradient(to right, #DBC084, #fdd275) 1;
}
.stepper-line {
  background: linear-gradient(90deg, #DBC084 0%, rgba(219, 192, 132, 0.2) 100%);
}

/* Reveal on scroll — dodawane przez JS, więc bez JS treść pozostaje widoczna */
.reveal-init { opacity: 0; transform: translateY(2.5rem); transition: all 1s ease; }
.reveal-in   { opacity: 1; transform: translateY(0); }

/* -------- Menu główne (wp_nav_menu) -------- */
.primary-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 2rem; }
.primary-nav a {
  color: #faf9f5;
  font-family: 'Inter', sans-serif;
  font-size: 14px; font-weight: 600; letter-spacing: 0.05em;
  text-decoration: none; padding-bottom: 4px;
  transition: color .2s ease;
}
.primary-nav a:hover { color: #DBC084; }
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a { color: #DBC084; border-bottom: 2px solid #DBC084; }

/* -------- Menu mobilne -------- */
.mobile-nav { display: none; }
.mobile-nav.open { display: block; }
.mobile-nav ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav a {
  display: block; padding: 14px 0; color: #faf9f5; text-decoration: none;
  font-family: 'Inter', sans-serif; font-weight: 600; font-size: 15px;
  border-bottom: 1px solid rgba(219,192,132,0.2);
}
.mobile-nav a:hover { color: #DBC084; }

/* -------- Treść wpisu / strony (prose) -------- */
.entry-prose { color: #43474d; font-size: 18px; line-height: 1.8; }
.entry-prose h2 { font-family: 'Playfair Display', serif; color: #00152c; font-size: 30px; line-height: 1.3; margin: 2.2rem 0 1rem; font-weight: 700; }
.entry-prose h3 { font-family: 'Playfair Display', serif; color: #00152c; font-size: 24px; line-height: 1.3; margin: 1.8rem 0 .8rem; font-weight: 600; }
.entry-prose h4 { font-family: 'Inter', sans-serif; color: #00152c; font-size: 19px; margin: 1.4rem 0 .6rem; font-weight: 600; }
.entry-prose p { margin: 0 0 1.25rem; }
.entry-prose a { color: #00152c; text-decoration: underline; text-decoration-color: #DBC084; text-underline-offset: 4px; }
.entry-prose a:hover { color: #DBC084; }
.entry-prose ul, .entry-prose ol { margin: 0 0 1.25rem 1.25rem; }
.entry-prose li { margin-bottom: .5rem; }
.entry-prose blockquote {
  border-left: 4px solid #DBC084; background: #f4f4f0;
  padding: 1rem 1.5rem; margin: 1.5rem 0; font-style: italic; color: #1b1c1a;
}
.entry-prose img { border-radius: .75rem; height: auto; max-width: 100%; }
.entry-prose figure { margin: 1.5rem 0; }
.entry-prose table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.entry-prose th, .entry-prose td { border: 1px solid #e3e2df; padding: .6rem .8rem; text-align: left; }
.entry-prose th { background: #efeeea; color: #00152c; }

/* -------- Alerty formularza -------- */
.lextax-alert { border-radius: .5rem; padding: 1rem 1.25rem; margin-bottom: 1.5rem; font-family: 'Inter', sans-serif; font-size: 15px; }
.lextax-alert-error { background: #ffdad6; color: #93000a; border: 1px solid #ba1a1a33; }
.lextax-alert-ok { background: #dff0e2; color: #14532d; border: 1px solid #14532d22; }

/* Honeypot */
.lextax-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Paginacja */
.lextax-pagination { display: flex; gap: .5rem; justify-content: center; margin-top: 3.5rem; flex-wrap: wrap; }
.lextax-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; height: 44px; padding: 0 12px; border-radius: .5rem;
  border: 1px solid #e3e2df; color: #00152c; text-decoration: none;
  font-family: 'Inter', sans-serif; font-weight: 600; transition: all .2s ease;
}
.lextax-pagination .page-numbers:hover { border-color: #DBC084; color: #DBC084; }
.lextax-pagination .page-numbers.current { background: #00152c; color: #DBC084; border-color: #00152c; }

img.wp-post-image, .featured-cover img { object-fit: cover; }
