/* ========================================
   Custom Overrides v2
   ======================================== */

/* ── Topbar ── */
.topbar-style-2 {
    background-color: #051829 !important;
    padding: 10px 0 !important;
}
.topbar-style-2 .topbar-contact-info-wrapper {
    text-align: left !important;
}
.topbar-style-2 .topbar-contact-info {
    display: inline-flex !important;
    align-items: center !important;
    gap: 20px !important;
    float: none !important;
    margin-top: 0 !important;
}
.topbar-style-2 .topbar-contact-info > div {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-left: 0 !important;
    float: none !important;
}
.topbar-style-2 .topbar-contact-info > div > i {
    position: static !important;
    font-size: 13px !important;
    color: #fd3e03 !important;
    flex-shrink: 0 !important;
}
.topbar-style-2 .topbar-contact-info .details {
    padding-left: 0 !important;
}
.topbar-style-2 .topbar-contact-info p {
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #c8d6e5 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.topbar-style-2 .topbar-contact-info p a {
    color: #c8d6e5 !important;
    text-decoration: none !important;
}
.topbar-style-2 .topbar-contact-info p a:hover {
    color: #fd3e03 !important;
}
.topbar-style-2 .social {
    display: none !important;
}

/* ── Navbar Hover ── */
.header-style-5 #navbar > ul > li > a:hover,
.header-style-5 #navbar > ul > li > a:focus,
.site-header #navbar > ul li a:hover,
.site-header #navbar ul a:hover,
.site-header #navbar ul li.current-menu-item a {
    color: #ffd700 !important;
}
.header-style-5 #navbar > ul > li.current-menu-item > a {
    color: #ffd700 !important;
}

/* ── Hero Slider Compacto ── */
.hero {
    height: 380px !important;
}
.hero .slide {
    height: 380px !important;
}
.hero-slider .slide-caption > h1,
.hero .hero-slider .slide-caption > h2 {
    font-size: clamp(22px, 3vw, 38px) !important;
    margin: 0 0 0.3em !important;
}
.hero-slider .slick-list .slick-current .slide-caption > p {
    font-size: clamp(13px, 1.2vw, 16px) !important;
    margin: 0 0 1em !important;
}
.hero .hero-slider .slide-caption {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
}

@media (max-width: 991px) {
    .hero { height: 300px !important; }
    .hero .slide { height: 300px !important; }
}
@media (max-width: 767px) {
    .hero { min-height: 280px !important; }
    .hero .slide { min-height: 280px !important; }
}

/* ── Sticky Header Fix ── */
.sticky-header {
    top: -200% !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
    background-color: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
    z-index: 10000 !important;
}
.sticky-header.sticky-on {
    top: 0 !important;
    opacity: 1 !important;
}
.sticky-header .topbar {
    display: none !important;
}
.sticky-header .lower-topbar {
    padding: 8px 0 !important;
}
.sticky-header .lower-topbar .awards {
    display: none !important;
}
.sticky-header .lower-topbar .site-logo img {
    max-height: 32px !important;
}
.sticky-header .navigation {
    min-height: 50px !important;
}

/* Quando sticky ativo, compensar o espaco do header original */
body.sticky-active .hero {
    margin-top: 0 !important;
}
body.sticky-active #header {
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
body.sticky-active .sticky-header {
    visibility: visible !important;
}