/* NexoraHost logo theme.
   Loaded after Hostick. Recolors the storefront; it does not remove markup. */

:root {
    --nh-magenta: #C026D3;
    --nh-magenta-deep: #A21CAF;
    --nh-violet: #7C3AED;
    --nh-violet-deep: #6D28D9;
    --nh-pink: #E879F9;
    --nh-ink: #241432;
    --nh-muted: #62556F;
    --nh-line: #E4DCEC;
    --nh-canvas: #F6F3FB;
    --nh-nav: rgba(255, 255, 255, 0.94);
    --bs-primary: #C026D3;
    --bs-primary-rgb: 192, 38, 211;
    --bs-link-color: #9333EA;
    --bs-link-hover-color: #7C3AED;
}

body {
    background: var(--nh-canvas);
    color: var(--nh-ink);
}

.bg-primary,
.btn-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary:active,
.btn-soft-primary.active,
.btn-soft-primary.focus,
.badge-primary,
.pagination .page-item.active .page-link,
.custom-control-input:checked ~ .custom-control-label:before,
.social-icon li a:hover,
::selection,
#topnav .navbar-toggle.open span:hover,
.services:hover.serv-primary,
.watch-video a .play-icon-circle,
.pricing.hosting-rate:hover .plan-name,
.tns-nav button.tns-nav-active,
.sidebar .widget .tagcloud > a:hover,
.ribbon.ribbon-primary span,
.nav-pills .nav-link.active,
.text-bg-primary,
.progress-bar,
.hw-product-page-list a.active {
    background-color: var(--nh-magenta) !important;
    background-image: linear-gradient(135deg, var(--nh-magenta) 0%, var(--nh-violet) 100%);
}

.text-primary,
.btn-soft-primary,
.btn-outline-primary,
.alert-outline-primary,
.badge-outline-primary,
.accordion .accordion-item .accordion-button:not(.collapsed),
.accordion .accordion-item .accordion-button:before,
#topnav .has-submenu.active .submenu li.active > a,
#topnav .navigation-menu > li > a:hover,
#topnav .navigation-menu > li > a:active,
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a,
#topnav.scroll .navigation-menu > li:hover > a,
#topnav.scroll .navigation-menu > li.active > a,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a,
#topnav .navigation-menu > li .submenu li a:hover,
#topnav .navigation-menu > li.has-submenu.open > a,
#topnav .has-submenu.active a,
.services .content .title:hover,
.pricing.hosting-rate:hover.best-plan .lable .best,
.blog-post .content .title:hover,
.blog-post .content .post-meta .like:hover,
.blog-post .content .post-meta .comment:hover,
.blog-post .content .post-meta .read-more:hover,
.sidebar .widget .catagory li a:hover,
.sidebar .widget .post-recent .post-recent-content a:hover,
.media-list .comment-desk a:hover,
.breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-item a:hover,
a {
    color: var(--nh-violet);
}

a:hover {
    color: var(--nh-magenta-deep);
}

.btn-primary,
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary:active,
.btn-soft-primary.active,
.btn-soft-primary.focus,
.alert-primary,
.alert-outline-primary,
.badge-outline-primary,
.pagination .page-item.active .page-link,
.form-group .form-control:focus,
.form-group .form-control.active,
.custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:focus ~ .custom-control-label::before,
.form-control:focus,
.social-icon li a:hover,
#topnav .has-submenu.active .menu-arrow,
#topnav.scroll .navigation-menu > li:hover > .menu-arrow,
#topnav.scroll .navigation-menu > li.active > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow,
#topnav .navigation-menu > li:hover > .menu-arrow {
    border-color: var(--nh-magenta) !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus {
    background-color: var(--nh-violet-deep) !important;
    background-image: linear-gradient(135deg, var(--nh-magenta-deep) 0%, var(--nh-violet-deep) 100%);
    border-color: var(--nh-violet-deep) !important;
}

.btn-primary,
.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    box-shadow: 0 8px 20px rgba(192, 38, 211, 0.28) !important;
}

.btn {
    border-radius: 10px;
    font-weight: 700;
}

.btn-soft-primary {
    background-color: rgba(192, 38, 211, 0.12) !important;
    border-color: rgba(192, 38, 211, 0.18) !important;
    color: var(--nh-magenta-deep) !important;
    box-shadow: none;
}

.card {
    background: #ffffff;
    border: 1px solid var(--nh-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(36, 20, 50, 0.06) !important;
}

.card-header,
.card.card-table table thead tr {
    background: #FBFAFD;
    border-bottom: 1px solid var(--nh-line);
}

#topnav {
    background: var(--nh-nav);
    border-bottom: 0;
    box-shadow: 0 1px 0 rgba(228, 220, 236, 0.9);
    backdrop-filter: blur(16px);
}

#topnav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--nh-magenta) 28%, var(--nh-violet) 72%, transparent);
    pointer-events: none;
}

#topnav.nav-sticky {
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(36, 20, 50, 0.06);
}

#topnav .navigation-menu.nav-light > li > a,
#topnav.nav-sticky .navigation-menu.nav-light > li > a {
    color: var(--nh-ink) !important;
    font-weight: 700;
}

#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li:hover > a,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a {
    color: var(--nh-magenta) !important;
}

#topnav .navigation-menu > li .submenu,
.dropdown-menu {
    border: 1px solid var(--nh-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 40px rgba(36, 20, 50, 0.1) !important;
}

.hw-product-page-list {
    background: #FBFAFD;
    border: 1px solid var(--nh-line);
    border-radius: 14px;
}

.hw-product-page-list a {
    color: var(--nh-ink);
    font-weight: 650;
}

.hw-product-page-list a.active {
    color: #ffffff !important;
}

.bg-footer {
    background-color: #160E24 !important;
}

footer.footer a,
footer.footer .text-foot {
    color: #E8DFF5;
}

footer.footer a:hover {
    color: var(--nh-pink);
}

footer.footer.footer-line {
    border-top-color: rgba(232, 121, 249, 0.28);
}

.form-control,
.form-select,
.custom-select {
    border-color: var(--nh-line);
    border-radius: 10px;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--nh-magenta) !important;
    box-shadow: 0 0 0 3px rgba(192, 38, 211, 0.16) !important;
}

.badge.text-bg-success,
.text-bg-success {
    background-color: #198754 !important;
    background-image: none;
}

.badge.text-bg-warning,
.text-bg-warning {
    background-color: #FFC107 !important;
    background-image: none;
    color: #241432 !important;
}

.badge.text-bg-danger,
.text-bg-danger {
    background-color: #DC3545 !important;
    background-image: none;
}

.alert-success,
.alert-warning,
.alert-danger {
    background-image: none;
}