/* =============================================================
   avon.css — Avon Alloys shared global overrides
   Load order: bootstrap → all.min → animate → main.css → dark.css → avon.css
   Applies to ALL pages via inc/header.php
   ============================================================= */

/* ── Hide meanmenu wrapper until JS reveals it ── */
.mean__menu-wrapper { opacity: 0; }

/* ── CENTER LOGO IN HEADER (desktop) ── */
.header-main .logo.d-none.d-xl-block {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* ── MOBILE: force-show all GSAP-animated text (title-anim / gt_fade_anim) ──
   GSAP SplitText sets lines to opacity:0 rotationX:-80 and only reveals them
   via ScrollTrigger. On iOS / mobile the smooth scroller often skips the trigger,
   leaving text permanently invisible. This resets every animated element.       */
@media (max-width: 991px) {
    .title-anim,
    .title-anim div,
    .title-anim span,
    .gt_fade_anim {
        opacity: 1 !important;
        transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
    }
}

/* ── HAMBURGER — desktop left + mobile right: 3 white lines ── */
.header-1 .header-left .sidebar__toggle .header-bar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 28px;
    height: 18px;
    cursor: pointer;
}
.header-1 .header-left .sidebar__toggle .header-bar span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
}
/* Mobile hamburger — match desktop style */
.header-1 .header-right .sidebar__toggle .header-bar {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 28px !important;
    height: 18px !important;
}
.header-1 .header-right .sidebar__toggle .header-bar span {
    position: static !important;
    width: 100% !important;
    height: 2px !important;
    background: #fff !important;
    border-radius: 2px;
}

/* ── OFFCANVAS NAV — show items, hide meanmenu toggle button ──
   NOTE: NO text-transform / font-size here — main.css handles uppercase + 30px */
.offcanvas__info a.meanmenu-reveal { display: none !important; }
.offcanvas__info .mean-container .mean-bar {
    background: transparent !important;
    min-height: 0 !important;
    padding: 0 !important;
}
.offcanvas__info .mean-nav,
.offcanvas__info .mean-nav > ul,
.offcanvas__info .mean-nav ul { display: block !important; }
.offcanvas__info .mean-nav { background: transparent !important; margin-top: 8px !important; }
.offcanvas__info .mean-nav ul li a { color: #111 !important; border-top-color: #e5e5e5 !important; }