/* ============================================================
   HP-WHMCS – HostPost dark child theme (parent: twenty-one)
   WHMCS 8.13.x / Twenty-One
   A hostpost.hu főoldal arculatához igazított, visszafogott
   sötét megjelenés. A fájl a szülő theme.min.css UTÁN töltődik
   be a Twenty-One includes/head.tpl-jén keresztül.
   ============================================================ */

/* Betűtípus: a főoldallal azonos Outfit (fallback: rendszerfont) */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
/* Remixicon: a rendelési sablon (orderforms/hostpost) ikonjaihoz */
@import url('https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.min.css');

/* ------------------------------------------------------------
   1. Változók – a főoldal style.css-jéből
   ------------------------------------------------------------ */
:root {
    --hp-primary: #6366f1;
    --hp-primary-dark: #4f46e5;
    --hp-primary-light: #818cf8;
    --hp-accent: #06b6d4;
    --hp-accent-dark: #0891b2;

    /* Navy-árnyalatú felületek (a DDoS-panel hangulatához igazítva) */
    --hp-bg-primary: #0a0d18;
    --hp-bg-secondary: #101527;
    --hp-bg-tertiary: #1a2038;
    --hp-bg-card: #161b30;
    --hp-bg-input: #0d1122;

    --hp-text-primary: #f5f5fa;
    --hp-text-secondary: #aab0c6;
    --hp-text-muted: #77809e;

    --hp-border-color: rgba(130, 145, 220, 0.16);
    --hp-border-light: rgba(130, 145, 220, 0.08);

    --hp-gradient-primary: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);
    --hp-gradient-accent: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);

    --hp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --hp-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --hp-shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.45);
    --hp-shadow-glow: 0 0 40px rgba(99, 102, 241, 0.25);
    --hp-shadow-btn: 0 4px 15px rgba(99, 102, 241, 0.35);

    --hp-radius-sm: 8px;
    --hp-radius-md: 10px;
    --hp-radius-lg: 14px;
    --hp-radius-xl: 16px;
    --hp-radius-full: 9999px;

    --hp-font-primary: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --hp-font-mono: 'JetBrains Mono', SFMono-Regular, Menlo, Consolas, monospace;

    --hp-success: #10b981;
    --hp-success-dark: #059669;
    --hp-danger: #ef4444;
    --hp-danger-dark: #dc2626;
    --hp-warning: #f59e0b;
    --hp-warning-dark: #d97706;
    --hp-info: #0ea5e9;
    --hp-info-dark: #0284c7;
}

/* ------------------------------------------------------------
   2. Alapok – body, tipográfia, linkek
   ------------------------------------------------------------ */
body.primary-bg-color {
    background-color: var(--hp-bg-primary) !important;
    color: var(--hp-text-primary);
    font-family: var(--hp-font-primary);
}

/* Diszkrét háttérfények – fix, nem zavarják az olvasást */
body.primary-bg-color::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(ellipse 55% 40% at 85% -10%, rgba(99, 102, 241, 0.14), transparent 60%),
        radial-gradient(ellipse 45% 35% at -10% 60%, rgba(6, 182, 212, 0.08), transparent 55%),
        radial-gradient(ellipse 35% 30% at 55% 110%, rgba(120, 80, 204, 0.09), transparent 60%);
    pointer-events: none;
    /* -1: a glow a tartalom ALATT marad, és a main-body-nak nem kell saját
       stacking context – így a benne renderelt modálok (pl. kosárból törlés)
       a body-szintű .modal-backdrop (1040) FÖLÉ kerülnek (modal:1055) */
    z-index: -1;
}

section#main-body,
section#main-content {
    position: relative;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--hp-text-primary);
    font-family: var(--hp-font-primary);
}

a {
    color: var(--hp-primary-light);
}

a:hover, a:focus {
    color: var(--hp-accent);
    text-decoration: none;
}

code, pre, .mono {
    font-family: var(--hp-font-mono);
    color: #a5b4fc;
}

pre {
    background: var(--hp-bg-tertiary);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-md);
    color: var(--hp-text-secondary);
}

hr {
    border-top-color: var(--hp-border-color);
}

.text-muted {
    color: var(--hp-text-muted) !important;
}

.text-success { color: #34d399 !important; }
.text-danger { color: #f87171 !important; }
.text-warning { color: #fbbf24 !important; }
.text-info { color: #38bdf8 !important; }
.text-primary { color: var(--hp-primary-light) !important; }

::selection {
    background: rgba(99, 102, 241, 0.4);
    color: #fff;
}

/* Vékony, sötét görgetősáv (WebKit) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--hp-bg-secondary); }
::-webkit-scrollbar-thumb {
    background: #262e4d;
    border-radius: var(--hp-radius-full);
    border: 2px solid var(--hp-bg-secondary);
}
::-webkit-scrollbar-thumb:hover { background: #2c3357; }

/* Billentyűzetes fókusz – jól látható */
:focus-visible {
    outline: 2px solid var(--hp-primary-light);
    outline-offset: 2px;
}

/* ------------------------------------------------------------
   3. Fejléc – topbar, navbar, kereső, kosár, lenyílók
   ------------------------------------------------------------ */
header.header {
    background: rgba(10, 10, 15, 0.92) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--hp-border-light);
    /* a backdrop-filter stacking contextet hoz létre – a header legyen a
       tartalom fölött, de a modal-backdrop (1040) alatt */
    position: relative;
    z-index: 1020;
}

header.header .topbar {
    background: var(--hp-bg-secondary) !important;
    border-bottom: 1px solid var(--hp-border-light);
    color: var(--hp-text-secondary);
}

header.header .topbar .btn,
header.header .topbar .active-client .btn {
    color: var(--hp-text-secondary);
}

header.header .topbar .btn:hover {
    color: var(--hp-text-primary);
}

header.header .topbar .active-client .input-group-text {
    background: transparent;
    color: var(--hp-text-secondary);
}

header.header .topbar .active-client .btn.btn-active-client span {
    border-bottom-color: var(--hp-text-muted);
}

/* Felső navbar (logo sor) */
header.header .navbar-brand .logo-img {
    height: 30px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
}

header.header .navbar a {
    color: var(--hp-text-secondary);
}

header.header .navbar a:hover {
    color: var(--hp-text-primary);
}

header.header .navbar-nav a {
    font-size: 15px;
}

header.header .navbar-light .navbar-nav .nav-link {
    color: var(--hp-text-secondary);
    border-radius: var(--hp-radius-sm);
    padding: 0.55rem 1rem;
}

header.header .navbar-light .navbar-nav .nav-link:hover,
header.header .navbar-light .navbar-nav .nav-link:focus {
    color: var(--hp-text-primary);
    background: rgba(255, 255, 255, 0.05);
}

header.header .navbar-light .navbar-nav .show > .nav-link,
header.header .navbar-light .navbar-nav .active > .nav-link,
header.header .navbar-light .navbar-nav .nav-link.show,
header.header .navbar-light .navbar-nav .nav-link.active {
    color: var(--hp-primary-light);
}

/* Kosár/eszköztár gombok */
header.header .toolbar .nav-link {
    border: 1px solid var(--hp-border-color) !important;
    border-radius: var(--hp-radius-sm);
    color: var(--hp-text-secondary);
    background: transparent;
}

header.header .toolbar .nav-link:hover {
    color: var(--hp-text-primary) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.05);
}

header.header .toolbar .nav-link .badge {
    background-color: var(--hp-primary) !important;
    color: #fff;
}

/* Tudásbázis kereső a fejlécben */
header.header .search {
    background: var(--hp-bg-input);
    border: 1px solid var(--hp-border-color) !important;
    border-radius: var(--hp-radius-md);
}

header.header .search .btn {
    color: var(--hp-text-muted);
}

header.header .search .form-control {
    background: transparent;
    border: 0;
    color: var(--hp-text-primary);
}

header.header .search:focus-within {
    border-color: var(--hp-primary) !important;
}

/* Mobil hamburger ikon (navbar-light sötét csíkja világosra) */
header.header .navbar-light .navbar-toggler,
header.header .navbar-toggler {
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-primary);
}

header.header .navbar-light .navbar-toggler-icon,
header.header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(245,245,250,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Navigációs lenyíló menük */
header.header .dropdown-menu,
.dropdown-menu {
    background: var(--hp-bg-tertiary) !important;
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-md);
    box-shadow: var(--hp-shadow-lg);
}

.dropdown-item {
    color: var(--hp-text-secondary);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--hp-text-primary) !important;
}

header.header .dropdown-item.active,
.dropdown-item.active,
.dropdown-item:active {
    background: rgba(99, 102, 241, 0.25) !important;
    color: var(--hp-text-primary) !important;
}

.dropdown-divider {
    border-top-color: var(--hp-border-light);
}

/* ------------------------------------------------------------
   4. Breadcrumb
   ------------------------------------------------------------ */
.master-breadcrumb {
    background: var(--hp-bg-secondary) !important;
    border-bottom: 1px solid var(--hp-border-light);
}

.master-breadcrumb .breadcrumb {
    background: transparent;
}

.master-breadcrumb .breadcrumb-item,
.master-breadcrumb .breadcrumb-item a {
    color: var(--hp-text-muted);
}

.master-breadcrumb .breadcrumb-item.active {
    color: var(--hp-text-secondary);
}

.master-breadcrumb .breadcrumb-item a:hover {
    color: var(--hp-primary-light);
}

/* ------------------------------------------------------------
   5. Gombok
   ------------------------------------------------------------ */
.btn {
    font-family: var(--hp-font-primary);
    font-weight: 500;
    border-radius: var(--hp-radius-sm);
    transition: all 0.2s ease;
}

.btn:focus {
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.35);
}

.btn-primary {
    background: var(--hp-gradient-primary) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: var(--hp-shadow-btn);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #0891b2 100%) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.45);
}

.btn-primary:focus {
    background: var(--hp-gradient-primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.4), var(--hp-shadow-btn);
}

.btn-primary:disabled,
.btn-primary.disabled {
    background: #2e3557 !important;
    color: var(--hp-text-muted) !important;
    box-shadow: none;
    transform: none;
    opacity: 0.7;
}

/* Visszafogott másodlagos/műveleti gombok */
.btn-default,
.btn-secondary {
    background: var(--hp-bg-tertiary) !important;
    border: 1px solid var(--hp-border-color) !important;
    color: var(--hp-text-primary) !important;
}

.btn-default:hover,
.btn-secondary:hover {
    background: #232b47 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: var(--hp-text-primary) !important;
}

.btn-success {
    background: var(--hp-gradient-accent) !important;
    border: none !important;
    color: #fff !important;
}

.btn-success:hover {
    background: linear-gradient(135deg, #0891b2 0%, #059669 100%) !important;
    color: #fff !important;
}

.btn-danger {
    background: var(--hp-danger-dark) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.btn-danger:hover {
    background: var(--hp-danger) !important;
    color: #fff !important;
}

.btn-warning {
    background: var(--hp-warning-dark) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.btn-warning:hover {
    background: var(--hp-warning) !important;
    color: #fff !important;
}

.btn-info {
    background: var(--hp-info-dark) !important;
    border-color: transparent !important;
    color: #fff !important;
}

.btn-info:hover {
    background: var(--hp-info) !important;
    color: #fff !important;
}

.btn-outline-primary {
    border-color: var(--hp-primary) !important;
    color: var(--hp-primary-light) !important;
}

.btn-outline-primary:hover {
    background: rgba(99, 102, 241, 0.18) !important;
    border-color: var(--hp-primary) !important;
    color: var(--hp-text-primary) !important;
}

.btn-link {
    color: var(--hp-primary-light);
}

.btn-link:hover {
    color: var(--hp-accent);
}

.btn-light {
    background: var(--hp-bg-tertiary) !important;
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-primary) !important;
}

/* Kis gombok visszafogottan */
.btn-xs, .btn-sm,
.btn-group-sm > .btn, .btn-group-xs > .btn {
    box-shadow: none;
    border-radius: 6px;
}

.btn-primary.btn-sm:hover,
.btn-group-sm > .btn-primary:hover {
    transform: none;
    box-shadow: 0 2px 10px rgba(99, 102, 241, 0.35);
}

/* ------------------------------------------------------------
   6. Kártyák, panelek, listacsoportok
   ------------------------------------------------------------ */
.card,
.mc-promo-manage,
.mc-promo-login {
    background: var(--hp-bg-card);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-lg);
    color: var(--hp-text-primary);
    box-shadow: var(--hp-shadow-md);
}

.card-header {
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid var(--hp-border-color);
    color: var(--hp-text-primary);
    font-weight: 600;
}

.card-header:first-child {
    border-radius: calc(var(--hp-radius-lg) - 1px) calc(var(--hp-radius-lg) - 1px) 0 0;
}

.card-title,
.mc-promo-manage .panel-heading h3,
.mc-promo-login .panel-heading h3,
.promo-container .header h3 {
    color: var(--hp-text-primary);
}

.card-body,
.mc-promo-manage .content,
.mc-promo-login .content {
    color: var(--hp-text-primary);
}

.card-footer {
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid var(--hp-border-color);
    color: var(--hp-text-secondary);
}

.list-group-item {
    background: transparent;
    border-color: var(--hp-border-light);
    color: var(--hp-text-secondary);
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background: rgba(255, 255, 255, 0.04);
    color: var(--hp-text-primary);
}

.list-group-item.active {
    background: rgba(99, 102, 241, 0.2) !important;
    border-color: var(--hp-primary) !important;
    color: var(--hp-primary-light) !important;
}

.sidebar .list-group-item .badge {
    background: rgba(255, 255, 255, 0.08);
    color: var(--hp-text-secondary);
}

.sidebar .list-group-item.active .badge {
    background: rgba(99, 102, 241, 0.4);
    color: #fff;
}

.sidebar .list-group-item > i.far.fa-circle {
    color: var(--hp-text-muted);
}

/* Lenyílók ne szoruljanak a kártya széle mögé */
.sidebar .card,
.sidebar .collapsable-card-body {
    overflow: visible;
}

/* Régi (bs3-as) modul-panelek kompatibilitása */
.panel {
    background: var(--hp-bg-card);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-lg);
    color: var(--hp-text-primary);
    box-shadow: var(--hp-shadow-md);
}

.panel-default > .panel-heading,
.panel-heading {
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid var(--hp-border-color);
    color: var(--hp-text-primary);
}

.panel-footer {
    background: rgba(255, 255, 255, 0.02);
    border-top: 1px solid var(--hp-border-color);
    color: var(--hp-text-secondary);
}

.panel-title { color: var(--hp-text-primary); }
.panel-body { color: var(--hp-text-primary); }

/* ------------------------------------------------------------
   7. Ügyfélkezdőlap – tiles, shortcut gombok, home kártyák
   ------------------------------------------------------------ */
.tiles .tile {
    background: var(--hp-bg-card) !important;
    border: 1px solid var(--hp-border-color) !important;
    border-radius: var(--hp-radius-lg);
    color: var(--hp-text-primary) !important;
    transition: all 0.25s ease;
}

.tiles .tile:hover {
    border-color: var(--hp-primary) !important;
    transform: translateY(-3px);
    box-shadow: var(--hp-shadow-glow);
}

.tiles .tile .title { color: var(--hp-text-secondary) !important; }
.tiles .tile .stat { color: var(--hp-text-primary) !important; }
.tiles .tile i { color: var(--hp-text-muted); }
.tiles .tile:hover i { color: var(--hp-primary-light); }

.tiles .tile .highlight.bg-color-blue { background: var(--hp-primary) !important; }
.tiles .tile .highlight.bg-color-green { background: var(--hp-success) !important; }
.tiles .tile .highlight.bg-color-red { background: var(--hp-danger) !important; }
.tiles .tile .highlight.bg-color-gold { background: var(--hp-warning) !important; }

/* "Hogyan segíthetünk" ikon-gombok a főoldalon */
.action-icon-btns a {
    background: var(--hp-bg-card) !important;
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-lg);
    color: var(--hp-text-primary) !important;
    transition: all 0.25s ease;
}

.action-icon-btns a:hover {
    border-color: var(--hp-primary);
    transform: translateY(-3px);
    box-shadow: var(--hp-shadow-glow);
    color: var(--hp-text-primary) !important;
}

.action-icon-btns a .ico-container i {
    color: var(--hp-primary-light);
    transition: all 0.25s ease;
}

.action-icon-btns a:hover .ico-container {
    font-size: 3.4em;
}

.action-icon-btns a:hover .ico-container i {
    color: var(--hp-accent);
}

.action-icon-btns a.card-accent-teal { border-top: 3px solid var(--hp-accent); }
.action-icon-btns a.card-accent-pomegranate { border-top: 3px solid var(--hp-danger); }
.action-icon-btns a.card-accent-sun-flower { border-top: 3px solid var(--hp-warning); }
.action-icon-btns a.card-accent-asbestos { border-top: 3px solid #94a3b8; }
.action-icon-btns a.card-accent-green { border-top: 3px solid var(--hp-success); }
.action-icon-btns a.card-accent-midnight-blue { border-top: 3px solid var(--hp-primary); }

/* Kiemelt kártya-fejléc színek */
.card-accent-blue .card-header { background: rgba(99, 102, 241, 0.28) !important; color: #fff; }
.card-accent-green .card-header { background: rgba(16, 185, 129, 0.28) !important; color: #fff; }
.card-accent-red .card-header { background: rgba(239, 68, 68, 0.28) !important; color: #fff; }
.card-accent-gold .card-header { background: rgba(245, 158, 11, 0.28) !important; color: #fff; }
.card-accent-purple .card-header { background: rgba(120, 80, 204, 0.28) !important; color: #fff; }
.card-accent-teal .card-header,
.card-accent-turquoise .card-header { background: rgba(6, 182, 212, 0.24) !important; color: #fff; }

/* Kezdőlap-kártya fejlécek – a szülő ezt #fff-re állítja, ami
   világos szöveggel láthatatlanná tenné a címet */
.client-home-cards .card-header {
    background: var(--hp-bg-tertiary) !important;
    border-bottom: 1px solid var(--hp-border-color) !important;
    color: var(--hp-text-primary);
}

.client-home-cards .card-header .card-title,
.client-home-cards .card-header .btn {
    color: var(--hp-text-primary);
}

/* Panel-fejléc sávok (includes/panel.tpl bg-{type}) – sötétítve */
.card .card-title.bg-primary { background: var(--hp-primary) !important; }
.card .card-title.bg-info { background: var(--hp-info-dark) !important; }
.card .card-title.bg-success { background: var(--hp-success-dark) !important; }
.card .card-title.bg-warning { background: var(--hp-warning-dark) !important; }
.card .card-title.bg-danger { background: var(--hp-danger-dark) !important; }
.card .card-title.bg-secondary { background: #2c3357 !important; }
.card .card-title.bg-light,
.card .card-title.bg-white {
    background: var(--hp-bg-tertiary) !important;
    color: var(--hp-text-primary) !important;
}
.card .card-title.bg-dark { background: #1c2340 !important; }

.client-home-cards .card {
    font-size: 0.9em;
}

/* A kezdőlap-kártyák body-ja padding nélkül jön – a benne lévő
   gombok/űrlapok így nem tapadnak a szélekhez */
.client-home-cards .card-body > .btn,
.client-home-cards .card-body > .btn-group,
.client-home-cards .card-body > form {
    margin: 10px 15px;
}

.client-home-cards .card-body .btn-group > .btn {
    margin: 0;
}

/* Keskeny nézeten a fejlécbe floatolt gomb ne lógjon ki */
@media (max-width: 575.98px) {
    .client-home-cards .card-header .float-right {
        float: none;
        display: block;
        margin-bottom: 0.5rem;
    }
    .client-home-cards .card-header .float-right .btn {
        float: none;
    }
}

/* ------------------------------------------------------------
   8. Űrlapok
   ------------------------------------------------------------ */
.form-control,
.field {
    background: var(--hp-bg-input) !important;
    border: 1px solid var(--hp-border-color) !important;
    color: var(--hp-text-primary) !important;
    border-radius: var(--hp-radius-sm);
}

.form-control:focus,
.field:focus {
    background: var(--hp-bg-input);
    border-color: var(--hp-primary) !important;
    color: var(--hp-text-primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22) !important;
}

.form-control::placeholder,
.field::placeholder {
    color: var(--hp-text-muted) !important;
}

.form-control[disabled],
.form-control[readonly],
.field[disabled] {
    background: #0f1322 !important;
    color: var(--hp-text-muted) !important;
}

label,
.control-label,
.form-control-label {
    color: var(--hp-text-secondary);
}

.input-group-text {
    background: var(--hp-bg-tertiary) !important;
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-secondary) !important;
}

select.form-control,
.custom-select {
    background: var(--hp-bg-input) !important;
    border: 1px solid var(--hp-border-color) !important;
    color: var(--hp-text-primary) !important;
}

.custom-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23a1a1aa' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
}

select option,
select optgroup {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-primary);
}

/* Checkbox/radio – rendszerszintű hangsúlyszín */
:root {
    /* natív űrlapvezérlők és scrollbarok sötét módba */
    color-scheme: dark;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--hp-primary);
}

.form-check-label {
    color: var(--hp-text-secondary);
}

/* Bootstrap custom checkbox/radio/switch – a szülő fehér ::before-t rajzol */
.custom-control-label::before {
    background-color: var(--hp-bg-input) !important;
    border-color: var(--hp-border-color) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--hp-primary) !important;
    border-color: var(--hp-primary) !important;
}

.custom-control-label::after {
    color: var(--hp-text-secondary);
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #0f1322 !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff !important;
}

/* Jelszó-felfedő gomb (szem ikon) – a szülő hoverre fehér hátteret ad */
.input-group .btn-reveal-pw,
.input-group .btn-reveal-pw:hover,
.input-group .btn-reveal-pw:active,
.input-group .btn-reveal-pw:focus {
    background: var(--hp-bg-input) !important;
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-secondary) !important;
}

/* Regisztrációs/fejléc aláhúzás – a szülő fehér lapot ad a cím mögé */
#registration .sub-heading span,
#main-body .sub-heading span,
#main-body .sub-heading-borderless span {
    background: var(--hp-bg-primary);
    color: var(--hp-text-primary);
}

.card .sub-heading span,
.card .sub-heading-borderless span {
    background: var(--hp-bg-card);
}

.sub-heading,
.sub-heading-borderless {
    color: var(--hp-text-primary);
    border-top-color: var(--hp-border-color);
}

/* Letiltott listaelemek */
.list-group-item.disabled,
.list-group-item:disabled {
    background: #0f1322 !important;
    color: var(--hp-text-muted) !important;
}

/* Bélyegképek (tudásbázis, hírek) */
.img-thumbnail {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
}

/* KB cikk-felület csúszka jelölői */
.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.35);
}

.carousel-indicators .active {
    background-color: var(--hp-primary-light);
}

/* Fájlfeltöltés */
.custom-file-label {
    background: var(--hp-bg-input);
    border-color: var(--hp-border-color);
    color: var(--hp-text-secondary);
}

.custom-file-label::after {
    background: var(--hp-bg-tertiary);
    border-left-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

/* Validáció */
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--hp-danger) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f87171' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f87171' stroke='none'/%3e%3c/svg%3e") !important;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--hp-success) !important;
}

.invalid-feedback {
    color: #f87171;
}

.valid-feedback {
    color: #34d399;
}

/* JsonForm hibamezők (a világos #fff0f0 helyett) */
form[data-role=json-form] .has-error input.form-control,
form[data-role=json-form] .has-error textarea.form-control,
form[data-role=json-form] .has-error select.form-control {
    background-color: rgba(239, 68, 68, 0.12);
    border-color: var(--hp-danger) !important;
}

/* Bootstrap Switch (toggle) */
.bootstrap-switch .bootstrap-switch-label {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-primary);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: var(--hp-primary);
}

.bootstrap-switch {
    border-color: var(--hp-border-color);
}

/* Telefonszám országlista (intl-tel-input) */
.intl-tel-input .country-list,
.iti-mobile .intl-tel-input.iti-container .country-list {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

.intl-tel-input .country-list .country.highlight,
.iti-mobile .intl-tel-input.iti-container .country-list .country.highlight {
    background: rgba(99, 102, 241, 0.25);
}

.intl-tel-input .country-list .country .dial-code {
    color: var(--hp-text-muted);
}

/* Jelszó-erősség mérő */
.password-strength-meter .progress {
    background: var(--hp-bg-tertiary);
    border-radius: var(--hp-radius-sm);
}

.progress {
    background: var(--hp-bg-tertiary);
    border-radius: var(--hp-radius-sm);
}

.progress-bar {
    background: var(--hp-gradient-primary);
}

.progress-bar.bg-success { background: var(--hp-success-dark) !important; }
.progress-bar.bg-danger { background: var(--hp-danger-dark) !important; }
.progress-bar.bg-warning { background: var(--hp-warning-dark) !important; }
.progress-bar.bg-info { background: var(--hp-info-dark) !important; }

/* ------------------------------------------------------------
   9. Táblázatok, DataTables
   ------------------------------------------------------------ */
.table {
    color: var(--hp-text-primary);
}

.table th,
.table td {
    border-top-color: var(--hp-border-light) !important;
}

.table thead th {
    border-bottom-color: var(--hp-border-color) !important;
    color: var(--hp-text-secondary);
    font-weight: 600;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.025);
}

.table-hover tbody tr:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--hp-text-primary);
}

.table-bordered,
.table-bordered th,
.table-bordered td {
    border-color: var(--hp-border-color) !important;
}

/* table-list (szolgáltatás/domain/számla/jegy listák) */
.dataTables_wrapper table.table-list,
table.table-list {
    border-color: var(--hp-border-color) !important;
    border-radius: var(--hp-radius-md);
}

table.table-list thead th {
    background: var(--hp-bg-tertiary) !important;
    color: var(--hp-text-secondary);
    border-bottom-color: var(--hp-border-color) !important;
}

.dataTables_wrapper table.table-list thead th {
    border-bottom: 2px solid var(--hp-primary) !important;
}

.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
    background: #1a2038 !important;
}

.table-list > tbody > tr > td {
    background: transparent;
    color: var(--hp-text-secondary);
}

.table-list > tbody > tr:hover > td {
    background: rgba(255, 255, 255, 0.04);
    color: var(--hp-text-primary);
}

.table-list > tbody > tr > td a.border-left {
    border-left-color: var(--hp-border-color);
}

.dataTables_wrapper .dataTables_filter label .form-control {
    background: var(--hp-bg-input) !important;
    border: 1px solid var(--hp-border-color) !important;
    color: var(--hp-text-primary) !important;
}

.dataTables_wrapper .dataTables_length select {
    background: var(--hp-bg-input);
    border: 1px solid var(--hp-border-color);
    color: var(--hp-text-primary);
}

.dataTables_wrapper .dataTables_info {
    color: var(--hp-text-muted);
}

.dataTables_wrapper .paginate_button a,
.paginate_button {
    color: var(--hp-text-secondary) !important;
}

/* ------------------------------------------------------------
   10. Lapozó, fülek, badge-ek
   ------------------------------------------------------------ */
.pagination .page-link,
.pagination > li > a,
.pagination > li > span {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
    color: var(--hp-text-secondary);
}

.pagination .page-link:hover,
.pagination > li > a:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

.page-item.active .page-link,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    background: var(--hp-primary) !important;
    border-color: var(--hp-primary) !important;
    color: #fff;
}

.page-item.disabled .page-link,
.pagination > .disabled > a {
    background: var(--hp-bg-secondary);
    border-color: var(--hp-border-color);
    color: var(--hp-text-muted);
}

/* Fülek */
.nav-tabs {
    border-bottom-color: var(--hp-border-color);
}

.nav-tabs .nav-link {
    color: var(--hp-text-secondary);
    border-radius: var(--hp-radius-sm) var(--hp-radius-sm) 0 0;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: var(--hp-border-color) var(--hp-border-color) transparent;
    color: var(--hp-text-primary);
    background: rgba(255, 255, 255, 0.03);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--hp-primary-light);
    background: var(--hp-bg-card);
    border-color: var(--hp-border-color) var(--hp-border-color) var(--hp-bg-card);
}

.nav-pills .nav-link {
    color: var(--hp-text-secondary);
    border-radius: var(--hp-radius-sm);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background: var(--hp-primary);
    color: #fff;
}

/* Mobil accordion-fülek */
@media (max-width: 767.98px) {
    .responsive-tabs-sm {
        background: var(--hp-bg-card);
        border-color: var(--hp-border-color);
    }
    .responsive-tabs-sm .nav-item {
        border-bottom-color: var(--hp-border-light) !important;
    }
    .responsive-tabs-sm .nav-item a {
        color: var(--hp-text-secondary);
    }
    .responsive-tabs-sm .nav-item a:hover {
        background: rgba(255, 255, 255, 0.04);
    }
    .responsive-tabs-sm .nav-item a.active {
        background: rgba(99, 102, 241, 0.2) !important;
        color: var(--hp-primary-light);
    }
    .responsive-tabs-sm-connector .channel,
    .responsive-tabs-sm-connector .bottom-border {
        border-color: var(--hp-border-color);
        background: var(--hp-bg-card);
    }
}

/* Badge-ek */
.badge {
    font-weight: 600;
}

.badge-primary { background: var(--hp-primary) !important; }
.badge-secondary { background: #2c3357 !important; color: var(--hp-text-primary) !important; }
.badge-success { background: var(--hp-success-dark) !important; }
.badge-danger { background: var(--hp-danger-dark) !important; }
.badge-warning { background: var(--hp-warning-dark) !important; color: #fff !important; }
.badge-info { background: var(--hp-info-dark) !important; }
.badge-light { background: var(--hp-bg-tertiary) !important; color: var(--hp-text-primary) !important; }
.badge-dark { background: #1c2340 !important; }

/* Státuszjelölések – szemantikus színek megőrzése */
.status-active,
.status-open,
.status-completed,
.status-paid,
.status-delivered,
.status-accepted { background-color: var(--hp-success-dark) !important; }

.status-unpaid,
.status-fraud,
.status-lost,
.status-dead { background-color: var(--hp-danger-dark) !important; }

/* Függő/kezdeményezett állapotok – borostyán */
.status-pending,
.status-pending-registration,
.status-pending-transfer,
.status-redemption,
.status-grace,
.status-customer-reply { background-color: var(--hp-warning-dark) !important; }

/* Felfüggesztett / visszatérített – narancs, elkülönül a pendingtől */
.status-suspended,
.status-refunded { background-color: #ea580c !important; }

/* Folyamatban – égbolt kék */
.status-inprogress { background-color: var(--hp-info-dark) !important; }

.status-answered { background-color: #7c3aed !important; }
.status-onhold,
.status-collections,
.status-payment-pending,
.status-expired,
.status-transferred-away { background-color: #075985 !important; }

.status-terminated,
.status-cancelled,
.status-closed { background-color: #475569 !important; }

/* Termékállapot sáv a szolgáltatás-részletek oldalon */
.product-status-active { background-color: var(--hp-success-dark) !important; }
.product-status-pending { background-color: var(--hp-warning-dark) !important; }
.product-status-suspended { background-color: #ea580c !important; }
.product-status-terminated,
.product-status-cancelled { background-color: #475569 !important; }
.product-status-fraud { background-color: var(--hp-danger-dark) !important; }

/* Termék ikonblokk – a szülő #efefef-et ad neki */
div.product-details div.product-icon,
.product-details .product-icon {
    background-color: var(--hp-bg-tertiary) !important;
    color: var(--hp-primary-light);
    border-radius: var(--hp-radius-md);
}
.product-details .product-icon h3,
.product-details .product-icon h4 {
    color: var(--hp-text-primary);
}
.product-details .product-icon h4 {
    color: var(--hp-text-secondary);
    font-weight: 400;
}
.product-details .product-icon .fa-inverse {
    color: var(--hp-bg-primary);
}

/* A termékfül-tartalom konténer (bg-white a szülőnél) */
div.product-details-tab-container,
.product-details-tab-container {
    background: var(--hp-bg-card) !important;
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-primary);
}
.product-details-tab-container .row .col-sm-5,
.product-details-tab-container .row .col-sm-7 {
    color: var(--hp-text-secondary);
}

/* Upgrade / csomagváltás termékkártyák */
.upgrade .card,
.upgrade .product,
.upgrade .product .header,
.upgrade .product ul {
    background: var(--hp-bg-card);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

.upgrade .product ul li {
    color: var(--hp-text-secondary);
}

.upgrade .product .footer {
    background: rgba(255, 255, 255, 0.02);
    border-top-color: var(--hp-border-color);
}

.upgrade .product .footer .form-control {
    background: var(--hp-bg-input);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

/* ------------------------------------------------------------
   11. Figyelmeztetések, modálok, popoverek, tooltip
   ------------------------------------------------------------ */
.alert {
    border-radius: var(--hp-radius-md);
    border-width: 1px;
}

.alert-success {
    background: rgba(16, 185, 129, 0.13);
    border-color: rgba(16, 185, 129, 0.4);
    color: #6ee7b7;
}

.alert-danger,
.alert-error {
    background: rgba(239, 68, 68, 0.13);
    border-color: rgba(239, 68, 68, 0.4);
    color: #fca5a5;
}

.alert-warning {
    background: rgba(245, 158, 11, 0.13);
    border-color: rgba(245, 158, 11, 0.4);
    color: #fcd34d;
}

.alert-info {
    background: rgba(14, 165, 233, 0.13);
    border-color: rgba(14, 165, 233, 0.4);
    color: #7dd3fc;
}

.alert a,
.alert .alert-link {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
}

.alert-success .alert-link, .alert-success a { color: #a7f3d0; }
.alert-danger .alert-link, .alert-danger a { color: #fecaca; }
.alert-warning .alert-link, .alert-warning a { color: #fde68a; }
.alert-info .alert-link, .alert-info a { color: #bae6fd; }

/* Modális ablakok */
.modal-content {
    background: var(--hp-bg-tertiary);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-lg);
    color: var(--hp-text-primary);
    box-shadow: var(--hp-shadow-lg);
}

.modal-header {
    border-bottom-color: var(--hp-border-color);
}

.modal-title {
    color: var(--hp-text-primary);
}

.modal-body {
    color: var(--hp-text-secondary);
}

.modal-footer {
    border-top-color: var(--hp-border-color);
}

.modal .close,
.modal-header .close {
    color: var(--hp-text-primary);
    text-shadow: none;
    opacity: 0.75;
}

.modal .close:hover {
    color: #fff;
    opacity: 1;
}

.modal-backdrop.show {
    opacity: 0.6;
}

.modal .item-selector .item {
    background: var(--hp-bg-secondary);
    border: 1px solid var(--hp-border-color);
    color: var(--hp-text-secondary);
    border-radius: var(--hp-radius-md);
}

.modal .item-selector .item:hover,
.modal .item-selector .item.active {
    background: rgba(99, 102, 241, 0.18);
    border-color: var(--hp-primary);
    color: var(--hp-text-primary);
}

/* Popoverek (pl. értesítések) */
.popover {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
    box-shadow: var(--hp-shadow-lg);
}

.popover-header {
    background: rgba(255, 255, 255, 0.04);
    border-bottom-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

.popover-body {
    color: var(--hp-text-secondary);
}

.bs-popover-top > .arrow::before { border-top-color: var(--hp-border-color); }
.bs-popover-top > .arrow::after { border-top-color: var(--hp-bg-tertiary); }
.bs-popover-bottom > .arrow::before { border-bottom-color: var(--hp-border-color); }
.bs-popover-bottom > .arrow::after { border-bottom-color: var(--hp-bg-tertiary); }
.bs-popover-left > .arrow::before { border-left-color: var(--hp-border-color); }
.bs-popover-left > .arrow::after { border-left-color: var(--hp-bg-tertiary); }
.bs-popover-right > .arrow::before { border-right-color: var(--hp-border-color); }
.bs-popover-right > .arrow::after { border-right-color: var(--hp-bg-tertiary); }

.popover-user-notifications ul li {
    border-bottom-color: var(--hp-border-light);
    color: var(--hp-text-secondary);
}

.popover-user-notifications ul li a {
    color: var(--hp-text-secondary);
}

.popover-user-notifications ul li a:hover {
    color: var(--hp-text-primary);
}

/* Tooltip */
.tooltip-inner {
    background: #262e4d;
    color: var(--hp-text-primary);
    border: 1px solid var(--hp-border-color);
}

/* Teljes oldalas AJAX overlay */
#fullpage-overlay .outer-wrapper {
    background: rgba(10, 10, 15, 0.92);
}

#fullpage-overlay .inner-wrapper,
#fullpage-overlay .inner-wrapper .msg {
    color: var(--hp-text-primary);
}

/* ------------------------------------------------------------
   12. Hibajegyek, markdown editor, mellékletek
   ------------------------------------------------------------ */
.view-ticket .card-body {
    border-bottom-color: var(--hp-border-light);
}

.view-ticket .posted-by {
    background: rgba(255, 255, 255, 0.04);
    color: var(--hp-text-muted);
}

.view-ticket .posted-by .posted-by-name {
    color: var(--hp-text-secondary);
}

.view-ticket .message {
    color: var(--hp-text-secondary);
}

.view-ticket .attachments {
    border-top-color: var(--hp-border-color);
}

.view-ticket .attachment-list li span {
    border-color: var(--hp-border-color);
}

.view-ticket .attachment-list li figure {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-muted);
}

.ticket-reply .rating span.star:before,
.ticket-reply .rating-done span.star:before {
    color: var(--hp-text-muted);
}

.ticket-reply .rating span.star:hover:before,
.ticket-reply .rating span.star:hover ~ span.star:before,
.ticket-reply .rating-done span.star.active:before {
    color: #fcd34d;
}

.ticketfeedbackstaffcont {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-secondary);
}

/* Markdown szerkesztő */
.md-editor {
    border-color: var(--hp-border-color) !important;
    border-radius: var(--hp-radius-md);
}

.md-editor .md-footer,
.md-editor > .md-header,
.md-editor > .btn-toolbar {
    background: var(--hp-bg-tertiary) !important;
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-secondary);
}

.md-editor > .btn-toolbar .btn,
.md-editor > .btn-toolbar .btn-group .btn {
    background: var(--hp-bg-tertiary) !important;
    border-color: var(--hp-border-light) !important;
    color: var(--hp-text-secondary) !important;
}

.md-editor > .btn-toolbar .btn:hover {
    color: var(--hp-text-primary) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

.md-editor > .md-header .btn {
    color: var(--hp-text-secondary);
}

.md-editor .md-preview {
    background: var(--hp-bg-secondary) !important;
    border-top-color: var(--hp-border-color);
    border-bottom-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

.md-editor > textarea {
    background: var(--hp-bg-input) !important;
    border-top-color: var(--hp-border-color) !important;
    border-bottom-color: var(--hp-border-color) !important;
    color: var(--hp-text-primary) !important;
    font-family: var(--hp-font-mono) !important;
}

.md-editor > textarea:focus {
    background: var(--hp-bg-input) !important;
}

.md-editor.md-fullscreen-mode {
    background: var(--hp-bg-primary) !important;
}

/* ------------------------------------------------------------
   13. Bejelentkezés, regisztráció, jelszó-reset, 2FA
   ------------------------------------------------------------ */
.login-form .card,
#registration .card,
#containerNewUserSignup .card,
#containerNewUserSecurity .card,
.logincontainer .card {
    background: var(--hp-bg-card);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-lg);
}

#registration .field,
#registration input.field,
#registration select.field {
    background: var(--hp-bg-input) !important;
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-primary) !important;
}

#registration .form-group label,
#registration .field-icon,
#registration .prepend-icon label {
    color: var(--hp-text-secondary);
}

#registration .field::placeholder {
    color: var(--hp-text-muted);
}

#registration .password-strength-meter .progress {
    background: var(--hp-bg-tertiary);
}

#registration .password-strength-meter .progress-bar {
    background: var(--hp-gradient-accent);
}

#registration .form-check label {
    color: var(--hp-text-secondary);
}

/* ------------------------------------------------------------
   14. Közlemények, tudásbázis
   ------------------------------------------------------------ */
.announcements .announcement {
    background: var(--hp-bg-card);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-lg);
    color: var(--hp-text-primary);
}

.announcements .announcement h1,
.announcements .announcement h1 a {
    color: var(--hp-text-primary);
}

.announcements .announcement h1 a:hover {
    color: var(--hp-primary-light);
}

.announcements .announcement article {
    color: var(--hp-text-secondary);
}

/* ------------------------------------------------------------
   15. Domainkezelő, domain árak, kereső blokk
   ------------------------------------------------------------ */
.home-domain-search {
    background: var(--hp-bg-secondary) !important;
    border-top: 1px solid var(--hp-border-color);
    border-bottom: 1px solid var(--hp-border-color);
}

.home-domain-search h2 {
    color: var(--hp-text-primary);
}

.home-domain-search .input-group-wrapper {
    background: var(--hp-bg-tertiary) !important;
    border: 1px solid var(--hp-border-color) !important;
    border-radius: var(--hp-radius-lg) !important;
    box-shadow: var(--hp-shadow-md);
}

.home-domain-search .input-group-wrapper .form-control {
    background: transparent !important;
    border: 0 !important;
    color: var(--hp-text-primary) !important;
}

.home-domain-search .tld-logos {
    color: var(--hp-text-muted);
}

.home-domain-search .tld-logos li img {
    filter: brightness(1.1);
    opacity: 0.9;
}

/* Domain árlista (domainpricing) */
.domain-pricing .tld-row {
    border-bottom-color: var(--hp-border-light);
    color: var(--hp-text-secondary);
}

.domain-pricing .tld-row.highlighted {
    background: rgba(99, 102, 241, 0.1);
}

.domain-pricing .tld-pricing-header {
    color: var(--hp-text-muted);
    border-bottom-color: var(--hp-border-color);
}

/* ------------------------------------------------------------
   16. Store / MarketConnect oldalak
   ------------------------------------------------------------ */
.primary-content .bg-white,
.store-order-container .bg-white,
.store-domain-tab-content.bg-white,
#main-body .bg-white {
    background: var(--hp-bg-card) !important;
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-lg);
    color: var(--hp-text-primary);
}

.store-order-container {
    color: var(--hp-text-primary);
}

.store-order-container h2,
.store-order-container h3,
.store-order-container h4 {
    color: var(--hp-text-primary);
}

.store-order-container p {
    color: var(--hp-text-secondary);
}

.store-domain-tabs .nav-item a {
    color: var(--hp-text-secondary);
}

.store-domain-tabs .nav-item a.active,
.store-domain-tabs .nav-item a:hover {
    color: var(--hp-primary-light);
}

.store-domain-tab-content .tab-pane {
    padding: 1rem;
}

/* MarketConnect landing-page-ek alapszínei */
.landing-page.bg-white,
.landing-page {
    color: var(--hp-text-primary);
}

.landing-page .content-block,
.landing-page .feature-item {
    color: var(--hp-text-secondary);
}

/* Promóciós konténerek a kártyanézetben */
.promo-container .header {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-primary);
}

/* Promó dobozok és banner (MarketConnect, store promó blokkok) */
.promo-container,
.promo-banner {
    background: var(--hp-bg-card) !important;
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-primary);
}

.promo-container .content,
.promo-container .content p,
.promo-banner p {
    color: var(--hp-text-secondary);
}

.promo-container .body,
.promo-container .panel-body {
    background: transparent;
    color: var(--hp-text-secondary);
}

/* Domain kiemelt TLD-blokkok */
.featured-tld {
    background: var(--hp-bg-card);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

.featured-tld .price {
    color: var(--hp-primary-light);
}

/* ------------------------------------------------------------
   17. Számlák – lista és HTML-számlanézet (viewinvoice.tpl)
   ------------------------------------------------------------ */
/* A számlaoldal body-ján nincs primary-bg-color osztály */
body:has(.invoice-container) {
    background: var(--hp-bg-primary);
    color: var(--hp-text-primary);
}

.invoice-container {
    background: var(--hp-bg-card) !important;
    border: 1px solid var(--hp-border-color) !important;
    border-radius: var(--hp-radius-lg) !important;
    color: var(--hp-text-primary);
    box-shadow: var(--hp-shadow-lg);
}

.invoice-container,
.invoice-container h2,
.invoice-container h3,
.invoice-container h4,
.invoice-container strong,
.invoice-container td,
.invoice-container address {
    color: var(--hp-text-primary);
}

.invoice-container .small-text,
.invoice-container address.small-text,
.invoice-container span.small-text {
    color: var(--hp-text-secondary);
}

.invoice-container .table td,
.invoice-container .table th {
    border-top-color: var(--hp-border-light);
}

.invoice-container td.total-row {
    background: var(--hp-bg-tertiary) !important;
}

.invoice-container .card.bg-default,
.invoice-container .card {
    background: transparent !important;
    border: 1px solid var(--hp-border-color);
}

.invoice-container .card-header {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: var(--hp-border-color);
}

/* Számla-státusz színek (sötét felületen is jól olvashatóak) */
.invoice-container .invoice-status .draft { color: var(--hp-text-muted) !important; }
.invoice-container .invoice-status .unpaid { color: #f87171 !important; }
.invoice-container .invoice-status .paid { color: #34d399 !important; }
.invoice-container .invoice-status .refunded { color: #93c5fd !important; }
.invoice-container .invoice-status .cancelled { color: var(--hp-text-muted) !important; }
.invoice-container .invoice-status .collections { color: #fbbf24 !important; }

.invoice-container a {
    color: var(--hp-primary-light);
}

/* HTML-számla: képernyőn sötét, nyomtatásnál világos marad */
@media print {
    body:has(.invoice-container),
    body:has(.invoice-container) .invoice-container {
        background: #fff !important;
    }
    .invoice-container,
    .invoice-container h2,
    .invoice-container h3,
    .invoice-container h4,
    .invoice-container td,
    .invoice-container th,
    .invoice-container p,
    .invoice-container span,
    .invoice-container strong,
    .invoice-container address,
    .invoice-container .small-text {
        color: #111 !important;
        background: transparent !important;
        border-color: #ccc !important;
        box-shadow: none !important;
    }
    .invoice-container .table td,
    .invoice-container .table th,
    .invoice-container .card,
    .invoice-container .card-header {
        border-color: #ccc !important;
    }
    .invoice-container .invoice-status span {
        color: #111 !important;
    }
}

/* Általános nyomtatási védelem: bármely oldal nyomtatásakor fehér alap,
   a Bootstrap print stílusai sötét szöveggel párosulnak */
@media print {
    body {
        background: #fff !important;
    }
    body::before {
        display: none !important;
    }
}

/* ------------------------------------------------------------
   18. Rendelés / kosár – #order-standard_cart (standard_cart és
       a hostpost orderform közös markupja)

   A common.tpl-ben az {assetExists file="custom.css"} a HP-WHMCS
   téma alatt a KLIENS css/custom.css-re is rezolválhat – ezért a
   kritikus orderform-layout szabályokat itt is tartalmazza a fájl.
   ------------------------------------------------------------ */
#order-standard_cart {
    color: var(--hp-text-primary);
}

/* ---- Elrendezés: float sidebar/body (a Bootstrap 4 .row flex miatt) ----
   CSAK a kosár-váz sorait állítjuk block-ra – a belső .row-k (col-md-*,
   TLD-táblák, domain-opciók) valódi gridet használnak */
#order-standard_cart .row:has(> .cart-sidebar),
#order-standard_cart .row:has(> .cart-body),
#order-standard_cart .row:has(> .secondary-cart-body),
#order-standard_cart .row:has(> .secondary-cart-sidebar) {
    display: block;
    overflow: hidden;
}
#order-standard_cart .cart-sidebar {
    float: left;
    width: 25%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#order-standard_cart .cart-body {
    float: right;
    width: 75%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#order-standard_cart .secondary-cart-body {
    float: left;
    width: 65%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#order-standard_cart .secondary-cart-sidebar {
    float: right;
    width: 35%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (max-width: 1199px) {
    #order-standard_cart .cart-sidebar { display: none; }
    #order-standard_cart .cart-body { width: 100%; float: none; }
    #order-standard_cart .secondary-cart-body { width: 69%; }
    #order-standard_cart .secondary-cart-sidebar { width: 31%; }
}
@media only screen and (max-width: 991px) {
    #order-standard_cart .secondary-cart-body { width: 100%; float: none; }
    #order-standard_cart .secondary-cart-sidebar { margin: 0 auto; width: 300px; float: none; }
}
@media only screen and (max-width: 575px) {
    #order-standard_cart .secondary-cart-sidebar { width: 100%; }
}

/* Collapsed kategória-választó: csak mobil/tablet nézetben */
#order-standard_cart .sidebar-collapsed {
    display: none;
}
@media only screen and (max-width: 1199px) {
    #order-standard_cart .sidebar-collapsed {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 16px;
        background: var(--hp-bg-card);
        border: 1px solid var(--hp-border-color);
        border-radius: var(--hp-radius-md);
    }
}

/* ---- Section header (hostpost products.tpl) ---- */
#order-standard_cart .hp-section-header {
    margin-bottom: 28px;
}
#order-standard_cart .hp-section-header h1 {
    color: var(--hp-text-primary);
    font-weight: 700;
}
#order-standard_cart .hp-section-header p {
    color: var(--hp-text-secondary);
    margin-top: 8px;
}

/* ---- Pricing grid + kártyák (hostpost products.tpl markupja) ---- */
#order-standard_cart .hp-pricing-wrapper {
    margin: 24px 0 40px;
}
#order-standard_cart .pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
@media (max-width: 1200px) {
    #order-standard_cart .pricing-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    #order-standard_cart .pricing-grid { grid-template-columns: 1fr; gap: 20px; }
}

#order-standard_cart .pricing-card {
    background: var(--hp-bg-card);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-lg);
    padding: 30px 24px;
    display: flex;
    flex-direction: column;
    transition: all 0.25s ease;
}
#order-standard_cart .pricing-card:hover {
    transform: translateY(-4px);
    border-color: var(--hp-primary);
    box-shadow: 0 0 40px rgba(99, 102, 241, 0.25);
}
#order-standard_cart .pricing-card.featured {
    border-color: var(--hp-primary);
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.12) 0%, var(--hp-bg-card) 60%);
    box-shadow: 0 0 40px rgba(99, 102, 241, 0.2);
}

#order-standard_cart .pricing-card .pricing-header h3 {
    margin: 0 0 6px;
    color: var(--hp-text-primary);
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
}
#order-standard_cart .pricing-card .pricing-header .accent,
#order-standard_cart .pricing-card .pricing-header h3 .accent {
    background: var(--hp-gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
#order-standard_cart .pricing-card .hp-product-qty {
    color: var(--hp-text-muted);
    font-size: 0.85em;
    text-align: center;
    margin: 0;
}
#order-standard_cart .pricing-card .pricing-price {
    text-align: center;
    margin: 14px 0 10px;
}
#order-standard_cart .pricing-card .price-from {
    display: block;
    color: var(--hp-text-muted);
    font-size: 0.8em;
}
#order-standard_cart .pricing-card .price-current {
    display: block;
    color: var(--hp-primary-light);
    font-size: 2em;
    font-weight: 700;
}
#order-standard_cart .pricing-card .price-period {
    display: block;
    color: var(--hp-text-secondary);
    font-size: 0.85em;
}
#order-standard_cart .pricing-card .hp-setup-fee {
    display: block;
    color: var(--hp-text-muted);
    font-size: 0.8em;
}
#order-standard_cart .pricing-card .pricing-subtitle {
    background: rgba(99, 102, 241, 0.12);
    border-radius: var(--hp-radius-sm);
    color: var(--hp-text-secondary);
    font-size: 0.9em;
    margin: 0 0 16px;
    padding: 10px 12px;
    text-align: center;
}
#order-standard_cart .pricing-card .pricing-features {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    flex: 1;
}
#order-standard_cart .pricing-card .pricing-features li {
    border-bottom: 1px solid var(--hp-border-light);
    color: var(--hp-text-secondary);
    padding: 10px 0;
    font-size: 0.92em;
}
#order-standard_cart .pricing-card .pricing-features li:last-child {
    border-bottom: 0;
}
#order-standard_cart .pricing-card .pricing-features li i {
    color: var(--hp-accent);
    margin-right: 8px;
}
#order-standard_cart .pricing-card .pricing-features li strong {
    color: var(--hp-text-primary);
    font-weight: 600;
}
#order-standard_cart .pricing-card .btn-order-now {
    background: var(--hp-gradient-primary);
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 12px;
    border-radius: var(--hp-radius-sm);
}
#order-standard_cart .pricing-card .btn-order-now:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.45);
    color: #fff;
}

#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc,
.service-renewals .div-renewal-period-label {
    color: var(--hp-text-secondary);
}

#order-standard_cart .header-lined h1 {
    color: var(--hp-text-primary);
    border-bottom-color: var(--hp-border-color);
}

#order-standard_cart .sub-heading {
    border-bottom-color: var(--hp-border-color);
}

#order-standard_cart .sub-heading span {
    color: var(--hp-text-primary);
}

/* Termékinfó sáv a konfiguráló oldalon */
#order-standard_cart .product-info {
    background: var(--hp-bg-tertiary) !important;
    border-top-color: var(--hp-border-color) !important;
    border-bottom-color: var(--hp-border-color) !important;
    color: var(--hp-text-primary);
}

#order-standard_cart .product-info .product-title {
    color: var(--hp-text-primary);
}

#order-standard_cart .product-info p {
    color: var(--hp-text-secondary);
    margin: 0 0 6px;
    line-height: 1.55;
}

#order-standard_cart .product-info p:last-child {
    margin-bottom: 0;
}

#order-standard_cart .product-info ul,
#order-standard_cart .product-info ol {
    margin: 4px 0 8px;
    padding-left: 18px;
}

#order-standard_cart .product-info li {
    margin-bottom: 3px;
    line-height: 1.5;
    color: var(--hp-text-secondary);
}

/* Összesítő doboz */
#order-standard_cart .order-summary {
    background: var(--hp-bg-tertiary);
    border-bottom-color: var(--hp-primary);
    border-radius: var(--hp-radius-md);
}

#order-standard_cart .order-summary h2 {
    color: var(--hp-text-primary);
}

#order-standard_cart .summary-container {
    background: var(--hp-bg-secondary);
    color: var(--hp-text-secondary);
}

#order-standard_cart .order-summary .product-name {
    color: var(--hp-text-primary);
}

#order-standard_cart .order-summary .summary-totals {
    border-top-color: var(--hp-border-color);
    border-bottom-color: var(--hp-border-color);
}

#order-standard_cart .order-summary .total-due-today .amt {
    color: var(--hp-primary-light);
}

#order-standard_cart .order-summary .subtotal {
    border-bottom-color: var(--hp-border-color);
}

#order-standard_cart .order-summary .bordered-totals {
    border-bottom-color: var(--hp-border-color);
}

#order-standard_cart .order-summary .recurring-charges {
    color: var(--hp-text-muted);
}

#order-standard_cart .order-summary .btn-continue-shopping {
    color: var(--hp-text-secondary);
}

#order-standard_cart .order-summary .btn-continue-shopping:hover {
    color: var(--hp-primary-light);
}

/* Kosár tételek */
#order-standard_cart .view-cart-items-header {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-primary);
    border-radius: var(--hp-radius-md) var(--hp-radius-md) 0 0;
}

#order-standard_cart .view-cart-items {
    border-bottom-color: var(--hp-primary);
}

#order-standard_cart .view-cart-items .item {
    background: var(--hp-bg-card);
    color: var(--hp-text-secondary);
    border-bottom: 1px solid var(--hp-border-light);
}

#order-standard_cart .view-cart-items .item:nth-child(even) {
    background: var(--hp-bg-secondary);
}

#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-price span {
    color: var(--hp-text-primary);
}

#order-standard_cart .view-cart-items .item-domain {
    color: var(--hp-primary-light);
}

#order-standard_cart .view-cart-items .item-price .cycle {
    color: var(--hp-text-muted);
}

#order-standard_cart .view-cart-items .item-qty input {
    background: var(--hp-bg-input);
    border: 1px solid var(--hp-border-color);
    color: var(--hp-text-primary);
    border-radius: var(--hp-radius-sm);
}

#order-standard_cart .btn-remove-from-cart {
    color: var(--hp-text-muted);
}

#order-standard_cart .btn-remove-from-cart:hover {
    color: var(--hp-danger);
}

#order-standard_cart .empty-cart .btn {
    background: var(--hp-bg-tertiary);
    border: 1px solid var(--hp-border-color);
    color: var(--hp-text-secondary);
    border-radius: 0 0 var(--hp-radius-sm) var(--hp-radius-sm);
}

#order-standard_cart .empty-cart .btn:hover {
    color: var(--hp-danger);
    border-color: var(--hp-danger);
}

/* Checkout */
#order-standard_cart .apply-credit-container {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-primary);
}

#order-standard_cart .cc-input-container {
    background: var(--hp-bg-secondary);
    border-color: var(--hp-border-color);
    border-radius: var(--hp-radius-md);
    color: var(--hp-text-primary);
}

#order-standard_cart .cc-input-container .existing-cc-grid {
    color: var(--hp-text-secondary);
}

#order-standard_cart .checkout-security-msg {
    color: var(--hp-text-muted);
}

#order-standard_cart .checkout-error-feedback .alert {
    margin-bottom: 10px;
}

/* Domain kereső a kosárban */
#order-standard_cart .domain-checker-container .input-group-box {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
}

#order-standard_cart .domain-checker-bg {
    background: var(--hp-bg-secondary);
}

#order-standard_cart .domain-check-availability,
#order-standard_cart .domain-step-options {
    color: var(--hp-text-primary);
}

#order-standard_cart .domain-bulk-options-box {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

#order-standard_cart .domain-disclaimer-area,
#order-standard_cart .domain-suggestions-warning {
    color: var(--hp-text-muted);
    background: var(--hp-bg-secondary);
    border-color: var(--hp-border-color);
}

#order-standard_cart .domain-renewals .domain-renewal {
    background: var(--hp-bg-card);
    border-color: var(--hp-border-color);
    color: var(--hp-text-secondary);
}

#order-standard_cart .domain-renewals .domain-renewal h3 {
    color: var(--hp-text-primary);
}

#order-standard_cart .domain-promo-box {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
    color: var(--hp-text-secondary);
}

#order-standard_cart .domain-promo-box h3 {
    color: var(--hp-text-primary);
}

#order-standard_cart .domain-promo-box i {
    color: var(--hp-primary-light);
}

/* Javasolt/kiemelt termékdobozok */
#order-standard_cart .suggestion-box,
#order-standard_cart .promo-box {
    background: var(--hp-bg-card);
    border-color: var(--hp-border-color);
    color: var(--hp-text-secondary);
}

/* Domain árlista a kosárban */
#order-standard_cart .domain-tld-pricing-table-responsive,
#order-standard_cart .domain-pricing .tld-row {
    color: var(--hp-text-secondary);
}

#order-standard_cart .domain-pricing .tld-pricing-header {
    color: var(--hp-text-muted);
}

/* TLD-ártábla fehér burkolója (domainregister.tpl .bg-white) */
#order-standard_cart .bg-white {
    background: var(--hp-bg-card) !important;
    color: var(--hp-text-primary);
}

/* Kiemelt TLD kártyák a domain-regisztráció oldalon (.com, .net…) */
#order-standard_cart .featured-tlds-container .featured-tld,
#order-standard_cart .featured-tld {
    background: var(--hp-bg-card);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-md);
    color: var(--hp-text-primary);
}
#order-standard_cart .featured-tld .price {
    color: var(--hp-primary-light);
}
#order-standard_cart .featured-tld .price.sale,
#order-standard_cart .featured-tld .price.hot {
    color: var(--hp-warning) !important;
}

/* Kategória-badgek a TLD-szűréshez */
#order-standard_cart .tld-filters .badge {
    background: var(--hp-bg-tertiary) !important;
    border: 1px solid var(--hp-border-color);
    color: var(--hp-text-secondary) !important;
}
#order-standard_cart .tld-filters .badge:hover,
#order-standard_cart .tld-filters .badge.active {
    background: var(--hp-primary) !important;
    color: #fff !important;
}

/* Multiselect (TLD választó) legördülő */
#order-standard_cart .multiselect-container.dropdown-menu {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
}
#order-standard_cart .multiselect-container .multiselect-option .dropdown-item,
#order-standard_cart .multiselect-container label {
    color: var(--hp-text-secondary) !important;
}
#order-standard_cart .multiselect-container .dropdown-item:hover,
#order-standard_cart .multiselect-container .active a,
#order-standard_cart .multiselect-container li.active label {
    background: rgba(255, 255, 255, 0.06);
    color: var(--hp-text-primary) !important;
}

/* Kategória-sidebar (mobil nézet) */
#order-standard_cart .sidebar-collapsed {
    background: var(--hp-bg-card);
    border: 1px solid var(--hp-border-color);
    border-radius: var(--hp-radius-md);
}

/* A szerver-konfigurációs mezőket (hostname, root jelszó, NS-prefixek) az
   orderform child configureproduct.tpl-je kezeli rejtett inputokkal – itt nincs
   CSS-elrejtés, mert az üresen beküldött mező elbukna a rendelés-validáción. */

/* iCheck négyzetes rádió/checkbox sprite – sötét környezetbe */
#order-standard_cart .iradio_square-blue,
#order-standard_cart .icheckbox_square-blue {
    opacity: 0.9;
}

/* ---- Szülői világos felületek lefedése (standard_cart #fff/#f8f8f8) ----
   (a kliens css-ben is meg kell lenniük, mert ?systpl= preview alatt
   ez a fájl töltődik az orderform custom.css helyett) */

#order-standard_cart .products .product {
    background: var(--hp-bg-card);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}
#order-standard_cart .products .product header {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-primary);
}
#order-standard_cart .products .product .product-name,
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .pricing {
    color: var(--hp-text-secondary);
}
#order-standard_cart .products .product .price,
#order-standard_cart .products .product .pricing .price {
    color: var(--hp-primary-light);
}

#order-standard_cart .account-select-container div.account {
    background: var(--hp-bg-card);
    border-color: var(--hp-border-color);
    color: var(--hp-text-secondary);
}
#order-standard_cart .account-select-container div.account.active {
    background: var(--hp-bg-tertiary) !important;
    border-color: var(--hp-primary) !important;
    color: var(--hp-text-primary);
}
#order-standard_cart .account-select-container .place-interest {
    background: rgba(99, 102, 241, 0.15) !important;
}

#order-standard_cart .domain-selection-options .option {
    background: var(--hp-bg-card);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}
#order-standard_cart .domain-selection-options .option.option-selected {
    border-color: var(--hp-primary);
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.25);
}
#order-standard_cart .domain-selection-options .option .option-desc {
    color: var(--hp-text-secondary);
}

#order-standard_cart .transfer-not-eligible {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-secondary);
}
#order-standard_cart .domain-suggestions {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-secondary);
}
#order-standard_cart .order-summary .product-name {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color) var(--hp-border-color) transparent;
}

/* Kosár nézet fülek és kuponkód-doboz */
#order-standard_cart .view-cart-tabs .nav-tabs a {
    color: var(--hp-text-secondary);
}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
    background: var(--hp-bg-tertiary) !important;
    color: var(--hp-text-primary) !important;
}
#order-standard_cart .view-cart-tabs .tab-content {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}
#order-standard_cart .view-cart-promotion-code {
    background: var(--hp-bg-card);
    border-color: var(--hp-border-light);
    color: var(--hp-text-secondary);
}

/* MarketConnect promó doboz a kosárban */
#order-standard_cart .mc-promo {
    background: var(--hp-bg-card) !important;
    border-color: var(--hp-border-light) !important;
    border-bottom-color: var(--hp-primary) !important;
    color: var(--hp-text-primary);
}
#order-standard_cart .mc-promo .body {
    background: var(--hp-bg-tertiary) !important;
    border-top-color: var(--hp-border-color) !important;
    color: var(--hp-text-secondary);
}
#order-standard_cart .mc-promo .headline,
#order-standard_cart .mc-promo .tagline {
    color: var(--hp-text-primary);
}
#order-standard_cart .mc-promo .body i {
    color: var(--hp-accent);
}

/* Kiemelt TLD-k / domain spotlight */
#order-standard_cart .spotlight-tlds {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-primary);
}
#order-standard_cart .spotlight-tld {
    background: var(--hp-bg-card) !important;
    border-color: var(--hp-border-color) !important;
    color: var(--hp-text-primary) !important;
}

/* Javasolt domainek panel */
#order-standard_cart .suggested-domains .domain-lookup-suggestions-loader {
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-secondary);
}
#order-standard_cart .suggested-domains .panel-heading,
#order-standard_cart .suggested-domains .card-header {
    border-bottom-color: var(--hp-primary);
    background: var(--hp-bg-tertiary);
    color: var(--hp-text-primary);
}

/* Megújítási listák (service/domain/addon renewals) */
#order-standard_cart .service-renewals,
#order-standard_cart .addon-renewals .service-renewal,
#order-standard_cart .domain-renewals .domain-renewal,
#order-standard_cart .service-renewals .service-renewal {
    background: var(--hp-bg-card);
    color: var(--hp-text-primary);
}
#order-standard_cart .domain-renewals .domain-renewal,
#order-standard_cart .service-renewals .service-renewal {
    border-bottom-color: var(--hp-border-color);
}
#order-standard_cart .domain-renewals .domain-renewal:nth-child(even),
#order-standard_cart .service-renewals .service-renewal:nth-child(even),
#order-standard_cart .addon-renewals .service-renewal:nth-child(even) {
    background: var(--hp-bg-tertiary);
}

/* Domain-kereső doboz kerete */
#order-standard_cart .domain-checker-container {
    background: transparent;
}

/* ------------------------------------------------------------
   19. Fehér-felület segédosztályok a tartalmi zónában
   ------------------------------------------------------------ */
#main-body .bg-light,
.primary-content .bg-light {
    background: var(--hp-bg-secondary) !important;
}

#main-body .text-dark {
    color: var(--hp-text-primary) !important;
}

/* ------------------------------------------------------------
   20. Lábléc
   ------------------------------------------------------------ */
footer.footer {
    background: var(--hp-bg-secondary) !important;
    border-top: 1px solid var(--hp-border-color);
    color: var(--hp-text-secondary);
    padding: 48px 0 32px;
}

footer.footer .nav-link {
    color: var(--hp-text-secondary) !important;
}

footer.footer .nav-link:hover {
    color: var(--hp-primary-light) !important;
}

footer.footer .btn {
    background: var(--hp-bg-tertiary) !important;
    border: 1px solid var(--hp-border-color) !important;
    color: var(--hp-text-secondary) !important;
}

footer.footer .btn:hover {
    color: var(--hp-text-primary) !important;
    border-color: var(--hp-primary) !important;
}

footer.footer .copyright {
    color: var(--hp-text-muted);
}

footer.footer .dropdown-menu {
    background: var(--hp-bg-tertiary) !important;
}

/* ------------------------------------------------------------
   21. Egyéb / finomhangolás
   ------------------------------------------------------------ */
.well {
    background: var(--hp-bg-tertiary);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

.jumbotron {
    background: var(--hp-bg-card);
    color: var(--hp-text-primary);
}

/* Captcha doboz igazítása */
#default-captcha-domainchecker #inputCaptcha {
    background: var(--hp-bg-input);
    border-color: var(--hp-border-color);
    color: var(--hp-text-primary);
}

.captchaimage {
    border-radius: var(--hp-radius-sm);
}

/* Mobil navigáció háttér a lenyílt menüben */
@media (max-width: 1199.98px) {
    header.header .navbar-collapse {
        background: var(--hp-bg-secondary);
        border: 1px solid var(--hp-border-color);
        border-radius: var(--hp-radius-md);
        margin-top: 8px;
        padding: 12px;
    }
}