/* WHMCS client-area — global underline removal */
body.whmcsbody a {
    text-decoration: none;
}

body.whmcsbody a:hover {
    text-decoration: none;
}

body.whmcsbody .navmain a,
body.whmcsbody .navbar a,
body.whmcsbody .nav-tabs a,
body.whmcsbody .list-group-item,
body.whmcsbody .colortoggle a {
    text-decoration: none !important;
}

/* Product icon — reduce excessive height */
body.whmcsbody div.product-details .product-icon {
    padding: 16px 16px 12px !important;
    font-size: 52px !important;
    line-height: 1 !important;
}
body.whmcsbody div.product-details .product-icon.text-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.whmcsbody div.product-details .product-icon img {
    max-height: 52px;
    width: auto;
}

body.whmcsbody div.product-details .product-icon .fa-stack {
    font-size: 1em !important;
    line-height: 1 !important;
}

body.whmcsbody div.product-details .product-icon .fa-circle {
    color: #6b7280 !important;
}

body.whmcsbody div.product-details div.product-icon h3 {
    margin: 12px 0 6px !important;
    font-size: 25px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.01em;
}

body.whmcsbody div.product-details div.product-icon h4 {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.01em;
}

body.whmcsbody div.product-details .product-status {
    margin-bottom: 10px !important;
}

body.whmcsbody div.product-details .product-icon.text-center {
    gap: 8px !important;
}

html.colortoggle-dark body.whmcsbody .product-details .product-icon,
body.colortoggle-dark.whmcsbody .product-details .product-icon {
    background-color: #161a21 !important;
    border-color: #2f3540 !important;
}

html.colortoggle-dark body.whmcsbody .product-details .product-icon .fa-circle,
body.colortoggle-dark.whmcsbody .product-details .product-icon .fa-circle {
    color: #4b5563 !important;
}

html.colortoggle-dark body.whmcsbody div.product-details-tab-container,
body.colortoggle-dark.whmcsbody div.product-details-tab-container {
    background: #161a21 !important;
    border-color: #2f3540 !important;
    color: #e7eaee !important;
}

html.colortoggle-dark body.whmcsbody div.product-details-tab-container .nav-tabs-overflow,
body.colortoggle-dark.whmcsbody div.product-details-tab-container .nav-tabs-overflow {
    border-bottom-color: #2f3540 !important;
}

html.colortoggle-dark body.whmcsbody div.product-details-tab-container .nav-tabs-overflow > li > a,
body.colortoggle-dark.whmcsbody div.product-details-tab-container .nav-tabs-overflow > li > a {
    background: #12161c !important;
    border-color: #2f3540 !important;
    color: #e7eaee !important;
    text-decoration: none !important;
}

html.colortoggle-dark body.whmcsbody div.product-details-tab-container .nav-tabs-overflow > li.active > a,
html.colortoggle-dark body.whmcsbody div.product-details-tab-container .nav-tabs-overflow > li.active > a:hover,
html.colortoggle-dark body.whmcsbody div.product-details-tab-container .nav-tabs-overflow > li.active > a:focus,
body.colortoggle-dark.whmcsbody div.product-details-tab-container .nav-tabs-overflow > li.active > a,
body.colortoggle-dark.whmcsbody div.product-details-tab-container .nav-tabs-overflow > li.active > a:hover,
body.colortoggle-dark.whmcsbody div.product-details-tab-container .nav-tabs-overflow > li.active > a:focus {
    background: #161a21 !important;
    border-color: #2f3540 #2f3540 #161a21 !important;
    color: #fff !important;
}

/* Dark list groups and panel content */
html.colortoggle-dark body.whmcsbody .list-group-item,
body.colortoggle-dark.whmcsbody .list-group-item {
    background-color: #161a21 !important;
    color: #e7eaee !important;
    border-color: #2f3540 !important;
    text-decoration: none !important;
}

html.colortoggle-dark body.whmcsbody .list-group-item a,
body.colortoggle-dark.whmcsbody .list-group-item a {
    color: inherit !important;
    text-decoration: none !important;
}

html.colortoggle-dark body.whmcsbody .list-group-item:hover,
html.colortoggle-dark body.whmcsbody .list-group-item:focus,
body.colortoggle-dark.whmcsbody .list-group-item:hover,
body.colortoggle-dark.whmcsbody .list-group-item:focus {
    background-color: #1f2633 !important;
    color: #fff !important;
}

html.colortoggle-dark body.whmcsbody .panel .panel-body,
html.colortoggle-dark body.whmcsbody .panel .panel-footer,
html.colortoggle-dark body.whmcsbody .panel .table,
html.colortoggle-dark body.whmcsbody .panel .table > tbody > tr,
html.colortoggle-dark body.whmcsbody .panel .table > tbody > tr > td,
html.colortoggle-dark body.whmcsbody .panel .table > tbody > tr > th,
body.colortoggle-dark.whmcsbody .panel .panel-body,
body.colortoggle-dark.whmcsbody .panel .panel-footer,
body.colortoggle-dark.whmcsbody .panel .table,
body.colortoggle-dark.whmcsbody .panel .table > tbody > tr,
body.colortoggle-dark.whmcsbody .panel .table > tbody > tr > td,
body.colortoggle-dark.whmcsbody .panel .table > tbody > tr > th {
    background: #161a21 !important;
    color: #e7eaee !important;
    border-color: #2f3540 !important;
}

html.colortoggle-dark body.whmcsbody .panel .table > thead > tr > th,
body.colortoggle-dark.whmcsbody .panel .table > thead > tr > th {
    background: #12161c !important;
    color: #f5f7fa !important;
    border-color: #2f3540 !important;
}

/* Active list-group items */
html.colortoggle-dark body.whmcsbody .list-group-item.active,
body.colortoggle-dark.whmcsbody .list-group-item.active {
    background-color: #d62724 !important;
    border-color: #d62724 !important;
    color: #fff !important;
}

/* Primary buttons */
html.colortoggle-dark body.whmcsbody .btn-primary,
body.colortoggle-dark.whmcsbody .btn-primary {
    background-color: #d62724 !important;
    border-color: #d62724 !important;
    color: #fff !important;
}
html.colortoggle-dark body.whmcsbody .btn-primary:hover,
body.colortoggle-dark.whmcsbody .btn-primary:hover {
    background-color: #ad1b18 !important;
    border-color: #ad1b18 !important;
}

/* Return-to-admin button */
html.colortoggle-dark body.whmcsbody .btn-return-to-admin,
body.colortoggle-dark.whmcsbody .btn-return-to-admin {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

/* Alerts */
html.colortoggle-dark body.whmcsbody .alert-info,
body.colortoggle-dark.whmcsbody .alert-info    { background: #12263a !important; border-color: #1d4ed8 !important; color: #dbeafe !important; }
html.colortoggle-dark body.whmcsbody .alert-success,
body.colortoggle-dark.whmcsbody .alert-success { background: #102e22 !important; border-color: #166534 !important; color: #dcfce7 !important; }
html.colortoggle-dark body.whmcsbody .alert-warning,
body.colortoggle-dark.whmcsbody .alert-warning { background: #39270b !important; border-color: #d97706 !important; color: #fef3c7 !important; }
html.colortoggle-dark body.whmcsbody .alert-danger,
body.colortoggle-dark.whmcsbody .alert-danger  { background: #371315 !important; border-color: #dc2626 !important; color: #fee2e2 !important; }

/* Labels */
html.colortoggle-dark body.whmcsbody .label-success,
body.colortoggle-dark.whmcsbody .label-success { background: #14532d !important; color: #dcfce7 !important; }
html.colortoggle-dark body.whmcsbody .label-info,
body.colortoggle-dark.whmcsbody .label-info    { background: #1d4ed8 !important; color: #dbeafe !important; }
html.colortoggle-dark body.whmcsbody .label-warning,
body.colortoggle-dark.whmcsbody .label-warning { background: #92400e !important; color: #ffedd5 !important; }
html.colortoggle-dark body.whmcsbody .label-danger,
body.colortoggle-dark.whmcsbody .label-danger  { background: #991b1b !important; color: #fee2e2 !important; }

/* Pagination */
html.colortoggle-dark body.whmcsbody .pagination > li > a,
html.colortoggle-dark body.whmcsbody .pagination > li > span,
body.colortoggle-dark.whmcsbody .pagination > li > a,
body.colortoggle-dark.whmcsbody .pagination > li > span {
    background: #161a21 !important;
    border-color: #2f3540 !important;
    color: #a9aaac !important;
}
html.colortoggle-dark body.whmcsbody .pagination > .active > a,
html.colortoggle-dark body.whmcsbody .pagination > .active > span,
body.colortoggle-dark.whmcsbody .pagination > .active > a,
body.colortoggle-dark.whmcsbody .pagination > .active > span {
    background: #d62724 !important;
    border-color: #d62724 !important;
    color: #fff !important;
}

/* Dropdown hover */
html.colortoggle-dark body.whmcsbody .dropdown-menu > li > a:hover,
body.colortoggle-dark.whmcsbody .dropdown-menu > li > a:hover {
    background-color: #d62724 !important;
}

/* Cart page — dark panels */
html.colortoggle-dark body.whmcsbody .panel,
body.colortoggle-dark.whmcsbody .panel { background: #1e1e2d !important; border-color: #2a2a3d !important; }
html.colortoggle-dark body.whmcsbody .panel-default .panel-heading,
body.colortoggle-dark.whmcsbody .panel-default .panel-heading { background: #252538 !important; border-color: #2a2a3d !important; color: #e0e0e0 !important; }
html.colortoggle-dark body.whmcsbody .panel-body,
body.colortoggle-dark.whmcsbody .panel-body { background: #1e1e2d !important; color: #ccc !important; }
html.colortoggle-dark body.whmcsbody .list-group-item,
body.colortoggle-dark.whmcsbody .list-group-item { background: #1e1e2d !important; border-color: #2a2a3d !important; color: #ccc !important; }
html.colortoggle-dark body.whmcsbody .well,
body.colortoggle-dark.whmcsbody .well { background: #1e1e2d !important; border-color: #2a2a3d !important; }
html.colortoggle-dark body.whmcsbody table.table,
body.colortoggle-dark.whmcsbody table.table { background: #1e1e2d !important; color: #ccc !important; }
html.colortoggle-dark body.whmcsbody .table-striped tbody tr:nth-of-type(odd),
body.colortoggle-dark.whmcsbody .table-striped tbody tr:nth-of-type(odd) { background: #252538 !important; }
