/* DROPDOWN COMMON STYLES */
.dropdown-menu.drop_1{
    border:1px solid #eee;
    border-radius:8px;
    padding:8px 0;
    min-width:240px;
    box-shadow:0 6px 20px rgba(0,0,0,0.1);
    margin-top:5px;
    animation:fadeIn 0.2s ease-in-out;

}
.dropdown-menu.show {
    display: block !important;
}
.dropdown-item{
    font-weight:500;
    padding:10px 20px !important;
    transition:all .2s;
}
.dropdown-item:hover{
    background:#f8f9fa;
    color:#63ab45;
    padding-left:25px !important;
}

/* SUBMENU STYLES */
.dropdown-submenu{
    position:relative;
}
.dropdown-submenu > .dropdown-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.submenu-arrow{
    font-size:18px;
    color:#999;
}
.dropdown-submenu .dropdown-menu{
    top:0;
    left:100%;
    margin-left:200px;
    border-radius:8px;
}

/* DESKTOP: Hover to open submenu */
@media (min-width: 992px) {
    
    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        top: 0;
        left: 100%;
    }
}

/* MOBILE: Click to open submenu */
@media (max-width: 991px) {
    .dropdown-submenu .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:#f8f9fa;
        border:0;
        box-shadow:none;
        border-left:3px solid #63ab45;
        margin-left:15px;
    }
    .dropdown-submenu > .dropdown-item:after{
        float:right;
    }
}

/* Animation */
@keyframes fadeIn{
    from{opacity:0;transform:translateY(-10px);}
    to{opacity:1;transform:translateY(0);}
}

/* WhatsApp Float Button */
.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 10px #999;
    z-index:100;
}
.my-float{margin-top:16px;}

/* Responsive fix */
@media (max-width: 991px) {
    .navbar-nav .dropdown-menu{
        border:none;
        box-shadow:none;
        background:transparent;
    }
}


/* =========================================
HEADING GRADIENT SECTION
========================================= */
#book-heading-section {
    background: linear-gradient(135deg, #0f5132, #198754);
    padding: 70px 20px;
    text-align: center;
    color: white;
    margin-top: 15px;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden;
}

#book-heading-section h1 {
    font-size: 50px;
    font-weight: 900;
    margin: 0;
    text-shadow: 4px 4px 15px rgba(0,0,0,0.6);
    position: relative;
    z-index: 2;
}

#book-heading-section p {
    font-size: 22px;
    font-weight: 500;
    margin: 15px 0 0;
    opacity: 0.95;
}

/* RESPONSIVE HEADING */
@media (max-width: 992px) {
    #book-heading-section { padding: 60px 15px; }
    #book-heading-section h1 { font-size: 48px; }
}
@media (max-width: 576px) {
    #book-heading-section h1 { font-size: 40px; }
    #book-heading-section p { font-size: 18px; }
}