html, body {
    background: #050505 !important;
    color: #f2f2f2 !important;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

body,
#wrapper,
#main-body,
.main-content,
section#main-body,
.container,
.container-fluid {
    background: #050505 !important;
    color: #f2f2f2 !important;
}

a {
    color: #d4af37;
    text-decoration: none;
}

a:hover {
    color: #f6d365;
}

/* ===== HEADER ===== */
.sofbac-header {
    background: #050505 !important;
    border-bottom: 1px solid rgba(212,175,55,.25);
    padding: 18px 0;
}

.sofbac-header-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sofbac-brand img {
    max-height: 42px;
    width: auto;
    display: block;
}

.sofbac-header-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.sofbac-top-link {
    color: #f2f2f2 !important;
    font-weight: 600;
}

.sofbac-top-link:hover {
    color: #d4af37 !important;
}

.sofbac-top-btn {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg,#d4af37,#f2d46b);
    color: #111 !important;
    font-weight: 700;
}

/* ===== HIDE DEFAULT WHMCS TOP NAV ===== */
.navbar,
.navbar-main,
.top-nav,
#Primary_Navbar,
#Secondary_Navbar,
.navbar-nav,
.search-box,
.form[action*="knowledgebase"],
.breadcrumb,
.page-header,
.header-lined {
    display: none !important;
}

/* ===== STORE GRID ===== */
.store-heading,
.product-group-header,
h1,
h2,
h3,
h4 {
    color: #f4e3a2 !important;
}

.store .product,
.product,
.product-group,
.package {
    background: linear-gradient(180deg,#111217,#0b0c10) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.35) !important;
    color: #f2f2f2 !important;
}

.store .product:hover,
.product:hover {
    border-color: #d4af37 !important;
    transform: translateY(-3px);
    transition: .2s ease;
}

.product .title,
.product h3,
.product h4 {
    color: #f4e3a2 !important;
}

.product .price,
.price,
.product-price {
    color: #d4af37 !important;
    font-weight: 800 !important;
}

.product p,
.product span {
    color: #d5d5d5 !important;
}

.btn,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
button[type="submit"] {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 20px rgba(212,175,55,.18) !important;
}

/* ===== CHECKOUT ===== */
#order-standard_cart {
    max-width: 1180px;
    margin: 36px auto 60px auto !important;
    padding: 0 24px !important;
    background: transparent !important;
}

#order-standard_cart .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
    align-items: flex-start !important;
}

#order-standard_cart .categories-collapsable-card,
#order-standard_cart .actions-collapsable-card,
#order-standard_cart > .row > .col-md-3,
#order-standard_cart > .row > .col-lg-3 {
    display: none !important;
}

#order-standard_cart > .row > .main-content,
#order-standard_cart > .row > .col-md-8,
#order-standard_cart > .row > .col-lg-8,
#order-standard_cart > .row > .col-md-9,
#order-standard_cart > .row > .col-lg-9 {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart .secondary-cart-sidebar,
#order-standard_cart .view-cart-sidebar,
#order-standard_cart #scrollingPanelContainer {
    display: block !important;
    flex: 0 0 30% !important;
    max-width: 30% !important;
    width: 30% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .view-cart-sidebar,
#order-standard_cart .secondary-cart-sidebar,
#order-standard_cart #scrollingPanelContainer,
#order-standard_cart .panel,
#order-standard_cart .card {
    background: linear-gradient(180deg,#111217,#0a0b0f) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.38) !important;
    color: #f2f2f2 !important;
}

#order-standard_cart input,
#order-standard_cart select,
#order-standard_cart textarea,
#order-standard_cart .form-control {
    background: #0d0f14 !important;
    color: #fff !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    border-radius: 12px !important;
    min-height: 46px;
}

#order-standard_cart .price,
#order-standard_cart .amt,
#order-standard_cart .amount,
#order-standard_cart .total,
#order-standard_cart strong {
    color: #d4af37 !important;
}

#order-standard_cart .sub-heading,
#order-standard_cart .product-desc {
    display: none !important;
}

footer,
#footer,
.footer {
    background: #050505 !important;
    border-top: 1px solid rgba(212,175,55,.20) !important;
    color: #cfcfcf !important;
}

@media (max-width: 980px) {
    .sofbac-header-inner {
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }

    #order-standard_cart .row {
        flex-wrap: wrap !important;
    }

    #order-standard_cart > .row > .main-content,
    #order-standard_cart > .row > .col-md-8,
    #order-standard_cart > .row > .col-lg-8,
    #order-standard_cart > .row > .col-md-9,
    #order-standard_cart > .row > .col-lg-9,
    #order-standard_cart .secondary-cart-sidebar,
    #order-standard_cart .view-cart-sidebar,
    #order-standard_cart #scrollingPanelContainer {

    }
}
/* ===== FINAL TOP BAR + STORE GRID ===== */

/* górna belka */
.sofbac-header {
    background: #050505 !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
    padding: 14px 0 !important;
}

.sofbac-header-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.sofbac-brand {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

.container,
.container-fluid {
    max-width: 1200px !important;
}

.sofbac-brand img {
    max-height: 42px !important;
    width: auto !important;
    display: block !important;
}

.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    margin-left: auto !important;
    flex: 1 1 auto !important;
}

.sofbac-top-link {
    color: #f2f2f2 !important;
    font-weight: 800 !important;
    font-size: 17px !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
}

.sofbac-top-link:hover {
    color: #d4af37 !important;
}

.sofbac-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 11px 18px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    white-space: nowrap !important;
}

/* ukryj stare top-nav whmcs */
.navbar,
.navbar-main,
.top-nav,
#Primary_Navbar,
#Secondary_Navbar,
.navbar-nav,
.search-box,
form[action*="knowledgebase"],
.breadcrumb,
.page-header,
.header-lined {
    display: none !important;
}

/* store: usuń lewe menu */
.store .sidebar,
.store .categories-collapsable-card,
.store .actions-collapsable-card,
#main-body .col-md-3,
#main-body .col-lg-3 {
    display: none !important;
}

/* store: siatka 3x3 */
.store .main-content,
.store .col-md-9,
.store .col-lg-9,
#main-body .main-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.store .product-group,
.store .products,
.store .row-products,
.store .product-grid {
    width: 100% !important;
}

.store .product,
.store .product-group .product,
.product-group .product,
.package {
    background: linear-gradient(180deg,#111217,#0b0c10) !important;
    border: 1px solid rgba(212,175,55,.24) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.35) !important;
    color: #f2f2f2 !important;
    min-height: 320px !important;
}

.store .product:hover,
.product:hover {
    transform: translateY(-3px) !important;
    border-color: #d4af37 !important;
}

.store .product .title,
.store .product h3,
.store .product h4,
.product-name {
    color: #f4e3a2 !important;
    font-size: 26px !important;
    font-weight: 800 !important;
}

.store .product .price,
.store .product .product-price,
.store .product .price .amt,
.price {
    color: #d4af37 !important;
    font-weight: 800 !important;
}

.store .product p,
.store .product span {
    color: #d6d6d6 !important;
}

.store .product .btn,
.store .product .btn-primary {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
}

/* checkout: usuń lewe menu, zostaw prawe summary */
#order-standard_cart .categories-collapsable-card,
#order-standard_cart .actions-collapsable-card,
#order-standard_cart > .row > .col-md-3,
#order-standard_cart > .row > .col-lg-3 {
    display: none !important;
}

#order-standard_cart > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
    align-items: flex-start !important;
}

#order-standard_cart > .row > .main-content,
#order-standard_cart > .row > .col-md-8,
#order-standard_cart > .row > .col-lg-8,
#order-standard_cart > .row > .col-md-9,
#order-standard_cart > .row > .col-lg-9 {
    flex: 0 0 64% !important;
    max-width: 64% !important;
    width: 64% !important;
}

#order-standard_cart .secondary-cart-sidebar,
#order-standard_cart .view-cart-sidebar,
#order-standard_cart #scrollingPanelContainer {
    display: block !important;
    flex: 0 0 28% !important;
    max-width: 28% !important;
    width: 28% !important;
}

/* mobile */
@media (max-width: 980px) {
    .sofbac-header-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sofbac-header-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
    }

    #order-standard_cart > .row {
        flex-wrap: wrap !important;
    }

    #order-standard_cart > .row > .main-content,
    #order-standard_cart > .row > .col-md-8,
    #order-standard_cart > .row > .col-lg-8,
    #order-standard_cart > .row > .col-md-9,
    #order-standard_cart > .row > .col-lg-9,
    #order-standard_cart .secondary-cart-sidebar,
    #order-standard_cart .view-cart-sidebar,
    #order-standard_cart #scrollingPanelContainer {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}
/* ===== HEADER FINAL ALIGN FIX ===== */

.sofbac-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

/* logo po lewej */
.sofbac-brand {
    display: flex !important;
    align-items: center !important;
}

/* menu po prawej */
.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 24px !important;
    margin-left: auto !important;
}

/* linki */
.sofbac-top-link {
    color: #f2f2f2 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    letter-spacing: .02em !important;
}

/* hover */
.sofbac-top-link:hover {
    color: #d4af37 !important;
}

/* przycisk koszyka */
.sofbac-top-btn {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    font-weight: 800 !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
}

/* usuń łamanie tekstu */
.sofbac-header-actions a {
    white-space: nowrap !important;
}

/* ===== ULTRA PREMIUM HEADER ===== */

.sofbac-header {
    background: #050505 !important;
 =   border-bottom: 1px solid rgba(212,175,55,.22) !important;
    padding: 14px 0 !important;
}

.sofbac-header-inner {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
}

.sofbac-brand {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

.sofbac-brand img {
    max-height: 44px !important;
    width: auto !important;
    display: block !important;
}

.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    margin-left: auto !important;
    flex-wrap: wrap !important;
}

.sofbac-top-link,
.sofbac-top-btn {
    white-space: nowrap !important;
    font-size: 16px !important;
    letter-spacing: .01em !important;
}

.sofbac-top-link {
    color: #f3f3f3 !important;
    font-weight: 800 !important;
    opacity: .96 !important;
}

.sofbac-top-link:hover {
    color: #d4af37 !important;
}

.sofbac-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(212,175,55,.18) !important;
}

@media (max-width: 980px) {
    .sofbac-header-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sofbac-header-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        gap: 14px !important;
    }
}
.sofbac-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.sofbac-header-actions {
    display: flex !important;
    gap: 22px !important;
    margin-left: auto !important;
}

.sofbac-top-link {
    font-weight: 800 !important;
}

/* ===== GLOBAL CONTAINER ===== */
body {
    max-width: 1400px;
    margin: 0 auto !important;
}

/* ===== HEADER FIX ===== */
.sofbac-header {
    width: 100%;
    padding: 10px 30px;
}

.sofbac-header-inner {
    max-width: 1300px;
    margin: 0 auto;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* ===== LOGO SIZE FIX ===== */
.sofbac-brand img {
    max-height: 42px !important;
    width: auto !important;
}

/* ===== MENU ALIGN ===== */
.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

/* ===== TYPOGRAPHY PREMIUM ===== */
.sofbac-top-link {
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.3px;
}

/* ===== CONTENT WIDTH ===== */
#main-body,
.main-content,
.container {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* ===== HARD RESET HEADER ===== */
body > header#header,
body > #header,
.navbar,
.navbar-main,
.top-nav,
#Primary_Navbar,
#Secondary_Navbar,
.navbar-nav,
.navbar-header,
.search-box,
.header-lined,
.page-header,
.breadcrumb {
    display: none !important;
}

.sofbac-header {
    display: block !important;
    width: 100% !important;
    background: #050505 !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
    padding: 14px 0 !important;
    margin: 0 !important;
}

.sofbac-header-inner {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    box-sizing: border-box !important;
}

.sofbac-brand {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sofbac-brand img {
    display: block !important;
    height: 42px !important;
    max-height: 42px !important;
    width: auto !important;
    max-width: 220px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sofbac-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 1 1 auto !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.sofbac-top-link,
.sofbac-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

.sofbac-top-link {
    color: #f3f3f3 !important;
    font-weight: 800 !important;
}

.sofbac-top-link:hover {
    color: #d4af37 !important;
}

.sofbac-top-btn {
    padding: 11px 16px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    font-weight: 800 !important;
}

@media (max-width: 980px) {
    .sofbac-header-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sofbac-header-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 14px !important;
    }
}

/* ===== HEADER TYPOGRAPHY TUNING ===== */

.sofbac-header-actions {
    gap: 16px !important;
}

.sofbac-top-link {
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em !important;
    opacity: 0.96 !important;
}

.sofbac-top-link:hover {
    color: #f1d98a !important;
}

.sofbac-top-btn {
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 9px 15px !important;
    border-radius: 11px !important;
}

@media (max-width: 980px) {
    .sofbac-top-link,
    .sofbac-top-btn {
        font-size: 14px !important;
    }
}
/* =========================================
   SOFBAC FINAL GLOBAL DARK + TRUST TUNING
   ========================================= */

/* ---- top bar typography final ---- */
.sofbac-header-actions {
    gap: 16px !important;
}

.sofbac-top-link {
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
    opacity: 0.96 !important;
}

.sofbac-top-btn {
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 9px 15px !important;
    border-radius: 11px !important;
}

/* ---- global dark content wrappers ---- */
body,
#wrapper,
#main-body,
.main-content,
section#main-body,
.container,
.container-fluid,
.content-block,
.client-area,
.logincontainer,
.login-page,
.register-page {
    background: #050505 !important;
    color: #e8e4d8 !important;
}

/* ---- all content cards / white blocks ---- */
.logincontainer .card,
.logincontainer .panel,
.logincontainer .well,
.logincontainer .alert,
.logincontainer .container,
.client-area .card,
.client-area .panel,
.client-area .well,
.register-page .card,
.register-page .panel,
.register-page .well,
.main-content .card,
.main-content .panel,
.main-content .well,
.content-block .card,
.content-block .panel,
.content-block .well,
div.panel,
div.card,
div.well {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

/* ---- headings ---- */
h1, h2, h3, h4, h5 {
    color: #f1d98a !important;
}

label,
.control-label,
.form-group label,
.fieldlabel {
    color: #d8d2c6 !important;
}

/* ---- login / register forms ---- */
.logincontainer,
.logincontainer * {
    color: #e8e4d8 !important;
}

.logincontainer h1,
.logincontainer h2,
.logincontainer h3 {
    color: #f1d98a !important;
}

.logincontainer .card,
.logincontainer .panel,
.logincontainer .logincontainer,
.logincontainer .main-content {
    background: #0c1018 !important;
}

/* ---- inputs everywhere ---- */
input,
select,
textarea,
.form-control,
.custom-select,
.input-group-text {
    background: #0a0f16 !important;
    color: #f3efe4 !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    box-shadow: none !important;
}

.input-group-text {
    color: #d8d2c6 !important;
}

input::placeholder,
textarea::placeholder {
    color: #aaa395 !important;
    opacity: 1 !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.custom-select:focus {
    background: #0d131b !important;
    color: #ffffff !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 0.15rem rgba(212,175,55,.15) !important;
}

input[readonly],
input[disabled],
select[disabled],
textarea[disabled],
.form-control[readonly],
.form-control:disabled {
    background: #111722 !important;
    color: #d9d4c7 !important;
    border-color: rgba(212,175,55,.18) !important;
    opacity: 1 !important;
}

/* ---- tabs / white areas in cart ---- */
.nav-tabs,
.nav-tabs li,
.nav-tabs li a,
.nav-tabs .nav-link,
.tab-content,
.tab-pane,
.promo-banner,
.promo-container,
.masspay-container {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.22) !important;
}

.nav-tabs li a:hover,
.nav-tabs .nav-link:hover,
.nav-tabs li.active a,
.nav-tabs .nav-link.active {
    background: #111722 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.28) !important;
}

/* ---- order/cart tables ---- */
.table,
.table-striped,
.table-bordered,
.table > tbody > tr > td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > td {
    background: transparent !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.18) !important;
}

/* ---- helper texts ---- */
small,
.help-block,
.text-muted,
.muted,
.text-light,
.form-text {
    color: #bdb7aa !important;
}

/* ---- links ---- */
a {
    color: #e7c760 !important;
}

a:hover {
    color: #f3d983 !important;
}

/* ---- buttons ---- */
.btn,
.btn-primary,
.btn-default,
.btn-success,
.btn-info,
.btn-warning,
button[type="submit"] {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.btn:hover,
.btn-primary:hover,
.btn-default:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
button[type="submit"]:hover {
    background: linear-gradient(135deg,#e0bb4b,#f5db82) !important;
    color: #111 !important;
}

/* ---- checkboxes / misc ---- */
.checkbox,
.checkbox-inline,
.radio,
.radio-inline {
    color: #d8d2c6 !important;
}

/* ---- footer consistency ---- */
footer,
#footer,
.footer {
    background: #050505 !important;
    color: #cfc8ba !important;
    border-top: 1px solid rgba(212,175,55,.18) !important;
}

/* ---- mobile tune ---- */
@media (max-width: 980px) {
    .sofbac-top-link,
    .sofbac-top-btn {
        font-size: 14px !important;
    }
}

/* =========================================
   SOFBAC CART COLOR UNIFICATION
   ========================================= */

/* nagłówki tabel / niebieskie paski */
#order-standard_cart .products-header,
#order-standard_cart .cart-body .header,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .panel-heading,
#order-standard_cart .cart-item-header,
#order-standard_cart .row-upgrade-package .panel-heading,
#order-standard_cart .product-header,
#order-standard_cart .order-summary-header,
#order-standard_cart .header-area,
#order-standard_cart .bg-info,
#order-standard_cart .bg-primary {
    background: #0d1118 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* lewy sidebar aktywny element */
#order-standard_cart .list-group-item.active,
#order-standard_cart .sidebar .list-group-item.active,
#order-standard_cart .list-group-item.active:hover,
#order-standard_cart .list-group-item.active:focus {
    background: #121926 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.25) !important;
}

/* zwykłe elementy listy */
#order-standard_cart .list-group-item,
#order-standard_cart .sidebar .list-group-item {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.16) !important;
}

/* zakładki promo / taxes */
#order-standard_cart .nav-tabs,
#order-standard_cart .nav-tabs li,
#order-standard_cart .nav-tabs li a,
#order-standard_cart .nav-tabs .nav-link,
#order-standard_cart .tab-content,
#order-standard_cart .tab-pane {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.18) !important;
}

#order-standard_cart .nav-tabs li a:hover,
#order-standard_cart .nav-tabs .nav-link:hover,
#order-standard_cart .nav-tabs li.active a,
#order-standard_cart .nav-tabs .nav-link.active {
    background: #121926 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.25) !important;
}

/* input promo code */
#order-standard_cart .promo-code-input,
#order-standard_cart input[name="promocode"],
#order-standard_cart .input-group,
#order-standard_cart .input-group-text {
    background: #0a0f16 !important;
    color: #f3efe4 !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* przyciski continue shopping i checkout */
#order-standard_cart .btn,
#order-standard_cart .btn-primary,
#order-standard_cart .btn-default,
#order-standard_cart .btn-success,
#order-standard_cart button,
#order-standard_cart input[type="submit"] {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: 0 !important;
}

#order-standard_cart .btn:hover,
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart button:hover,
#order-standard_cart input[type="submit"]:hover {
    background: linear-gradient(135deg,#e0bb4b,#f5db82) !important;
    color: #111 !important;
}

/* cienkie linie / separatory */
#order-standard_cart hr,
#order-standard_cart .divider,
#order-standard_cart .border,
#order-standard_cart .border-top,
#order-standard_cart .border-bottom {
    border-color: rgba(212,175,55,.14) !important;
}

/* teksty w koszyku */
#order-standard_cart,
#order-standard_cart p,
#order-standard_cart span,
#order-standard_cart td,
#order-standard_cart th,
#order-standard_cart div {
    color: #e8e4d8 !important;
}


/* =========================================
   SOFBAC FINAL WHITE DESCRIPTION BOX FIX
   ========================================= */

/* box z opisem produktu / konfiguracji */
#order-standard_cart .product-info,
#order-standard_cart .product-details,
#order-standard_cart .product-config,
#order-standard_cart .product-desc,
#order-standard_cart .product-description,
#order-standard_cart .sub-heading,
#order-standard_cart .field-container.product-name,
#order-standard_cart .package-name,
#order-standard_cart .product-name,
#order-standard_cart .panel.product-details,
#order-standard_cart .cart-item-description,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .configurable-options .option,
#order-standard_cart .package-description,
#order-standard_cart .package-features,
#order-standard_cart .product-summary,
#order-standard_cart .domain-selection-options,
#order-standard_cart .configoption,
#order-standard_cart .configoption label,
#order-standard_cart .configoption span {
    background: #0c1018 !important;
    color: #d9d4c7 !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* konkretne jasne boksy w store */
.store .product,
.store .product .header,
.store .product-header,
.store .package,
.store .package-header,
.store .package-content,
.store .featured-product,
.store .featured-product .header,
.store .featured-product .package-title,
.store .product .package-title {
    background: linear-gradient(180deg,#111217,#0b0c10) !important;
    color: #d9d4c7 !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* górny biały pasek w boxach produktów */
.store .product .header,
.store .product-header,
.store .product h3,
.store .product h4,
.store .featured-product .header,
.store .featured-product h3,
.store .featured-product h4,
.store .package-header,
.store .package-title {
    background: #0c1018 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* opisy i feature listy */
.store .product p,
.store .product li,
.store .product span,
.store .package p,
.store .package li,
.store .package span,
#order-standard_cart .product-info p,
#order-standard_cart .product-info li,
#order-standard_cart .product-info span,
#order-standard_cart .product-description p,
#order-standard_cart .product-description li,
#order-standard_cart .product-description span {
    color: #d0cabd !important;
}

/* tytuły w opisach */
#order-standard_cart .product-info h1,
#order-standard_cart .product-info h2,
#order-standard_cart .product-info h3,
#order-standard_cart .product-description h1,
#order-standard_cart .product-description h2,
#order-standard_cart .product-description h3,
.store .product h1,
.store .product h2,
.store .product h3,
.store .package h1,
.store .package h2,
.store .package h3 {
    color: #f1d98a !important;
}

/* readonly inputy opisowe, jeśli whmcs je wrzuca */
#order-standard_cart input[readonly],
#order-standard_cart textarea[readonly],
#order-standard_cart .form-control[readonly] {
    background: #111722 !important;
    color: #d9d4c7 !important;
    border-color: rgba(212,175,55,.18) !important;
    opacity: 1 !important;
}

/* placeholdery i słabsze teksty */
#order-standard_cart .text-muted,
#order-standard_cart .muted,
.store .text-muted,
.store .muted {
    color: #bdb7aa !important;
}

/* =========================================
   FINAL FIX – GREY HEADERS IN PRODUCT BOXES
   ========================================= */

/* górne paski (te szare w boxach produktów) */
.store .product .header,
.store .product-header,
.store .product .panel-heading,
.store .package .header,
.store .package-header,
.store .panel-heading,
.store .featured-product .header,
.store .featured-product .panel-heading,
.store .product-group-header,
.store .product-group .header,
.store .package-title,
.store .product-title {
    background: linear-gradient(180deg,#0c1018,#0a0d14) !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.25) !important;
}

/* tekst w tych nagłówkach */
.store .product .header *,
.store .product-header *,
.store .package-header *,
.store .panel-heading *,
.store .product-title *,
.store .package-title * {
    color: #f1d98a !important;
}

/* usuń jasne tło bootstrap */
.panel-default > .panel-heading,
.panel-heading,
.bg-light,
.bg-white,
.bg-faded {
    background: #0c1018 !important;
    color: #f1d98a !important;
}

/* dodatkowe zabezpieczenie */
.store .product,
.store .package,
.store .featured-product {
    overflow: hidden;
}

/* hover efekt premium */
.store .product:hover,
.store .package:hover,
.store .featured-product:hover {
    border-color: rgba(212,175,55,.45) !important;
    box-shadow: 0 0 25px rgba(212,175,55,.12);
}

/* =========================================
   FINAL FIX – GREY HEADERS IN PRODUCT BOXES
   ========================================= */

/* górne paski (te szare w boxach produktów) */
.store .product .header,
.store .product-header,
.store .product .panel-heading,
.store .package .header,
.store .package-header,
.store .panel-heading,
.store .featured-product .header,
.store .featured-product .panel-heading,
.store .product-group-header,
.store .product-group .header,
.store .package-title,
.store .product-title {
    background: linear-gradient(180deg,#0c1018,#0a0d14) !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.25) !important;
}

/* tekst w tych nagłówkach */
.store .product .header *,
.store .product-header *,
.store .package-header *,
.store .panel-heading *,
.store .product-title *,
.store .package-title * {
    color: #f1d98a !important;
}

/* usuń jasne tło bootstrap */
.panel-default > .panel-heading,
.panel-heading,
.bg-light,
.bg-white,
.bg-faded {
    background: #0c1018 !important;
    color: #f1d98a !important;
}

/* dodatkowe zabezpieczenie */
.store .product,
.store .package,
.store .featured-product {
    overflow: hidden;
}

/* hover efekt premium */
.store .product:hover,
.store .package:hover,
.store .featured-product:hover {
    border-color: rgba(212,175,55,.45) !important;
    box-shadow: 0 0 25px rgba(212,175,55,.12);
}

/* =========================================
   HARD FIX – WHITE TOP STRIP IN STORE BOXES
   ========================================= */

/* cały box produktu */
.store .product,
.store .package,
.store .featured-product,
.store .product-group .product,
#main-body .store .product {
    background: #0b1018 !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* pierwszy górny blok w boxie – wymuszenie ciemnego tła */
.store .product > div:first-child,
.store .package > div:first-child,
.store .featured-product > div:first-child,
.store .product-group .product > div:first-child,
#main-body .store .product > div:first-child {
    background: #0c1018 !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
}

/* wszystko w środku tego górnego paska */
.store .product > div:first-child *,
.store .package > div:first-child *,
.store .featured-product > div:first-child *,
.store .product-group .product > div:first-child *,
#main-body .store .product > div:first-child * {
    background: transparent !important;
    color: #f1d98a !important;
}

/* gdyby tytuł był linkiem albo nagłówkiem */
.store .product h3,
.store .product h4,
.store .product .product-title,
.store .product .package-title,
.store .package h3,
.store .package h4,
.store .featured-product h3,
.store .featured-product h4 {
    color: #f1d98a !important;
    background: transparent !important;
}

/* dodatkowe czyszczenie bootstrapowych jasnych teł */
.store .bg-light,
.store .bg-white,
.store .panel-default > .panel-heading,
.store .panel-heading,
.store .card-header,
.store .package-header,
.store .product-header {
    background: #0c1018 !important;
    color: #f1d98a !important;
    border-color: rgba(212,175,55,.22) !important;
}

/* =========================================
   SOFBAC MODAL / PASSWORD GENERATOR DARK FIX
   ========================================= */

/* tło modala */
.modal-content,
.modal-dialog,
.modal-body,
.modal-footer,
.modal-header,
.modal .card,
.modal .panel {
    background: #0c1018 !important;
    color: #e8e4d8 !important;
    border-color: rgba(212,175,55,.22) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.38) !important;
}

/* nagłówek modala */
.modal-header {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.22) !important;
}

.modal-title,
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5 {
    color: #f1d98a !important;
}

/* przycisk zamknięcia X */
.modal-header .close,
.modal-header button.close,
.modal-header .btn-close {
    color: #e8e4d8 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* teksty w modalu */
.modal-content p,
.modal-content span,
.modal-content label,
.modal-content div,
.modal-content small {
    color: #d7d2c6 !important;
}

/* inputy i selecty w modalu */
.modal-content input,
.modal-content select,
.modal-content textarea,
.modal-content .form-control,
.modal-content .custom-select,
.modal-content .input-group-text {
    background: #0a0f16 !important;
    color: #f3efe4 !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    box-shadow: none !important;
}

.modal-content input:focus,
.modal-content select:focus,
.modal-content textarea:focus,
.modal-content .form-control:focus,
.modal-content .custom-select:focus {
    background: #0d131b !important;
    color: #ffffff !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 0.15rem rgba(212,175,55,.15) !important;
}

/* przyciski w modalu */
.modal-content .btn,
.modal-content .btn-primary,
.modal-content .btn-default,
.modal-content .btn-success,
.modal-content .btn-info,
.modal-content .btn-warning,
.modal-content button {
    background: linear-gradient(135deg,#d4af37,#f2d46b) !important;
    color: #111 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.modal-content .btn:hover,
.modal-content .btn-primary:hover,
.modal-content .btn-default:hover,
.modal-content .btn-success:hover,
.modal-content .btn-info:hover,
.modal-content .btn-warning:hover,
.modal-content button:hover {
    background: linear-gradient(135deg,#e0bb4b,#f5db82) !important;
    color: #111 !important;
}

/* stopka modala */
.modal-footer {
    border-top: 1px solid rgba(212,175,55,.18) !important;
}

/* tło przyciemnienia pod popupem */
.modal-backdrop.show,
.modal-backdrop.in {
    opacity: 0.7 !important;
    background: #000 !important;
}

/* =========================================
   SOFBAC PRODUCT BOX HEADER FIX (WHITE BAR FIX)
   ========================================= */

/* górny pasek kart produktów */
.product,
.product div,
.product-header,
.product-title,
.product-name,
.package-name,
.panel-heading,
.card-header,
.product .panel-heading,
.product .card-header {
    background: #0c1018 !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.2) !important;
}

/* konkretnie ten biały pasek */
.product div:first-child,
.product-header,
.product-title,
.package-name {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
    color: #f1d98a !important;
}

/* tekst w nagłówku */
.product h3,
.product h4,
.product h5,
.product-title,
.package-name {
    color: #f1d98a !important;
}

/* hover dla kart */
.product:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 0 20px rgba(212,175,55,.2);
}

/* usunięcie jasnych tła z WHMCS */
.panel,
.panel-default,
.panel-heading {
    background: #0c1018 !important;
    border-color: rgba(212,175,55,.2) !important;
}


/* =========================================
   FINAL FIX – DYNAMIC PRICING HEADER
   ========================================= */

.pricing-card {
    background: linear-gradient(180deg,#0b1018,#090c12) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
}

.pricing-header {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
    color: #f1d98a !important;
    border-bottom: 1px solid rgba(212,175,55,.20) !important;
}

.pricing-header * {
    background: transparent !important;
    color: #f1d98a !important;
}

.plan-name {
    color: #f1d98a !important;
    font-weight: 700 !important;
}

.plan-price,
.plan-price * {
    color: #e8e4d8 !important;
}

.price-amount {
    color: #f1d98a !important;
    font-weight: 800 !important;
}

/* =========================================
   FORCE OVERRIDE – DYNAMIC STORE (FINAL)
   ========================================= */

body .pricing-grid .pricing-card .pricing-header,
body .pricing-grid .pricing-card .pricing-header * {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
    color: #f1d98a !important;
}

/* fix całej karty */
body .pricing-grid .pricing-card {
    background: linear-gradient(180deg,#0b1018,#090c12) !important;
    border: 1px solid rgba(212,175,55,.22) !important;
}

/* usuń wszystkie jasne paski WHMCS */
body .pricing-grid .pricing-card div[style*="background"],
body .pricing-grid .pricing-card div[class*="header"] {
    background: linear-gradient(180deg,#111722,#0c1018) !important;
}

/* tekst */
body .pricing-grid .plan-name {
    color: #f1d98a !important;
}

body .pricing-grid .plan-price,
body .pricing-grid .price-amount {
    color: #e8e4d8 !important;
}