/* ====== ADVIES / ARTICLES STYLES ====== */

.advies-section {
padding: 70px 0 80px;
background: #f5f6fb;
}

.advice-header {
text-align: center;
margin-bottom: 30px;
}

.advice-header h1 {
margin-bottom: 10px;
}

.advies-intro {
font-size: 15px;
max-width: 720px;
margin: 0 auto;
color: #666;
}

/* lista kart – max 3 kolumny obok siebie */

.advies-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
margin-top: 40px;
}

@media (max-width: 1000px) {
.advies-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px) {
.advies-list {
grid-template-columns: 1fr;
}
}

.advies-card {
background: #ffffff;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
padding: 24px 26px;
transition: transform .2s ease, box-shadow .2s ease;
}

.advies-card:hover {
transform: translateY(-4px);
box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

.advies-card h2 {
font-size: 20px;
margin-bottom: 8px;
}

.advies-meta {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .06em;
color: #999;
margin-bottom: 8px;
}

.advies-card p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 14px;
}

.advies-link {
font-weight: 600;
text-decoration: none;
color: #1d7ec5;
}

.advies-link::after {
content: " →";
}

.advies-card:hover .advies-link {
color: #156aa6;
}

/* ====== ARTICLE PAGE ====== */

.article-section {
padding: 60px 0;
}

.article-section .container {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
}

.article-section h1 {
font-size: 30px;
text-align: center;
margin-bottom: 18px;
}

.article-intro {
font-size: 17px;
line-height: 1.7;
margin-bottom: 26px;
text-align: center;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}

/* link powrotny */

.back-link {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 10px 0 18px;
font-size: 14px;
color: #666;
text-decoration: none;
}

.back-link:hover {
color: #1d7ec5;
}

/* stary styl obrazka – zostawiony dla kompatybilności */

.article-img {
width: 100%;
max-width: 820px;
border-radius: 14px;
margin: 18px 0 26px 0;
box-shadow: 0 14px 30px rgba(0,0,0,.07);
}

/* blok z grafiką nad tytułem */

.article-hero {
display: flex;
justify-content: center;
margin: 24px auto 32px;
}

.article-hero-img {
display: block;
max-width: 360px;
width: 100%;
height: auto;
border-radius: 14px;
box-shadow: 0 14px 30px rgba(0,0,0,.07);
}

/* CTA na dole artykułu / listy */

.advies-cta {
text-align: center;
margin: 35px 0;
}

.advies-cta .cta-booking,
a.cta-booking,
.button-booking {
display: inline-block;
background: #1d7ec5;
color: #fff !important;
padding: 12px 26px;
border-radius: 40px;
font-weight: 600;
text-decoration: none;
box-shadow: 0 6px 14px rgba(0,0,0,0.12);
transition: all .2s ease;
}

.advies-cta .cta-booking:hover,
a.cta-booking:hover,
.button-booking:hover {
background: #156aa6;
box-shadow: 0 8px 18px rgba(0,0,0,0.18);
transform: translateY(-1px);
}

a.cta-booking:active,
.button-booking:active {
transform: translateY(0);
box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

/* obrazki w treści artykułu */

.article-content img {
max-width: 500px;
width: 100%;
height: auto;
display: block;
margin: 20px auto;
border-radius: 10px;
}

/* ====== UNIFIKACJA TYPOGRAFII W ARTYKUŁACH ====== */

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
margin-top: 36px;
margin-bottom: 18px;
line-height: 1.3;
}

.article-content p {
margin-top: 0;
margin-bottom: 20px;
line-height: 1.7;
font-size: 16px;
color: #333;
}

.article-content ul,
.article-content ol {
margin-top: 0;
margin-bottom: 24px;
padding-left: 22px;
}

.article-content li {
margin-bottom: 8px;
line-height: 1.6;
}

.article-content h2 + ul,
.article-content h3 + ul {
margin-top: 12px;
}

.article-content ul + h2,
.article-content ul + h3 {
margin-top: 36px;
}

/* Odstęp pod CTA linkiem powrotnym */

.article-content > p > .back-link:last-child {
margin-top: 40px;
display: inline-block;
}

/* Delikatny akcent kolorystyczny na liście */

.article-list li::marker {
color: #1d7ec5;
}

/* BANER „W BUDOWIE” */

.construction-banner {
width: 100%;
padding: 70px 20px;
background: linear-gradient(120deg, #1f7ecb, #53a7ff);
color: white;
text-align: center;
border-radius: 14px;
margin: 25px 0 45px;
box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

.construction-inner {
max-width: 900px;
margin: 0 auto;
}

.construction-banner h2 {
font-size: 34px;
margin-bottom: 12px;
}

.construction-banner p {
font-size: 18px;
opacity: .95;
margin-bottom: 18px;
}

.cta-ghost {
display: inline-block;
padding: 10px 22px;
border-radius: 40px;
background: white;
color: #1f7ecb;
text-decoration: none;
font-weight: 600;
transition: .2s;
}

.cta-ghost:hover {
background: rgba(255,255,255,.9);
transform: translateY(-2px);
}

/* FAQ – przycisk: tekst zawsze biały */
.faq-cta .cta-booking {
  display: inline-block;
  padding: 14px 34px;
  background: #2d82c2;
  color: #ffffff !important;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
}

.faq-cta .cta-booking:hover {
  background: #1f6fa8;
  color: #ffffff !important;
}