/* ==========================================================================
   Contact page (/contact): Follow Us social icons
   The platform draws the circle border and icon in #0e2a2e, which disappears
   on the dark card. Scoped to body#contact so the footer icons are untouched.
   Imported by css/local.css:  @import url('pages/contact.css');
   ========================================================================== */

/* Option A (active): gold outline, fills gold on hover */
body#contact main#main-content .social-networks .network {
	color: #E3C89B;
	border-color: #E3C89B;
	transition: background-color 0.2s ease, color 0.2s ease;
}

body#contact main#main-content .social-networks .network i {
	color: inherit;
}

body#contact main#main-content .social-networks .network:is(:hover, :focus-visible) {
	color: #0E2A2E;
	background-color: #E3C89B;
}

body#contact main#main-content .social-networks .network:focus-visible {
	outline: 2px solid #F4F1EA;
	outline-offset: 2px;
}

/* Option B (alternative): cream outline, gold on hover.
   To use it, delete the Option A block above and uncomment this one.

body#contact main#main-content .social-networks .network {
	color: #F4F1EA;
	border-color: rgba(244, 241, 234, 0.5);
	transition: border-color 0.2s ease, color 0.2s ease;
}

body#contact main#main-content .social-networks .network i {
	color: inherit;
}

body#contact main#main-content .social-networks .network:is(:hover, :focus-visible) {
	color: #E3C89B;
	border-color: #E3C89B;
}

body#contact main#main-content .social-networks .network:focus-visible {
	outline: 2px solid #E3C89B;
	outline-offset: 2px;
}
*/