/* *****************************************************
   ** RareSRV Custom Styling **
   Flattened Glassmorphic Mesh Look
***************************************************** */

/* ====================================
   GLOBAL BASE
==================================== */

/* fonts */


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body, html, p, span, h1, h2, h3, h4, h5, h6, div, a, button, input, textarea, select, label {
    font-family: "Montserrat", sans-serif !important;
}

html, body {
    background: #0A0E17 !important;
    color: #00A1FE;
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
    height: 100%;
}

body.wrapper,
.content-padded,
.main-content,
#main-body {
    background: #0A0E17 !important;
    box-shadow: none !important;
}

/* ====================================
   HEADER + NAVBAR
==================================== */

.home-banner {
    background-color: #00A1FE;
}

section#header,
.navbar-main,
#primary-nav {
    background: #0A0E17 !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    z-index: 1030;
}

.navbar-main .navbar-nav > li > a,
.navbar-main .navbar-nav > li.dropdown.open > a,
.navbar-main .navbar-nav > li.active > a {
    color: #e6f0ff !important;
    font-weight: 500;
    background: transparent !important;
    transition: all 0.2s ease-in-out;
}

.nav-link {
    border-radius: 12px !important;
}

.navbar-main .navbar-nav > li > a:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px;
    color: #ffffff !important;
}

.dropdown-toggle {
    border-radius: 12px !important;
}

.dropdown-menu {
    z-index: 1040 !important;
    position: absolute;
}

.dropdown-menu.glass-dropdown {
    background: rgba(25, 35, 55, 0.75) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 6px;
}

.dropdown-menu.glass-dropdown > li > a {
    background: transparent !important;
    color: #cce7ff !important;
    padding: 10px 16px;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
}

.dropdown-menu.glass-dropdown > li > a:hover,
.dropdown-menu.glass-dropdown > li.active > a {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(5px);
    color: #ffffff !important;
    border-radius: 4px;
}

.dropdown-menu > .divider {
    background-color: rgba(255, 255, 255, 0.08);
    margin: 4px 0;
}

/* ====================================
   GLOBAL FLATTENED GLASS BLOCK
==================================== */
.panel,
.card,
.tile,
.panel-default,
.alert,
.input-group,
.modal-content,
.panel-body,
.list-group-item,
.home-kb-search,
.panel-footer {
    background: rgba(25, 30, 45, 0.65) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #e6f0ff !important;
    border: none !important;
    border-radius: 12px;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    padding: 16px;
    box-sizing: border-box;
    margin: 10px 0;
}

.form-control {
    background-color: black;
    color: #82CFFF;
}

.panel-heading {
    background: transparent !important;
    border-bottom: none !important;
    font-weight: 600;
    color: #cce7ff !important;
}

.panel-body,
.panel-footer,
.list-group-item {
    color: #d6eaff !important;
    background: transparent !important;
}

.list-group-item.active {
    background: rgba(0, 123, 255, 0.25) !important;
    color: #fff !important;
}

.home-kb-search {
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 100% !important;
    flex: 1 1 100%;
    background: rgba(25, 30, 45, 0.65) !important;
}

.home-kb-search input {
    width: 100%;
    padding: 12px 16px;
    font-size: 1em;
    border-radius: 10px;
    background: rgba(30, 35, 50, 0.7);
    border: none;
    color: #fff;
    box-shadow: inset 0 0 4px rgba(255,255,255,0.1);
    flex: 1;
}

.home-shortcuts {
    background-color: #0B1A2A;
}

.home-kb-search i {
    color: #66bfff;
    font-size: 1.3em;
}

.main-content > section,
.content-padded > section,
.container > section {
    border-radius: 16px !important;
    overflow: hidden;
    background: rgba(25, 30, 45, 0.6) !important;
    backdrop-filter: blur(6px);
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
}

.card,
.panel,
.tile {
    flex: 1 1 22%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 100px;
    height: 100%;
    margin: 0;
}

.tile {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}

.tile .icon {
    font-size: 2.2em;
    color: #82cfff;
    margin-bottom: 8px;
}

.tile .stat {
    font-size: 1.8em;
    font-weight: 600;
    color: #ffffff;
}

.tile .title {
    color: #cce7ff;
    font-size: 1em;
}

.tile .highlight {
    display: none;
}

.tile:hover,
.panel:hover,
.card:hover {
    background: rgba(30, 45, 65, 0.85) !important;
    transform: none;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.card .btn-group {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 12px;
    background: none !important;
    padding: 12px;
    border-radius: 10px;
    box-shadow: none !important;
}

.card .btn-group .btn {
    flex: 1;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
}

.card, .panel, .tile {
    margin-bottom: 20px !important;
}

.card .form-control,
.card .input-group,
.card .btn-group,
.card .panel-footer {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ====================================
   BUTTONS: Flat Glass
==================================== */
.btn {
    background: rgba(0, 123, 255, 0.2);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #cce7ff !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    padding: 10px 18px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    box-shadow: none;
}

.btn:hover {
    background: rgba(0, 123, 255, 0.35);
    color: #ffffff !important;
    transform: none;
    box-shadow: none;
}

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(100, 175, 255, 0.2) !important;
}

.btn-xs, .btn-sm {
    padding: 6px 12px;
    font-size: 12px;
}

.btn-lg {
    padding: 12px 24px;
    font-size: 16px;
}

.btn-primary {
    background: rgba(0, 123, 255, 0.25);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08);
}

.btn-primary:hover {
    background: rgba(0, 123, 255, 0.4);
}

.btn-success {
    background: rgba(40, 180, 99, 0.25);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08);
}

.btn-success:hover {
    background: rgba(40, 180, 99, 0.35);
}

input#login {
    border-radius: 12px !important;
}

/* ====================================
   BADGES
==================================== */
.badge,
.glass-badge {
    background-color: rgba(0, 123, 255, 0.25);
    color: #d0eaff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 6px;
}

/* ====================================
   FOOTER
==================================== */
footer, .copyright {
    background: #0A0E17 !important;
    color: #fff !important;
    text-align: center;
    padding: 40px 0;
    border-top: #00A1FE 2px !important;
}

/* === Client Area Homepage Cleanup === */

/* Fix big blue background under domain checker */
.domainchecker-home {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
    box-shadow: none !important;
}

/* Fix domain checker spacing */
.domainchecker-home .input-group {
    margin-top: 12px !important;
    gap: 0 !important;
}

.domainchecker-home .form-control {
    margin-right: 0 !important;
}

.domainchecker-home .btn {
    margin: 0 !important;
    padding: 12px 20px !important;
}

/* Align quick action nav horizontally */
.domainchecker-home + .quick-nav {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 20px 0 !important;
}

.quick-nav a {
    flex: 0 1 180px;
    text-align: center;
    background: rgba(25, 30, 45, 0.65) !important;
    backdrop-filter: blur(6px);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease-in-out;
    color: #cce7ff !important;
}

.quick-nav a:hover {
    background: rgba(30, 45, 65, 0.85) !important;
}

/* News section compact styling */
.home .news .panel {
    padding: 16px !important;
    margin: 0 auto;
    max-width: 960px;
    background: rgba(25, 30, 45, 0.65) !important;
}

.news .date {
    font-size: 0.8rem;
    background: rgba(255,255,255,0.05);
    padding: 4px 8px;
    border-radius: 6px;
    margin-right: 10px;
}

.news .title {
    font-weight: 600;
    font-size: 1.1rem;
}

.news .content {
    font-size: 0.95rem;
    margin-top: 6px;
    line-height: 1.6;
}

.news .readmore {
    display: inline-block;
    margin-top: 10px;
    background: rgba(0, 123, 255, 0.25);
    padding: 6px 12px;
    border-radius: 6px;
    color: #cce7ff;
    text-decoration: none;
}

.news .readmore:hover {
    background: rgba(0, 123, 255, 0.4);
    color: #ffffff;
}

label {
    color: #82CFFF;
}

.panel-title {
    color: #82CFFF;
}

a {
    color: #82CFFF;
}

.dataTables_info {
    background-color: #00A1FE;
}

#tableServicesList_info {
    font-size: 2rem !important;
}

h1 {
    color: #00A1FE;
}

#header-lined {
    color: #00A1FE;
}

.header-lined {
    color: #00A1FE !important;
}

.form-control>.input-lg {
    background-color: black;
    color: #00A1FE !important;
}

tbody {
    color: #00A1FE;
}

footer>div.container {
    background-color: #131925;
}

.main-content h1,
h1.page-title {
    color: #00A1FE !important;
}

.main-body {
    border: none !important;
}

h1 {
    color: #00A1FE !important;
}

.panel .panel-info .panel-collapsable .panel-collapsed .hidden-print {
    background-color: black;
}

/* Ticket Reply Glassmorphic Panel */
.panel.panel-default.reply {
    background: rgba(0, 0, 0, 0.35) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: #fff !important;
}

/* Labels & Header Text */
.reply h2,
.reply label,
.reply .panel-title,
.reply strong {
    color: #00A1FE !important;
    font-weight: 600;
}

/* Input Fields */
.reply input[type="text"],
.reply input[type="email"],
.reply textarea,
.reply .form-control {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* TinyMCE Editor Background */
.mce-edit-area iframe {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
}

/* File Upload Area */
.reply input[type="file"] {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* File Upload Button */
.reply .input-group .btn {
    background: rgba(0, 161, 254, 0.1) !important;
    color: #00A1FE !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 161, 254, 0.3) !important;
}

/* Submit & Cancel Buttons */
.reply .btn-primary,
.reply .btn-default {
    background-color: rgba(0, 161, 254, 0.2) !important;
    border-color: rgba(0, 161, 254, 0.4) !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 10px 20px;
    transition: background 0.3s ease;
}

.reply .btn-primary:hover,
.reply .btn-default:hover {
    background-color: rgba(0, 161, 254, 0.4) !important;
}

.panel.product-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 2rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 2rem;
}

.panel.product-card .product-status {
    background: #28a745;
    color: white;
    font-weight: bold;
    border-radius: 0 0 12px 12px;
    padding: 8px 0;
    font-size: 0.95rem;
    text-align: center;
}

.panel.product-card .product-icon {
    background: rgba(255, 255, 255, 0.1);
    padding: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    width: 120px;
    height: 120px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.panel.product-card .product-name {
    font-size: 1.4rem;
    font-weight: 600;
    color: #cceeff;
    text-align: center;
    margin-bottom: 0.5rem;
}

.panel.product-card .product-desc {
    font-size: 1rem;
    color: #a0b8d0;
    text-align: center;
}

.product-details-side {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 2rem;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.product-details-side h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #00a1fe;
}

.product-details-side p {
    margin-bottom: 1rem;
    font-size: 0.95rem;
    color: #dcefff;
}

.domain-box {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 1.5rem;
    margin-top: 2rem;
    color: #d6f3ff;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.domain-box .title {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 1rem;
    color: #ffffff;
}

.domain-box p {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    color: #cceeff;
}

.domain-box .ssl-status {
    color: #ff6b6b;
    font-weight: bold;
}

.kb-rate-article {
    background-color: #131925;
    color: #00A1FE;
}

.button {
    background-color: #00A1FE !important;
}

.form-control .input-lg {
    background-color: #131925;
    color: #00A1FE;
}

.kb-search {
    background-color: #131925;
    color: #00A1FE;
}

/* WRAPPER / CONTAINER */
.table-container,
.dataTables_wrapper {
    background: rgba(18, 18, 24, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 1rem;
    margin-top: 1.5rem;
    overflow-x: auto;
}

/* TABLE BASE */
table.table,
table.table-list,
table.dataTable {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
    color: #d8e4ff;
    font-size: 0.9rem;
    table-layout: auto;
}

/* THEAD FIX */
table thead {
    background: rgba(10, 15, 30, 0.85) !important;
}

table thead th {
    padding: 12px 14px;
    color: #d0e7ff;
    font-weight: 500;
    text-transform: none;
    font-size: 0.85rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

/* BODY FIX */
table tbody td {
    padding: 12px 14px;
    color: #cbd5e1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    vertical-align: middle;
}

/* ROWS ALT COLORS */
table tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.015);
}
table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.03);
}
table tbody tr:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* STATUS BADGES */
.label.status,
.status,
.label.status-custom {
    padding: 4px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    background: rgba(0, 150, 255, 0.15);
    border: 1px solid rgba(0, 150, 255, 0.25);
    color: #58c8ff;
    display: inline-block;
    border-radius: 0;
}

/* DATATABLES SEARCH / PAGINATION BAR */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    background: rgba(20, 25, 40, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #e0f0ff;
    padding: 6px 10px;
    font-size: 0.85rem;
    border-radius: 0;
    box-shadow: none;
    outline: none;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_info {
    color: #a0aec0;
    font-size: 0.8rem;
}

/* PAGINATION */
.dataTables_wrapper .paginate_button {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #cceeff !important;
    border-radius: 0;
    padding: 4px 10px;
    margin: 0 3px;
}

.dataTables_wrapper .paginate_button.current {
    background: rgba(0, 114, 255, 0.3);
    font-weight: bold;
    color: #fff !important;
}

/* EMPTY STATE */
table.dataTable td.dataTables_empty {
    color: #888;
    background: transparent;
    text-align: center;
    padding: 2rem;
    font-style: italic;
}

/* TEXT ALIGN FIX */
.text-center {
    text-align: center;
}

/* REMOVE ROUNDED FROM BADGE/SEARCH IF OVERRIDDEN */
input,
select,
.status,
.label {
    border-radius: 0 !important;
}

/* Summernote container */
.note-editor.note-frame {
    background: rgba(12, 12, 20, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    color: #d8e4ff;
}

/* Toolbar strip */
.note-toolbar {
    background: rgba(18, 18, 28, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #d8e4ff;
}

/* Toolbar buttons (including icons) */
.note-toolbar .btn,
.note-toolbar .note-btn {
    background: transparent !important;
    border: none !important;
    color: #cceeff !important;
    padding: 6px 8px;
    font-size: 14px;
}

.note-toolbar .note-btn i,
.note-toolbar .note-btn svg {
    color: #cceeff !important;
    fill: #cceeff !important;
}

/* Editing area wrapper */
.note-editing-area {
    background: rgba(255, 255, 255, 0.03);
    color: #d8e4ff;
}

/* Editable content area */
.note-editable {
    background: transparent;
    color: #d8e4ff;
    min-height: 250px;
}

/* Fix icon font path (if icons are invisible) */
.note-editor .note-icon {
    color: #cceeff !important;
    font-family: "FontAwesome", "Arial", sans-serif !important;
}

/* Remove white glow on focus */
.note-editor .form-control:focus {
    background: rgba(255, 255, 255, 0.05);
    border-color: #3399ff;
    outline: none;
    box-shadow: none;
}

/* === GLOBAL FORM STYLING FIX === */
form, input, select, textarea, label, .note-editable, .note-toolbar {
    font-size: 1.2rem !important;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
    color: #d8e4ff;
}

/* === DARK INPUTS & SELECTS === */
.input-glass,
textarea.form-control,
select.form-control {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #e0f1ff;
    padding: 12px 14px;
    border-radius: 6px;
    width: 100%;
    box-shadow: none;
    transition: 0.3s ease all;
}

.input-glass::placeholder,
textarea.form-control::placeholder {
    color: #88aacc;
    opacity: 0.7;
}

.input-glass:focus,
textarea.form-control:focus,
select.form-control:focus {
    background: rgba(255, 255, 255, 0.06);
    border-color: #3399ff;
    outline: none;
}

/* === LABELS === */
label {
    color: #cbd5e1;
    font-weight: 500;
    font-size: 0.85rem;
}

/* === SUMMERNOTE (RICH TEXT EDITOR) FIX === */
.note-editor.note-frame {
    background: rgba(18, 18, 24, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    color: #d8e4ff;
}

.note-toolbar {
    background: rgba(20, 25, 35, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 6px 10px;
}

.note-toolbar .btn,
.note-toolbar .note-btn {
    background: transparent;
    border: none;
    color: #cceeff !important;
    font-size: 14px;
    padding: 4px 8px;
}

.note-toolbar .note-btn i,
.note-toolbar .note-btn svg,
.note-editor .note-icon {
    color: #cceeff !important;
    fill: #cceeff !important;
    font-family: "FontAwesome", "Arial", sans-serif !important;
}

/* EDITABLE AREA */
.note-editable {
    background: rgba(255, 255, 255, 0.03);
    color: #d8e4ff;
    min-height: 250px;
    font-size: 1rem;
    padding: 12px;
    border-radius: 0 0 6px 6px;
}

/* PLACEHOLDER COLOR */
.note-placeholder {
    color: #8899aa;
    opacity: 0.6;
}

/* === BUTTONS === */
.btn-glass {
    background: rgba(0, 114, 255, 0.15);
    border: 1px solid rgba(0, 114, 255, 0.3);
    color: #ccefff;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 8px 18px;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.btn-glass:hover {
    background: rgba(0, 114, 255, 0.25);
    color: #ffffff;
}

.btn-cancel {
    background: rgba(255, 255, 255, 0.05);
    color: #aaa;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.btn-cancel:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

tableInvoicesList_length {
    background-color: black;
}

.invoice-summary {
    background-color: #131925;
    color: #00A1FE;
    border: 2px solid;
}

#td.total-row {
    color: #00A1FE;
    background-color: #131925;
}

.table .table-condensed {
    background-color: #171D28;
    color: #00A1FE;
}

.payment-method.selected {
    background-color: #131925;
    color: #00A1FE;
}

.panel-heading {
    color: #00A1FE;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.panel-title {
    color: #00A1FE !important;
    font-weight: bold !important;
    font-size: 2rem !important;
}

.input-lg {
    background-color: black !important;
    color: #00A1FE !important;
    font-weight: bold !important;
}

input {
    background-color: black !important;
    color: #00A1FE !important;
    font-weight: bold !important;
}

.dataTables_info {
    background-color: #00A1FE !important;
    color: white !important;
    font-weight: bold !important;
    border-top-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
    font-size: 2rem !important;
}

.panel-title.mc-panel-promo {
    color: #00A1FE !important;
    font-weight: bold !important;
}

.odd .sorting_1 {
    color: #00A1FE !important;
    font-size: 14px !important;
}

.status-active {
    font-size: 14px !important;
}

.status-answered {
    font-size: 14px !important;
}

.text-center {
    color: #00A1FE !important;
    font-size: 14px !important;
}

#tableTicketsList_info {
    font-size:1.75rem;
}

.option {
    background-color: #131925 !important;
    color: #00a1fe !important;
}

.option label {
    color: #00a1fe !important;
}

#tableInvoicesList_length {
    background-color: #00A1FE !important;
    color: #fff !important;
    font-weight: bold !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

#tableServicesList_length {
    background-color: #00A1FE !important;
    color: #fff !important;
    font-weight: bold !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

#tableTicketsList_length {
    background-color: #00A1FE !important;
    color: #fff !important;
    font-weight: bold !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

label {
    color: #fff !important;
}

#Secondary_Navbar-Account {
    background-color: #0A0E17 !important;
    color: #fff !important;
    border-radius: 12px !important;
}

#tabAddons .panel,
#tabAddons .panel-body,
#tabAddons .well,
#tabAddons .list-group,
#tabAddons .list-group-item,
#tabAddons .addon, 
#tabAddons .addon .content,
#tabAddons .card,
#tabAddons .card-body {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

/* If your glass class sets overflow or a mask, neutralize it here */
#tabAddons .glass, 
#tabAddons .glass-card, 
#tabAddons .glass-panel {
  overflow: visible !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-clip: padding-box;
}

/* --- GLOBAL: let form controls breathe inside glass cards --- */
.panel,
.card,
.panel-body,
.card-body,
.mc-panel-promo,
.promo-banner {
  position: relative;
  overflow: visible !important;   /* stop cutting children */
  isolation: isolate;             /* create a clean stacking context */
}

/* If you use a sheen/gradient via ::before, keep it behind content */
.panel::before,
.card::before,
.promo-banner::before,
.mc-panel-promo::before,
.glass::before,
.glass-card::before {
  /* keep your existing background/blur here – just force it behind */
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Ensure real content sits above those decorative layers */
.panel > *,
.card > *,
.promo-banner > *,
.mc-panel-promo > * {
  position: relative;
  z-index: 1;
}

/* Native selects sometimes sit under overlays in WebKit if z-layer is wrong */
select.form-control,
select.form-control-sm,
.input-group select.form-control {
  position: relative !important;
  z-index: 2 !important;
  background: #131925 !important;
  color: #00A1FE !important;
  border: 2px solid #131925 !important;
  box-sizing: border-box !important;
  border-radius: 12px;
}

.form-control {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-image: none !important;   /* kill any gradient/overlay */
  background: #121a26 !important;      /* solid, not translucent */
  color: #00A1FE !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
}

/* 2) Make sure text isn't cropped by line-height/height combos */
select.form-control,
select.form-control-sm,
select.input-sm {
  height: 38px !important;             /* pick 34–40px; keep consistent */
  line-height: 1.4 !important;
  padding: 8px 2.25rem 8px 12px !important; /* room for arrow */
}

/* 3) Parents shouldn't clip children */
.form-group,
.input-group,
.panel-body,
.card-body {
  overflow: visible !important;
  position: relative;
  isolation: isolate;
}

/* 4) Keep dropdown menus above any decorative layers */
.dropdown-menu { z-index: 2000 !important; }

/* Bootstrap dropdowns (non-native) – keep menus above cards */
.dropdown-menu { z-index: 2000 !important; }

.addon-promo-container {
    border-radius: 12px;
    border: 2px #131925;
    background-color: #131925 !important;
}

/* ============================================================
   RareSRV Glassmorphic Theme — Combined CSS
   Pages: orderforms/standard_cart
          - configureproduct.tpl  (Configure)
          - viewcart.tpl          (Review & Checkout)
   Scope: visual styling only, no layout changes
   Notes: avoids backdrop-filter on native inputs to prevent text slicing
   ============================================================ */

/* -------- Theme Tokens -------- */
:root {
  --rsrv-bg: rgba(20,20,28,0.75);
  --rsrv-card: rgba(25,30,45,0.70);
  --rsrv-border: rgba(255,255,255,0.12);
  --rsrv-text: #d7e6ff;
  --rsrv-text-soft: #a9b8d0;
  --rsrv-blue: #0295E9;
  --rsrv-green: #30d158;
}

/* ============================================================
   GLOBAL (Orderform scope)
   ============================================================ */
#order-standard_cart .header-lined { border-color: var(--rsrv-border) !important; }
#order-standard_cart .header-lined h1 { color: var(--rsrv-blue) !important; }
#order-standard_cart .header-lined p { color: var(--rsrv-text-soft) !important; }

/* Glass base for panels/cards (blur on background layer only) */
#order-standard_cart .panel,
#order-standard_cart .panel-default,
#order-standard_cart .panel-body,
#order-standard_cart .well,
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .product-info,
#order-standard_cart .view-cart .panel {
  position: relative;
  background: var(--rsrv-card) !important;
  border: 1px solid var(--rsrv-border) !important;
  border-radius: 12px !important;
  overflow: visible !important; /* prevent clipping */
  color: var(--rsrv-text) !important;
  isolation: isolate; /* own stacking context for dropdowns */
}
#order-standard_cart .panel::before,
#order-standard_cart .order-summary::before,
#order-standard_cart .summary-container::before,
#order-standard_cart .view-cart .panel::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: var(--rsrv-card);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: inherit;
}
#order-standard_cart .panel > *,
#order-standard_cart .order-summary > *,
#order-standard_cart .summary-container > *,
#order-standard_cart .view-cart .panel > * { position: relative; z-index: 1; }

/* Typography */
#order-standard_cart .panel .panel-title,
#order-standard_cart .panel-heading .panel-title,
#order-standard_cart .product-info h3,
#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h3 { color: var(--rsrv-blue) !important; }
#order-standard_cart .text-muted, #order-standard_cart .small, #order-standard_cart small { color: var(--rsrv-text-soft) !important; opacity: 1 !important; }
#order-standard_cart label { color: var(--rsrv-text) !important; font-weight: 600; }

/* Solid, non-blurred controls (prevents native control rendering bugs) */
#order-standard_cart .form-control,
#order-standard_cart select.form-control,
#order-standard_cart input.form-control,
#order-standard_cart textarea.form-control {
  background: #101722 !important;
  color: var(--rsrv-text) !important;
  border: 1px solid var(--rsrv-border) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background-clip: padding-box !important;
}
#order-standard_cart select.form-control { height: 38px !important; line-height: 1.4 !important; padding: 8px 2.25rem 8px 12px !important; }
#order-standard_cart .input-group-addon, #order-standard_cart .input-group-text { background: #0e141e !important; border: 1px solid var(--rsrv-border) !important; color: var(--rsrv-text-soft) !important; }

/* Buttons */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-default,
#order-standard_cart .btn {
  background: #0f2a3a !important;
  border: 1px solid rgba(2,149,233,0.45) !important;
  color: #cfe7ff !important;
  border-radius: 10px !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease !important;
}
#order-standard_cart .btn:hover { background: var(--rsrv-blue) !important; border-color: var(--rsrv-blue) !important; color: #fff !important; transform: translateY(-1px); }

/* Dropdowns above glass layers */
#order-standard_cart .dropdown-menu {
  z-index: 2000 !important;
  background: var(--rsrv-card) !important;
  border: 1px solid var(--rsrv-border) !important;
  color: var(--rsrv-text) !important;
}

/* Lines & borders */
#order-standard_cart hr, #order-standard_cart .line-item, #order-standard_cart .total-line, #order-standard_cart .recurring-totals { border-color: var(--rsrv-border) !important; }
#order-standard_cart .list-group-item { background: transparent !important; color: var(--rsrv-text) !important; border-color: var(--rsrv-border) !important; }
#order-standard_cart .price { color: #bfe6ff !important; }

/* ============================================================
   CONFIGURE PRODUCT (configureproduct.tpl)
   ============================================================ */
#order-standard_cart .product-info .panel-body { padding: 18px !important; }
#order-standard_cart .product-info h3, #order-standard_cart .product-info h4 { color: var(--rsrv-blue) !important; }
#order-standard_cart .product-info ul li { color: var(--rsrv-text-soft) !important; }

#order-standard_cart .order-summary { padding: 0 !important; }
#order-standard_cart .order-summary .summary-container { background: transparent !important; border: 0 !important; }
#order-standard_cart .order-summary .summary-container .summary-header {
  background: rgba(255,255,255,0.06) !important;
  color: var(--rsrv-text) !important;
  border-bottom: 1px solid var(--rsrv-border) !important;
  border-radius: 12px 12px 0 0 !important;
}
#order-standard_cart .order-summary .summary-container .line-item,
#order-standard_cart .order-summary .summary-container .subtotal,
#order-standard_cart .order-summary .summary-container .recurring-totals { color: var(--rsrv-text-soft) !important; border-color: var(--rsrv-border) !important; }
#order-standard_cart .order-summary .total-due-today { color: #79caff !important; font-weight: 700 !important; }
#order-standard_cart .order-summary .btn-checkout { background: var(--rsrv-blue) !important; border: 1px solid var(--rsrv-blue) !important; color: #fff !important; }

/* Configurable Options area */
#order-standard_cart .configurable-options .panel-body { padding: 12px 16px !important; }
#order-standard_cart .configurable-option .form-control { max-width: 420px !important; }
#order-standard_cart .configurable-option .option { color: var(--rsrv-text) !important; }
#order-standard_cart .configurable-option .option-description { color: var(--rsrv-text-soft) !important; }

/* Alerts */
#order-standard_cart .alert { background: rgba(2,149,233,0.08) !important; border: 1px solid rgba(2,149,233,0.35) !important; color: #bfe6ff !important; }

/* ============================================================
   REVIEW & CHECKOUT (viewcart.tpl)
   ============================================================ */
#order-standard_cart .view-cart .products { background: transparent !important; }
#order-standard_cart .view-cart .cart-body .table,
#order-standard_cart .view-cart .tbl-products { width: 100%; border-collapse: separate; border-spacing: 0; }
#order-standard_cart .view-cart .tbl-products thead th { background: rgba(255,255,255,0.06) !important; color: var(--rsrv-blue) !important; border-bottom: 1px solid var(--rsrv-border) !important; }
#order-standard_cart .view-cart .tbl-products td, #order-standard_cart .view-cart .tbl-products th { border-color: var(--rsrv-border) !important; color: var(--rsrv-text) !important; }
#order-standard_cart .view-cart .product, #order-standard_cart .view-cart .item, #order-standard_cart .view-cart .product .row { background: transparent !important; }

/* Action chips */
#order-standard_cart .view-cart .product .btn-remove, #order-standard_cart .view-cart .product .btn-remove-item, #order-standard_cart .view-cart .product .btn.btn-danger { background: #182233 !important; border: 1px solid var(--rsrv-border) !important; color: #dfeeff !important; }
#order-standard_cart .view-cart .product .btn-remove:hover { background: #2c3d57 !important; }
#order-standard_cart .view-cart .product .btn-edit, #order-standard_cart .view-cart .btn[href*="a=confproduct"] { background: #0f2a3a !important; border: 1px solid rgba(2,149,233,.45) !important; color: #cfe7ff !important; border-radius: 10px !important; }
#order-standard_cart .view-cart .product .btn-edit:hover { background: var(--rsrv-blue) !important; color: #fff !important; border-color: var(--rsrv-blue) !important; }
#order-standard_cart .view-cart .btn-empty { background: #0f2a3a !important; border: 1px solid rgba(2,149,233,.45) !important; color: #cfe7ff !important; }
#order-standard_cart .view-cart .btn-empty:hover { background: var(--rsrv-blue) !important; color: #fff !重要; border-color: var(--rsrv-blue) !important; }

/* Summary panel on Review page (same styling as Configure) */
#order-standard_cart.view-cart .order-summary .summary-container { background: transparent !important; border: 0 !important; }
#order-standard_cart.view-cart .order-summary .summary-container .summary-header { background: rgba(255,255,255,0.06) !important; color: var(--rsrv-text) !important; border-bottom: 1px solid var(--rsrv-border) !important; border-radius: 12px 12px 0 0 !important; }
#order-standard_cart.view-cart .order-summary .subtotal, #order-standard_cart.view-cart .order-summary .totals, #order-standard_cart.view-cart .order-summary .recurring-totals { color: var(--rsrv-text-soft) !important; border-color: var(--rsrv-border) !important; }
#order-standard_cart.view-cart .order-summary .total-due-today { color: #79caff !important; font-weight: 700 !important; }
#order-standard_cart.view-cart .order-summary .btn-checkout { background: var(--rsrv-blue) !important; border: 1px solid var(--rsrv-blue) !important; color: #fff !important; border-radius: 12px !important; }

/* MarketConnect Recommended cards */
#order-standard_cart .mc-promo-panel, #order-standard_cart .promo-banner, #order-standard_cart .promo-banner-rounded { position: relative; background: var(--rsrv-card) !important; border: 1px solid var(--rsrv-border) !important; border-radius: 12px !important; overflow: hidden; }
#order-standard_cart .promo-banner::before { content: ""; position: absolute; inset: 0; background: var(--rsrv-card); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); z-index: 0; }
#order-standard_cart .promo-banner .panel-body, #order-standard_cart .promo-banner .content, #order-standard_cart .promo-banner h3, #order-standard_cart .promo-banner h4, #order-standard_cart .promo-banner li { position: relative; z-index: 1; color: var(--rsrv-text) !important; }
#order-standard_cart .promo-banner small, #order-standard_cart .promo-banner .text-muted { color: var(--rsrv-text-soft) !important; opacity: 1 !important; }
#order-standard_cart .promo-banner .btn { background: #0f2a3a !important; border: 1px solid rgba(2,149,233,.45) !important; color: #cfe7ff !important; border-radius: 10px !important; }
#order-standard_cart .promo-banner .btn:hover { background: var(--rsrv-blue) !important; color: #fff !important; border-color: var(--rsrv-blue) !important; }
#order-standard_cart .promo-banner .price, #order-standard_cart .promo-banner [class*="USD"] { color: #bfe6ff !important; }

/* Promo Code box */
#order-standard_cart #applyPromo > .panel, #order-standard_cart .panel-promo-code { position: relative; background: var(--rsrv-card) !important; border: 1px solid var(--rsrv-border) !important; border-radius: 12px !important; }
#order-standard_cart #inputPromoCode, #order-standard_cart .panel-promo-code input[type="text"] { background: #101722 !important; color: var(--rsrv-text) !important; border: 1px solid var(--rsrv-border) !important; box-shadow: none !important; }
#order-standard_cart #btnApplyPromo, #order-standard_cart .panel-promo-code .btn { background: #0f2a3a !important; border: 1px solid rgba(2,149,233,.45) !important; color: #cfe7ff !important; border-radius: 10px !important; }
#order-standard_cart .panel-promo-code .btn:hover { background: var(--rsrv-blue) !important; color: #fff !important; border-color: var(--rsrv-blue) !important; }

/* ============================================================
   THEME COLOR OVERRIDES — replace WHMCS white & default blue
   ============================================================ */
/* Kill leftover white panels/headers and unify with glass */
#order-standard_cart .panel-default > .panel-heading,
#order-standard_cart .panel-footer,
#order-standard_cart .list-group-item,
#order-standard_cart .cart-body .product,
#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .mc-promo-panel,
#order-standard_cart .promo-banner,
#order-standard_cart .promo-banner-rounded,
#order-standard_cart .well {
  background: var(--rsrv-card) !important;
  border-color: var(--rsrv-border) !important;
  color: var(--rsrv-text) !important;
}

/* Replace default WHMCS blue accents with RareSRV blue */
#order-standard_cart .bg-primary,
#order-standard_cart .label-primary,
#order-standard_cart .badge-info,
#order-standard_cart .progress-bar,
#order-standard_cart .btn-primary,
#order-standard_cart .order-summary .summary-header {
  background-color: var(--rsrv-blue) !important;
  border-color: var(--rsrv-blue) !important;
  color: #fff !important;
}
#order-standard_cart .text-primary { color: var(--rsrv-blue) !important; }

/* Table headers/top blue bars on cart items */
#order-standard_cart .view-cart .tbl-products thead th,
#order-standard_cart .view-cart .product .product-title,
#order-standard_cart .view-cart .product .header {
  background: rgba(255,255,255,0.06) !important;
  color: var(--rsrv-blue) !important;
  border-bottom: 1px solid var(--rsrv-border) !important;
}

/* Remove MarketConnect gradient/white artifacts */
#order-standard_cart .promo-banner,
#order-standard_cart .promo-banner-rounded,
#order-standard_cart .mc-promo-panel {
  background-image: none !important;
}
#order-standard_cart .promo-banner .panel-body,
#order-standard_cart .promo-banner .content,
#order-standard_cart .promo-banner h3,
#order-standard_cart .promo-banner h4,
#order-standard_cart .promo-banner li,
#order-standard_cart .promo-banner small,
#order-standard_cart .promo-banner .text-muted {
  color: var(--rsrv-text) !important;
}
#order-standard_cart .promo-banner small,
#order-standard_cart .promo-banner .text-muted { color: var(--rsrv-text-soft) !important; }

/* Promo code callout bubble */
#order-standard_cart #applyPromo .panel,
#order-standard_cart .panel-promo-code,
#order-standard_cart .panel-promo-code .panel-heading,
#order-standard_cart #applyPromo .panel-heading {
  background: var(--rsrv-card) !important;
  border: 1px solid var(--rsrv-border) !important;
  color: var(--rsrv-text) !important;
}
#order-standard_cart .panel-promo-code .panel-heading .panel-title,
#order-standard_cart #applyPromo .panel-heading .panel-title {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--rsrv-border) !important;
  color: var(--rsrv-text) !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
}

/* Links */
#order-standard_cart a { color: #79caff; }
#order-standard_cart a:hover { color: #a8dcff; }

/* ============================================================
   POLISH: spacing + stronger overrides for MC promos & headers
   ============================================================ */

/* 1) Space between Checkout and Continue buttons */
#order-standard_cart .order-summary .btn-checkout { margin-bottom: 14px !important; }
#order-standard_cart .order-summary .btn-default,
#order-standard_cart .order-summary .btn-ghost,
#order-standard_cart .order-summary .btn-continue { margin-top: 0 !important; }

/* 2) Cart header bars (kill default bright WHMCS blue) */
#order-standard_cart .view-cart .tbl-products > thead > tr > th,
#order-standard_cart .view-cart .tbl-products thead th,
#order-standard_cart .view-cart .product .product-title,
#order-standard_cart .view-cart .product .product-header,
#order-standard_cart .view-cart .product .header,
#order-standard_cart .view-cart .product .top-bar {
  background: rgba(255,255,255,0.06) !important;
  color: var(--rsrv-blue) !important;
  border-bottom: 1px solid var(--rsrv-border) !important;
}

/* 3) MarketConnect promo cards — purge white/blue leftovers */
#order-standard_cart .promo-banner,
#order-standard_cart .promo-banner-rounded,
#order-standard_cart .mc-promo-panel { background: var(--rsrv-card) !important; border-color: var(--rsrv-border) !important; }

/* wipe inner white strips/gradients but keep buttons */
#order-standard_cart .promo-banner .panel-body,
#order-standard_cart .promo-banner .content,
#order-standard_cart .promo-banner .icon-left,
#order-standard_cart .promo-banner .features,
#order-standard_cart .promo-banner .body,
#order-standard_cart .promo-banner .header,
#order-standard_cart .promo-banner .footer {
  background: transparent !important;
  border-color: var(--rsrv-border) !important;
  color: var(--rsrv-text) !important;
}
#order-standard_cart .promo-banner h3, 
#order-standard_cart .promo-banner h4, 
#order-standard_cart .promo-banner li, 
#order-standard_cart .promo-banner p { color: var(--rsrv-text) !important; }
#order-standard_cart .promo-banner small, 
#order-standard_cart .promo-banner .text-muted { color: var(--rsrv-text-soft) !important; opacity: 1 !important; }

/* right-hand price chip inside promo banners */
#order-standard_cart .promo-banner .price,
#order-standard_cart .promo-banner .price *,
#order-standard_cart .promo-banner [class*="price"],
#order-standard_cart .promo-banner [class*="USD"],
#order-standard_cart .promo-banner .amount {
  background: transparent !important;
  color: #bfe6ff !important;
  border: 0 !important;
}

/* Add-to-cart pill on promo cards */
#order-standard_cart .promo-banner .btn,
#order-standard_cart .promo-banner .btn-primary,
#order-standard_cart .promo-banner .btn-default {
  background: #0f2a3a !important;
  border: 1px solid rgba(2,149,233,.45) !important;
  color: #cfe7ff !important;
}
#order-standard_cart .promo-banner .btn:hover { background: var(--rsrv-blue) !important; color: #fff !important; border-color: var(--rsrv-blue) !important; }

/* 4) Generic replacements for any leftover default blue */
#order-standard_cart .panel-primary,
#order-standard_cart .label-info,
#order-standard_cart .alert-info,
#order-standard_cart .badge-info,
#order-standard_cart .bg-info,
#order-standard_cart .text-info { 
  background-color: rgba(2,149,233,0.15) !important;
  border-color: var(--rsrv-blue) !important;
  color: #bfe6ff !important;
}

/* 5) Ensure no element inside orderform paints pure white */
#order-standard_cart * { 
  /* Only affect explicit white fills from third-party CSS */
  background-color: transparent !important;
}
/* Restore intended backgrounds for our own glass blocks & inputs */
#order-standard_cart .panel,
#order-standard_cart .panel-default,
#order-standard_cart .panel-body,
#order-standard_cart .well,
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .product-info,
#order-standard_cart .view-cart .panel { background: var(--rsrv-card) !important; }
#order-standard_cart .form-control,
#order-standard_cart select.form-control,
#order-standard_cart input.form-control,
#order-standard_cart textarea.form-control { background: #101722 !important; }
#order-standard_cart .promo-banner .btn { background: #0f2a3a !important; }

/* =========================
   RareSRV — Checkout polish
   Works with WHMCS 8.13.x (standard_cart)
   ========================= */

/* Headings + dividers */
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined h2,
#order-standard_cart .header-lined h3 {
  color: #0295E9 !important;
  letter-spacing: .02em !important;
}
#order-standard_cart .header-lined {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  margin-bottom: 18px !important;
}

/* Generic glass card */
.rs-glass,
#order-standard_cart .panel,
#order-standard_cart .card,
#order-standard_cart .well {
  background: rgba(20,20,28,.65) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.35) !important;
  color: #E6F3FF !important;
}

/* Account chooser */
#order-standard_cart .existing-account-select,
#order-standard_cart .account-select,
#order-standard_cart .radio-inline,
#order-standard_cart .list-group-item {
  background: transparent !important;
  border: none !important;
  color: #E6F3FF !important;
}
#order-standard_cart .list-group-item {
  border-radius: 12px !important;
  padding: 14px 16px !important;
  background: rgba(28,28,36,.6) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}
#order-standard_cart .list-group-item + .list-group-item { margin-top: 10px !important; }
#order-standard_cart .list-group-item:hover { border-color: rgba(2,149,233,.45) !important; }

/* Remove odd green accents that sneak in from default styles */
#order-standard_cart .panel .panel-body,
#order-standard_cart .panel:before,
#order-standard_cart .panel:after {
  border-color: transparent !important;
}

/* “Last Chance” / upsell area */
#order-standard_cart .addons,
#order-standard_cart .last-chance,
#order-standard_cart .cross-sell,
#order-standard_cart .panel-addon,
#order-standard_cart .marketing-banners {
  background: transparent !important;
  border: none !important;
}

/* Each upsell row becomes a glass card */
#order-standard_cart .addons .panel,
#order-standard_cart .panel-addon,
#order-standard_cart .cross-sell .panel,
#order-standard_cart .marketing-banners .panel {
  padding: 14px 16px !important;
  margin: 12px 0 !important;
  border-radius: 16px !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* Make inside layout tidy: icon | title/desc | price | CTA */
#order-standard_cart .addons .panel .media,
#order-standard_cart .panel-addon .media {
  display: grid !important;
  grid-template-columns: 48px 1fr auto auto !important;
  align-items: center !important;
  gap: 12px !important;
}
#order-standard_cart .addons .media-left img,
#order-standard_cart .panel-addon .media-left img {
  width: 40px !important; height: 40px !important; border-radius: 10px !important;
  background: rgba(255,255,255,.06) !important; padding: 6px !important;
}
#order-standard_cart .addons .media-heading,
#order-standard_cart .panel-addon .media-heading {
  font-weight: 700 !important;
  color: #EAF7FF !important;
  margin-bottom: 2px !important;
}
#order-standard_cart .addons .media-body p,
#order-standard_cart .panel-addon .media-body p {
  margin: 0 !important;
  color: #A6BED1 !important;
}

/* Price badge */
#order-standard_cart .addons .rs-price,
#order-standard_cart .panel-addon .rs-price,
#order-standard_cart .cross-sell .rs-price {
  font-weight: 800 !important;
  font-size: 14px !important;
  color: #8bd3ff !important;
  text-align: right !important;
}
#order-standard_cart .addons .rs-price small { opacity: .85 !important; }

/* CTA button */
#order-standard_cart .addons .btn,
#order-standard_cart .panel-addon .btn,
#order-standard_cart .cross-sell .btn {
  border-radius: 999px !important;
  border: 1px solid rgba(2,149,233,.55) !important;
  background: linear-gradient(180deg, rgba(2,149,233,.35), rgba(2,149,233,.18)) !important;
  color: #EAF7FF !important;
  padding: 6px 14px !important;
  box-shadow: 0 6px 18px rgba(2,149,233,.25) !important;
}
#order-standard_cart .addons .btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(2,149,233,.35) !important; }

/* Payment details wrapper spacing */
#order-standard_cart .payment-container,
#order-standard_cart .checkout-container {
  margin-top: 22px !important;
}

/* Buttons row: space between "Checkout" and "Continue Shopping" */
#order-standard_cart .btn-bar,
#order-standard_cart .actions,
#order-standard_cart .view-cart-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* Inputs / selects dark */
#order-standard_cart .form-control {
  background: rgba(18,18,26,.65) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #E6F3FF !important;
  border-radius: 10px !important;
}
#order-standard_cart .form-control::placeholder { color: #86A8BF !important; }

/* Small typography polish */
#order-standard_cart .text-muted { color: #9CB6C9 !important; }
#order-standard_cart .help-block { color: #A6BED1 !important; }

#sitejetPromoPanel {display:none}
[data-identifier="sitejet"] {
  display: none !important;
}