/* Retire in EU — shared brand styles */

/* --- Display headline weight (Poppins, not as heavy as a condensed poster font) --- */
.font-display {
    font-weight: 700;
}

/* --- Home hero photo background --- */
.hero-bg {
    background-image: linear-gradient(rgba(13, 52, 110, 0.85), rgba(13, 52, 110, 0.6)), url('../assets/images/hero-algarve.jpg');
    background-size: cover;
    background-position: center;
}

/* --- Decorative scattered stars used on solid-color banner sections --- */
.banner-stars .star {
    position: absolute;
    color: #FFD400;
}

/* --- FAQ accordion --- */
.faq-item .faq-chevron {
    transition: transform 0.25s ease;
}
.faq-item.open .faq-chevron {
    transform: rotate(180deg);
}
.faq-item .faq-answer {
    display: none;
}
.faq-item.open .faq-answer {
    display: block;
}

/* Without JavaScript the accordion can never open, which would hide every
   answer. Fall back to showing all answers expanded. */
.no-js .faq-item .faq-answer {
    display: block;
}
.no-js .faq-item .faq-chevron {
    display: none;
}
/* Same reasoning for the mobile menu: reveal it rather than trap navigation. */
.no-js #mobile-menu {
    display: block;
}
.no-js #mobile-menu-btn {
    display: none;
}

/* --- Article prose --- */
.article-prose h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #1450A3;
    font-size: 1.4rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}
.article-prose p {
    margin-bottom: 1.25rem;
    line-height: 1.8;
}
.article-prose ul {
    margin: 0 0 1.25rem 1.25rem;
    list-style: disc;
}
.article-prose li {
    margin-bottom: 0.5rem;
    line-height: 1.7;
}