/*
Theme Name: eurocount
*/

/* Custom Menu Fallbacks and Logo Sizing */
.main-navigation ul {
    display: flex;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.main-navigation li a {
    color: rgba(0, 0, 0, 0.6);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    white-space: nowrap;
}

.main-navigation li a:hover {
    color: rgb(0, 0, 0);
}

.main-navigation li.current-menu-item a {
    color: rgb(0, 0, 0);
    font-weight: 700;
}

.custom-logo {
    width: 160px !important;
    height: 40px !important;
    max-width: 100%;
    object-fit: contain;
}

#colophon .custom-logo {
    width: 239px !important;
    height: 76px !important;
    max-width: none;
}

@media (max-width: 1536px) {
    #colophon .custom-logo {
        width: 190px !important;
        height: auto !important;
    }
}

@media (max-width: 1280px) {
    #colophon .custom-logo {
        width: 160px !important;
        height: auto !important;
    }
}

/* Consistent Mobile Spacing Across All Sections and Pages */
@media (max-width: 767px) {
    .py-16,
    .py-20,
    .py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .pt-16,
    .pt-20,
    .pt-24,
    .pt-32 {
        padding-top: 24px !important;
    }
    .pb-16,
    .pb-20,
    .pb-24 {
        padding-bottom: 24px !important;
    }
}

/* Hero Breadcrumb Divider Gap */
.site-main hr.border-t {
    margin-bottom: 0.75rem !important;
}

/* Team Card Hover Animation */
.team-card-img {
    position: relative;
    background-color: #E8E8E8;
    transition: background-color 0.4s ease;
}
.team-card-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #ECDEBE;
    mix-blend-mode: multiply;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.team-card:hover .team-card-img::after {
    opacity: 0.75;
}