/* ================= NAVBAR STYLE ================= */
.mega-navbar{background:#c40000;padding:12px 0;}
.navbar{position:relative;}

.logo-img{
    height:56px;
    width:auto;
    display:block;
}

.search-box{
    width:100%;
    max-width:700px;
    margin:0 auto;
}

.desktop-nav-center{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.navbar-brand{position:relative;z-index:2;}

/* ================= NAV LINKS ================= */
.navbar-nav .nav-link{
    color:#fff!important;
    font-weight:500;
    margin:0 12px;
    position:relative;
    transition:.3s;
}
.navbar-nav .nav-link:hover{opacity:.7;}
.navbar-nav .nav-link.active-link{
    position:relative;
    font-weight:600;
}

.navbar-nav .nav-link.active-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:100%;
    height:3px;
    background:#ffd700;
    border-radius:2px;
}
/* ================= SEARCH STYLE ================= */
.mega-search{
    display:flex;
    justify-content:center;
    margin-top:20px;
    position:relative;
}



.search-box input{
    border:none;
    outline:none;
    width:100%;
    padding:8px 10px;
    border-radius:50px;
}

.search-box button{
    background:none;
    border:none;
    color:#c40000;
    font-size:18px;
}

/* ================= LIVE SEARCH DROPDOWN ================= */
.search-dropdown{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    z-index:9999;
    display:none;
    max-height:300px;
    overflow-y:auto;
    margin-top:5px;
}

.search-item{
    padding:10px 15px;
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    transition:.2s;
}

.search-item:hover{
    background:#f8f8f8;
}

.search-item img{
    width:40px;
    height:40px;
    object-fit:cover;
    border-radius:6px;
}

/* ================= CONTACT SECTION ================= */
.contact-section{
    display:flex;
    align-items:center;
}

.whatsapp-btn{
    background:#25D366;
    color:#fff;
    padding:8px 16px;
    border-radius:50px;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
}

.whatsapp-btn:hover{
    background:#1ebe5d;
    color:#fff;
}



/* ================= MOBILE NAVBAR REDESIGN ================= */
.logo-img-mobile{height:70px;width:auto;}

@media(max-width:991px){

    .logo-img{display:none;}

    .mega-navbar{padding:15px 10px;}

    /* .contact-section{display:none;} */

    .navbar-nav .nav-link{
        color:#000!important;
        padding:10px 0;
    }

    .mega-navbar .container{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    .logo-img-mobile{height:60px;}

    .mobile-inline-search{
        flex:1;
        position:relative;
    }

    .mobile-inline-search .search-box{
        width:100%;
        padding:3px 10px;
    }

    .mobile-inline-search input{
        padding:6px 8px;
        font-size:14px;
    }
}

/* ================= DRAWER RED THEME ================= */
.offcanvas-start{
    width:250px !important;
    background:#c40000;
    color:#fff;
}

.offcanvas-header{
    border-bottom:1px solid rgba(255,255,255,.2);
}

.offcanvas-title{
    color:#fff;
    font-weight:600;
}

.offcanvas .btn-close{
    filter:invert(1);
}

.offcanvas .navbar-nav .nav-link{
    color:#fff !important;
    font-weight:500;
    padding:12px 0;
}

.offcanvas .navbar-nav .nav-link:hover{
    opacity:.8;
}




/* ================= FOOTER ================= */


.mega-footer{
    background:#fa020f;
    padding:60px 0 0;
}

/* CARD */
.footer-card{
    background:#ffffff;
    padding:50px;
    border-radius:18px;
    box-shadow:0 15px 50px rgba(0,0,0,0.12);
    transition:all .4s ease;
}

/* HOVER EFFECT */
.footer-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 70px rgba(0,0,0,0.18);
}

/* TITLES */
.footer-title{
    font-weight:700;
    font-size:18px;
    margin-bottom:20px;
    color:#111;
    position:relative;
}

.footer-title::after{
    content:"";
    width:50px;
    height:3px;
    background:#fa020f;
    display:block;
    margin-top:8px;
}

/* TEXT BIGGER */
.footer-text{
    font-size:16px;
    line-height:1.8;
    color:#444;
}

/* LINKS */
.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    text-decoration:none;
    font-size:16px;
    color:#333;
    transition:.3s;
}

.footer-links a:hover{
    color:#fa020f;
    padding-left:6px;
}

/* SOCIAL */
.footer-social a{
    display:inline-block;
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center;
    border-radius:50%;
    background:#fa020f;
    color:#fff;
    margin-right:10px;
    transition:.3s;
}

.footer-social a:hover{
    background:#c40000;
    transform:translateY(-4px);
}

/* BOTTOM */
.footer-bottom{
    background:#a30303;
    color:#fff;
    font-size:15px;
}