/*===================================================
    iIcon Shipping - Custom Color Overrides
    Primary: #7B1F3A (Maroon/Burgundy)
    Secondary/Accent: #C5A044 (Gold)
====================================================*/

/* Gold accent for highlighted heading words */
.section-heading h2 span.hl {
    color: #C5A044;
}

.section-heading h2 span.hl:before {
    background-color: #C5A044;
    opacity: 0.2;
}

/* Gold accent for sub-headings */
.section-heading .sub-heading {
    color: #C5A044;
}

/* Service icons - gold */
.service-icon i,
.process-icon i,
.promo-item i,
.promo-list i {
    color: #C5A044;
}

/* Counter icons - gold */
.counter-icon i {
    color: #C5A044;
}

/* Gold star ratings */
.rattings li i {
    color: #C5A044;
}

/* Slider badge border & accent */
.slider-badge {
    border-color: #C5A044;
}

/* Feature tab active */
.feature-tab-nav .nav-link.active {
    background-color: #7B1F3A;
    border-color: #7B1F3A;
}

/* Process step numbers - gold bg */
.process-icon span {
    background-color: #C5A044;
    color: #fff;
}

/* Quote icon in testimonials */
.quote-icon i {
    color: #C5A044;
}

/* CTA buttons hover - gold accent */
.default-btn:hover {
    background-color: #C5A044;
    border-color: #C5A044;
}

/* Footer social hover - gold */
.footer-widget .social-share li a:hover,
.header-social-share li a:hover {
    background-color: #C5A044;
    border-color: #C5A044;
}

/* Links hover - gold accent */
.footer-links li a:hover,
.nav-menu li a:hover {
    color: #C5A044;
}

/* Carousel nav hover */
.swiper-nav:hover {
    background-color: #C5A044;
    border-color: #C5A044;
}

/* Read more links */
a.read-more:hover {
    color: #C5A044;
}

/* Team social hover */
.team-social li a:hover {
    background-color: #C5A044;
}

/* Check list icons */
.check-list li i {
    color: #C5A044;
}

/* White sections - sub-heading gold */
.section-heading.white .sub-heading {
    color: #C5A044;
}

/* Logo sizing - make sure the logo displays well */
.site-logo {
    background-color: var(--white-color);
}

.site-logo a {
    width: 100%;
    height: 100%;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-logo img {
    max-height: 64px;
    width: auto;
}

@media (min-width: 993px) {
    .main-header {
        background-color: var(--white-color);
    }

    .main-header-wapper {
        grid-template-columns: 220px 1fr;
    }

    .main-header-info {
        display: flex;
        justify-content: flex-end;
    }

    .main-header-info:before,
    .main-header-info:after {
        display: none;
    }

    .top-header:before {
        display: none;
    }

    .top-header,
    .header-menu-wrap {
        padding-left: 20px;
    }
}

@media (max-width: 992px) {
    .main-header {
        background-color: var(--white-color);
    }
    
    .top-header-wrapper {
        display: none;
    }

    .main-header-info:before,
    .main-header-info:after {
        display: none;
    }

    .site-logo a {
        padding: 10px 12px;
    }

    .site-logo img {
        max-height: 56px;
    }
}

.footer-logo img {
    max-height: 70px;
    width: auto;
}

/* Call info - gold phone icon */
.call-info i {
    color: #C5A044;
}

/* Promo list in white section */
.promo-list.white li i {
    color: #C5A044;
}

/* CTA men section background tweak */
.cta-section .cta-wrapper {
    background-color: #7B1F3A;
}

/* Top header nav active/hover */
.top-header-nav li a:hover {
    color: #C5A044;
}

/* Sponsor section subtle bg */
.sponsor-section {
    border-top: 3px solid #C5A044;
}

/* Scroll-up button */
.scroll-up {
    background-color: #7B1F3A;
}

.scroll-up:hover {
    background-color: #C5A044;
}

/* Page title/breadcrumb section */
.page-title-section {
    background-color: #7B1F3A;
}

/* Running text accent */
.scroller__inner li::after {
    color: #C5A044;
}

/* Admin & Customer panel sidebar adjustments */
.panel-sidebar {
    background: linear-gradient(180deg, #7B1F3A 0%, #1A0A12 100%);
}

/* Panel stat cards accent */
.stat-card .stat-icon {
    color: #C5A044;
}

/* Form focus state */
.form-control:focus {
    border-color: #7B1F3A;
    box-shadow: 0 0 0 0.2rem rgba(123, 31, 58, 0.15);
}

/* Nice select dropdown */
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: rgba(123, 31, 58, 0.08);
}

/* Selection color */
::selection {
    background-color: #7B1F3A;
    color: #ffffff;
}

/* ═══════════════════════════════════════════
   Mobile Auth Sticky Bar
   ═══════════════════════════════════════════ */
.mobile-auth-bar {
    display: none;
}

@media (max-width: 992px) {
    .mobile-auth-bar {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #1A0A12;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.25);
        padding: 0;
        gap: 0;
    }

    .mobile-auth-bar__btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 14px 10px;
        font-family: var(--primary-font);
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.3s ease;
        letter-spacing: 0.3px;
    }

    .mobile-auth-bar__btn i {
        font-size: 16px;
    }

    .mobile-auth-bar__signin {
        background: transparent;
        color: #ffffff;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .mobile-auth-bar__signin:hover {
        background: rgba(255, 255, 255, 0.05);
        color: #C5A044;
    }

    .mobile-auth-bar__register {
        background: #C5A044;
        color: #1A0A12;
    }

    .mobile-auth-bar__register:hover {
        background: #d4af5a;
        color: #1A0A12;
    }

    /* Add bottom padding to body so content isn't hidden behind the bar */
    body:has(.mobile-auth-bar) {
        padding-bottom: 56px;
    }

    /* Also add auth links inside the mobile slide-out menu */
    .mobile-menu-auth {
        padding: 20px 40px 10px;
        border-top: 1px solid #eee;
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mobile-menu-auth a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 20px;
        border-radius: 6px;
        font-family: var(--primary-font);
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .mobile-menu-auth .mobile-menu-signin {
        background: transparent;
        color: #7B1F3A;
        border: 2px solid #7B1F3A;
    }

    .mobile-menu-auth .mobile-menu-signin:hover {
        background: #7B1F3A;
        color: #fff;
    }

    .mobile-menu-auth .mobile-menu-register {
        background: #7B1F3A;
        color: #ffffff;
        border: 2px solid #7B1F3A;
    }

    .mobile-menu-auth .mobile-menu-register:hover {
        background: #5a1529;
        border-color: #5a1529;
    }
}