/* Clean BDHosting custom CSS - duplicate/conflict-free version */
/* Visual customizations only — header uses original WHMCS structure. */

/* ===== BDHOSTING BRAND COLORS - START ===== */
:root{--bd-purple:#6c4ce6;--bd-purple-dark:#5638c9;--bd-navy:#080914;--bd-lavender:#f3f2ff}
.btn-primary,.btn-success{background:var(--bd-purple)!important;border-color:var(--bd-purple)!important}.btn-primary:hover,.btn-success:hover{background:var(--bd-purple-dark)!important;border-color:var(--bd-purple-dark)!important}a.text-success,.text-success{color:var(--bd-purple)!important}
/* ===== BDHOSTING BRAND COLORS - END ===== */

/* ===== BDHOSTING DOMAIN SEARCH SPACING - START ===== */
.domain__search-wrap-two{margin:0!important;padding:0 0 20px!important}.domain__search-wrap-two .home-domain-search{padding:0!important}.domain__search-wrap-two .domain__inner-wrap{min-height:0!important;border-radius:14px!important}.domain__search-wrap-two .domain__inner-wrap .p-5{padding:22px 28px!important}.domain__search-wrap-two .section__title{margin-bottom:20px!important}.domain__search-wrap-two .container{padding:0 10px!important}.domain__search-wrap-two+#main-body{padding-top:20px!important}
/* ===== BDHOSTING DOMAIN SEARCH SPACING - END ===== */

/* ===== BDHOSTING HERO CARD STYLE - START ===== */
.banner__area-two{margin:20px 90px!important;padding:70px 28px 25px!important;border:1px solid rgba(139,92,246,.35)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 12px 35px rgba(0,0,0,.2)!important;background:linear-gradient(135deg,#25283d,#30264a 55%,#3b2d59)!important;color:#fff!important}.banner__area-two .container{background:transparent!important}.banner__area-two .banner__content-two,.banner__area-two .banner__content-two p,.banner__area-two .banner__content-two li,.banner__area-two .banner__content-two .price,.banner__area-two .banner__content-two .title{color:#fff!important}.banner__area-two .banner__content-two .title span{color:#8b6cff!important}@media(max-width:1200px){.banner__area-two{margin:20px 35px!important}}@media(max-width:767px){.banner__area-two{margin:12px!important;padding:45px 18px!important;border-radius:18px!important}}
/* ===== BDHOSTING HERO CARD STYLE - END ===== */

/* ===== BDHOSTING HERO DOMAIN CARD - START ===== */
.bd-domain-card{background:#fff;border:1px solid rgba(139,92,246,.35);border-radius:22px;padding:38px 32px;max-width:520px;margin:0 auto;box-shadow:0 15px 35px rgba(0,0,0,.22)}.bd-domain-card h3{color:#17182b!important;font-size:30px;text-align:center;margin:0 0 25px}.bd-domain-card input{width:100%;height:58px;border:1px solid #b8a7ff;border-radius:14px;padding:0 18px;font-size:16px;margin-bottom:16px}.bd-domain-actions{display:flex;gap:12px}.bd-domain-actions button{flex:1;height:52px;border:0;border-radius:12px;color:#fff;font-size:17px;cursor:pointer}#btnDomainHeroSearch{background:var(--bd-purple)}#btnDomainHeroTransfer{background:#18b957}.bd-domain-card form>a{display:block;text-align:center;margin-top:22px;color:var(--bd-purple);font-weight:600}@media(max-width:767px){.bd-domain-card{padding:28px 20px;margin-top:30px}.bd-domain-card h3{font-size:24px}.bd-domain-actions{flex-direction:column}}
/* ===== BDHOSTING HERO DOMAIN CARD - END ===== */

/* ===== BDHOSTING HOSTING PLAN CARDS - START ===== */
.bd-plans-section{padding:55px 20px 70px}.bd-plans-section h2{color:#17182b!important;font-size:38px;margin-bottom:10px}.bd-section-subtitle{color:#6d7185;margin-bottom:35px}.bd-plans-row{max-width:1180px;margin:0 auto}.bd-plan-card{position:relative;height:100%;background:#fff;border:1px solid #e4e1ff;border-radius:18px;padding:32px 28px;box-shadow:0 10px 25px rgba(43,35,100,.08);transition:all .25s ease}.bd-plan-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(108,76,230,.18);border-color:#8b6cff}.bd-plan-card h3{color:#292044!important;font-size:27px;margin-bottom:8px}.bd-plan-card>p{color:#73758a;min-height:25px}.bd-plan-price{color:var(--bd-purple);font-size:34px;font-weight:700;margin:22px 0}.bd-plan-price span{color:#77798c;font-size:16px;font-weight:400}.bd-plan-card ul{list-style:none;padding:0;margin:0 0 25px}.bd-plan-card li{color:#4f5265;padding:9px 0;border-bottom:1px solid #f0eff8}.bd-plan-card li:before{content:"✓";color:var(--bd-purple);font-weight:700;margin-right:9px}.bd-plan-btn{display:block;text-align:center;background:var(--bd-purple);color:#fff!important;border-radius:10px;padding:13px 18px;font-weight:600}.bd-plan-btn:hover{background:var(--bd-purple-dark);color:#fff!important}.bd-plan-featured{border:2px solid var(--bd-purple);transform:translateY(-8px)}.bd-plan-badge{position:absolute;top:-14px;right:22px;background:var(--bd-purple);color:#fff;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600}@media(max-width:767px){.bd-plans-section{padding:35px 12px 45px}.bd-plans-section h2{font-size:30px}.bd-plan-card,.bd-plan-featured{transform:none;margin-bottom:22px}}
/* ===== BDHOSTING HOSTING PLAN CARDS - END ===== */

/* ===== BDHOSTING QUICK ACTION CARDS - START ===== */
.action-icon-btns{max-width:1180px;margin:0 auto!important;gap:18px 0}.action-icon-btns>div{padding:0 9px}.action-icon-btns a{display:flex!important;min-height:155px;flex-direction:column;align-items:center;justify-content:center;background:#fff!important;border:1px solid #e4e1ff!important;border-radius:16px;color:#292044!important;box-shadow:0 8px 20px rgba(43,35,100,.07);transition:all .25s ease}.action-icon-btns a:hover{transform:translateY(-5px);border-color:#8b6cff!important;box-shadow:0 15px 28px rgba(108,76,230,.16)}.action-icon-btns .ico-container{margin-bottom:16px}.action-icon-btns .ico-container i{color:var(--bd-purple)!important;font-size:38px}@media(max-width:767px){.action-icon-btns a{min-height:135px;font-size:14px}.action-icon-btns .ico-container i{font-size:30px}}
/* ===== BDHOSTING QUICK ACTION CARDS - END ===== */

@media (min-width: 1200px) {
    #header #nav {
        position: relative !important;
        left: 260px !important;
    }

    #header .accout-menu {
        position: relative !important;
        left: 260px !important;
    }
}

/* ===== BDHOSTING HEADER MENU BUTTONS - START ===== */

#header #nav > li > a,
#header .accout-menu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 18px !important;
    margin-left: 5px !important;
    border: 1px solid #e4defd !important;
    border-radius: 10px !important;
    background: #f8f6ff !important;
    color: #292044 !important;
    transition: all .2s ease !important;
}

#header #nav > li > a:hover,
#header .accout-menu > li > a:hover,
#header #nav > li.active > a {
    background: #6c4ce6 !important;
    border-color: #6c4ce6 !important;
    color: #fff !important;
}

/* ===== BDHOSTING HEADER MENU BUTTONS - END ===== */

/* ===== BDHOSTING SUBMENU STYLE - START ===== */

#header #nav .dropdown-menu,
#header .accout-menu .dropdown-menu {
    min-width: 190px !important;
    padding: 8px !important;
    margin-top: 8px !important;
    background: #fff !important;
    border: 1px solid #e4defd !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(43,35,100,.12) !important;
}

#header #nav .dropdown-menu li,
#header .accout-menu .dropdown-menu li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#header #nav .dropdown-menu li a,
#header .accout-menu .dropdown-menu li a {
    display: block !important;
    width: 100% !important;
    padding: 9px 13px !important;
    margin: 2px 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #292044 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

#header #nav .dropdown-menu li a:hover,
#header .accout-menu .dropdown-menu li a:hover {
    background: #f3f0ff !important;
    color: #6c4ce6 !important;
}

/* ===== BDHOSTING SUBMENU STYLE - END ===== */

/* ===== BDHOSTING FINAL MOBILE MENU STYLE - START ===== */

@media (max-width: 1199px) {

    /* Mobile opened menu */
    #bdMobileMenu {
        flex-basis: 100% !important;
        width: 100% !important;
        margin-top: 14px !important;
        padding: 16px !important;
        background: #ffffff !important;
        border: 1px solid #e4defd !important;
        border-radius: 16px !important;
        box-shadow: 0 12px 30px rgba(43,35,100,.10) !important;
    }

    /* Search box */
    #bdMobileMenu form {
        margin: 0 0 14px !important;
    }

    #bdMobileMenu .search {
        margin: 0 !important;
    }

    #bdMobileMenu .form-control,
    #bdMobileMenu .input-group-prepend .btn {
        height: 48px !important;
        background: #ffffff !important;
        border-color: #e4defd !important;
    }

    #bdMobileMenu .form-control {
        font-size: 15px !important;
    }

    /* Main mobile menu lists */
    #bdMobileMenu > ul.navbar-nav {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Individual menu items */
    #bdMobileMenu > ul.navbar-nav > li {
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
        padding: 0 !important;
    }

    /* Main menu buttons */
    #bdMobileMenu > ul.navbar-nav > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 11px 14px !important;
        background: #f8f6ff !important;
        border: 1px solid #e4defd !important;
        border-radius: 10px !important;
        color: #292044 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
    }

    #bdMobileMenu > ul.navbar-nav > li > a:hover,
    #bdMobileMenu > ul.navbar-nav > li.active > a {
        background: #6c4ce6 !important;
        border-color: #6c4ce6 !important;
        color: #ffffff !important;
    }

    /* Account menu separation */
    #bdMobileMenu .accout-menu {
        margin-top: 8px !important;
        padding-top: 8px !important;
        border-top: 1px solid #eeeafd !important;
    }

    /* Dropdown menu */
    #bdMobileMenu .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        min-width: 100% !important;
        margin: 5px 0 8px !important;
        padding: 6px !important;
        background: #ffffff !important;
        border: 1px solid #ece8ff !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    #bdMobileMenu .dropdown-menu li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #bdMobileMenu .dropdown-menu li a {
        display: block !important;
        width: 100% !important;
        margin: 2px 0 !important;
        padding: 9px 12px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 7px !important;
        color: #292044 !important;
        white-space: normal !important;
    }

    #bdMobileMenu .dropdown-menu li a:hover {
        background: #f3f0ff !important;
        color: #6c4ce6 !important;
    }

    /* Logo sizing */
    #header .navbar-brand {
        margin-right: 8px !important;
    }

    #header .navbar-brand img {
        max-width: 290px !important;
        height: auto !important;
    }

    /* Cart + hamburger stay together */
    #header .toolbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        margin-left: auto !important;
        padding-left: 0 !important;
    }

    #header .toolbar > li {
        margin-left: 8px !important;
    }

    #header .toolbar .btn {
        min-width: 48px !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #e4defd !important;
        border-radius: 9px !important;
    }
}

@media (max-width: 575px) {

    #header .navbar-brand img {
        max-width: 245px !important;
    }

    #bdMobileMenu {
        padding: 12px !important;
    }
}

@media (max-width: 420px) {

    #header .navbar-brand img {
        max-width: 205px !important;
    }

    #header .toolbar > li {
        margin-left: 5px !important;
    }

    #header .toolbar .btn {
        min-width: 43px !important;
        min-height: 43px !important;
    }
}

/* ===== BDHOSTING FINAL MOBILE MENU STYLE - END ===== */