/* Custom styles for ETHZilla header and footer inside Shadow DOM */

/* Navigation Button Styles */
.Navigation-module-scss-module__cbTXmW__navButton:focus-visible {
    outline: 2px solid #000000;
    box-shadow: 0 0 0 2px #ffffff;
    outline-offset: 2px;
}

/* Navigation Content Padding - needs higher specificity to override main CSS */
.Navigation-module-scss-module__cbTXmW__navigation .Navigation-module-scss-module__cbTXmW__container .Navigation-module-scss-module__cbTXmW__navContent,
.Navigation-module-scss-module__cbTXmW__navContent {
    padding: 16px 20px !important;
}

.Connect-module-scss-module__jSb63q__content.container {
    justify-content: center;
}
/* Footer disclaimer link - target all link states with higher specificity */
.Connect-module-scss-module__jSb63q__connect .Connect-module-scss-module__jSb63q__disclaimerLink,
.Connect-module-scss-module__jSb63q__connect .Connect-module-scss-module__jSb63q__disclaimerLink:link,
.Connect-module-scss-module__jSb63q__connect .Connect-module-scss-module__jSb63q__disclaimerLink:visited,
.Connect-module-scss-module__jSb63q__connect .Connect-module-scss-module__jSb63q__disclaimerLink:hover,
.Connect-module-scss-module__jSb63q__connect .Connect-module-scss-module__jSb63q__disclaimerLink:focus,
.Connect-module-scss-module__jSb63q__content .Connect-module-scss-module__jSb63q__disclaimerLink,
.Connect-module-scss-module__jSb63q__content .Connect-module-scss-module__jSb63q__disclaimerLink:link,
.Connect-module-scss-module__jSb63q__content .Connect-module-scss-module__jSb63q__disclaimerLink:visited,
.Connect-module-scss-module__jSb63q__content .Connect-module-scss-module__jSb63q__disclaimerLink:hover,
.Connect-module-scss-module__jSb63q__content .Connect-module-scss-module__jSb63q__disclaimerLink:focus {
    color: #271B10 !important;
}
/* Navigation button color - needs higher specificity to override main CSS */
/* Target all possible states and combinations */
.Navigation-module-scss-module__cbTXmW__navigation .Navigation-module-scss-module__cbTXmW__navButton,
.Navigation-module-scss-module__cbTXmW__navigation .Navigation-module-scss-module__cbTXmW__navButton:link,
.Navigation-module-scss-module__cbTXmW__navigation .Navigation-module-scss-module__cbTXmW__navButton:visited {
    color: #271B10 !important;
}

/* Override the pastHero and darkBg variants as well */
.Navigation-module-scss-module__cbTXmW__pastHero .Navigation-module-scss-module__cbTXmW__navButton,
.Navigation-module-scss-module__cbTXmW__pastHero .Navigation-module-scss-module__cbTXmW__navButton:link,
.Navigation-module-scss-module__cbTXmW__pastHero .Navigation-module-scss-module__cbTXmW__navButton:visited,
.Navigation-module-scss-module__cbTXmW__darkBg .Navigation-module-scss-module__cbTXmW__navButton,
.Navigation-module-scss-module__cbTXmW__darkBg .Navigation-module-scss-module__cbTXmW__navButton:link,
.Navigation-module-scss-module__cbTXmW__darkBg .Navigation-module-scss-module__cbTXmW__navButton:visited {
    color: #271B10 !important;
}

/* Override hover and focus states too */
.Navigation-module-scss-module__cbTXmW__navigation .Navigation-module-scss-module__cbTXmW__navButton:hover,
.Navigation-module-scss-module__cbTXmW__navigation .Navigation-module-scss-module__cbTXmW__navButton:focus {
    color: #271B10 !important;
}

/* Add your custom styles here - these will apply inside the Shadow DOM */
/* Example: */
/* .Navigation-module-scss-module__cbTXmW__navButton {
    text-transform: none;
} */