/* Page-specific styles for index.html */

/* Menu items color in first section */
.menu li a {
    color: #FDFFDA;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* Mobile hamburger and search - same color as menu */
.mobile-search-icon svg {
    color: #FDFFDA;
}

.hamburger-icon {
    color: #FDFFDA;
}

.mobile-hamburger-box {
    border-left-color: #FDFFDA;
}

/* Fixed text color in section two */
body.scroll-section-two .fixed-text {
    color: #FD4950;
}

/* Logo size and color */
.logo svg {
    width: 137.159px;
    height: 21.3px;
}

.logo svg path {
    fill: #FDFFC2;
}

.logo svg path:first-child {
    fill: #FD4950;
}

/* Logo color in section two */
body.scroll-section-two .logo svg path:not(:first-child) {
    fill: #380131;
}

/* Logo color in section three (same as section two) */
body.scroll-section-three .logo svg path:not(:first-child) {
    fill: #380131;
}

/* Sections 4, 5, 6 (Legislação) - keep index styles for section 4, but override for 5 and 6 */
/* Section 4: same nav colors as section 3 (should NOT change from section 3) */
body.scroll-section-four .logo svg path:not(:first-child) {
    fill: #380131;
}

body.scroll-section-four .menu li a {
    color: #380131;
}

body.scroll-section-four .mobile-search-icon svg {
    color: #380131;
}

body.scroll-section-four .hamburger-icon {
    color: #FD4950;
}

body.scroll-section-four .mobile-hamburger-box {
    border-left-color: #FD4950;
}

body.scroll-section-four .menu li a.active,
body.scroll-section-five .menu li a.active,
body.scroll-section-six .menu li a.active {
    color: #FDFFDA;
    font-weight: 800;
}

/* Secção 4: item Legislação sempre #380131 */
body.scroll-section-four .menu li a[href*="#legislacao"],
body.scroll-section-four .menu li a[href*="#legislacao"].active {
    color: #380131;
}

body.scroll-section-four .logo a {
    color: #FDFFDA;
}

body.scroll-section-four .search-icon {
    color: #FDFFDA;
}

body.scroll-section-four .search input {
    background-color: #380131;
    color: rgba(253, 255, 218, 0.30);
}

body.scroll-section-four .search input::placeholder {
    color: rgba(253, 255, 218, 0.30);
}

body.scroll-section-four .nav-separator {
    background-color: #FD4950;
}

body.scroll-section-four .menu .brasil-menu-item a {
    color: #FD4950 !important;
}

/* Section 5: same nav colors as section 2 */
body.scroll-section-five .menu li a {
    color: #FDFFDA;
}

body.scroll-section-five .mobile-search-icon svg {
    color: #FDFFDA;
}

body.scroll-section-five .hamburger-icon {
    color: #FDFFDA;
}

body.scroll-section-five .mobile-hamburger-box {
    border-left-color: #FDFFDA;
}

body.scroll-section-five .logo svg path:not(:first-child) {
    fill: #FDFFC2;
}

body.scroll-section-five .logo a {
    color: #FDFFDA;
}

body.scroll-section-five .search-icon {
    color: #380131;
}

body.scroll-section-five .search input {
    background-color: #FDFFDA;
    color: rgba(56, 1, 49, 0.30);
}

body.scroll-section-five .search input::placeholder {
    color: rgba(56, 1, 49, 0.30);
}

body.scroll-section-five .nav-separator {
    background-color: #FDFFDA;
}

body.scroll-section-five .menu .brasil-menu-item a {
    color: #FD4950 !important;
}

/* Section 6 (Legislação): same nav colors as section 3 */
body.scroll-section-six .menu li a {
    color: #FDFFDA;
}

body.scroll-section-six .mobile-search-icon svg {
    color: #FDFFDA;
}

body.scroll-section-six .hamburger-icon {
    color: #FDFFDA;
}

body.scroll-section-six .mobile-hamburger-box {
    border-left-color: #FDFFDA;
}

body.scroll-section-six .logo svg path:not(:first-child) {
    fill: #FDFFC2;
}

body.scroll-section-six .logo a {
    color: #FDFFDA;
}

body.scroll-section-six .search-icon {
    color: #380131;
}

body.scroll-section-six .search input {
    background-color: #FDFFDA;
    color: rgba(56, 1, 49, 0.30);
}

body.scroll-section-six .search input::placeholder {
    color: rgba(56, 1, 49, 0.30);
}

body.scroll-section-six .nav-separator {
    background-color: #FDFFDA;
}

body.scroll-section-six .menu .brasil-menu-item a {
    color: #FD4950 !important;
}

/* Section 2 - Mobile hamburger and search colors */
body.scroll-section-two .mobile-search-icon svg {
    color: #380131;
}

/* Hamburger uses nav-separator color (#FD4950) in section 2 */
body.scroll-section-two .hamburger-icon {
    color: #FD4950;
}

body.scroll-section-two .mobile-hamburger-box {
    border-left-color: #FD4950;
}

/* Section 3 - Mobile hamburger and search colors */
body.scroll-section-three .mobile-search-icon svg {
    color: #380131;
}

/* Hamburger uses nav-separator color (#FD4950) in section 3 */
body.scroll-section-three .hamburger-icon {
    color: #FD4950;
}

body.scroll-section-three .mobile-hamburger-box {
    border-left-color: #FD4950;
}

/* Section 3 - hide fixed text (has its own content) */
/* Use higher specificity to ensure this rule takes precedence over global.css */
body.index-page.scroll-section-three .fixed-text {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Section 4 - ensure fixed text is visible with "LEGISLAÇÃO" */
body.index-page.scroll-section-four .fixed-text {
    opacity: 1 !important;
    visibility: visible !important;
    color: #FDFFDA !important;
}

/* Background image for first section */
.section-one {
    background-image: url('../../assets/img/indexBg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}