* =====================================================
   CLEAN FIX – BACKGROUND + PRODUCT IMAGE
   ===================================================== */

/* BACKGROUND GENERAL */
body,
body.primary-bg-color {
    background-color: #111 !important;
}

/* ZONA PRINCIPALĂ */
#main-body {
    background-color: #111 !important;
}

/* CONTAINERUL DIN STORE */
#order-premium_comparison,
#order-premium_comparison .main-container {
    background: transparent !important;
}

/* =========================
   PRODUCT CARD – NU STRICA
   ========================= */

.price-table {
    background: #ffffff !important;
    border-radius: 6px;
    overflow: hidden;
}

/* TITLU + PREȚ – RĂMÂN ALBASTRE */
.price-table .top-head {
    background: linear-gradient(180deg, #0a5c84, #063d56) !important;
}

/* =========================
   PRODUCT IMAGE FIX
   ========================= */

.product-image-fix {
    background: #0a5c84;       /* fundal albastru sub poză */
    padding: 15px;
    text-align: center;
}

.product-image-fix img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
    margin: 0 auto;
}

/* =========================
   FOOTER – SIMPLU, DARK
   ========================= */

#footer,
#footer .container {
    background: #0b0b0b !important;
    color: #eaeaea !important;
}

#footer a {
    color: #9adfff !important;
}

#footer a:hover {
    color: #00b4ff !important;
}
/* =========================
   FIX 1: HEADER + SUS NEGRU
   ========================= */

.header,
.topbar,
.navbar,
.main-navbar-wrapper,
.master-breadcrumb {
    background-color: #111 !important;
    border: none !important;
}

/* text sus */
.header a,
.navbar a,
.master-breadcrumb {
    color: #eaeaea !important;
}


/* =========================
   FIX 2: ZONA ALBĂ SUB POZĂ
   ========================= */

/* lista de sub preț (VINOVATUL) */
.price-table ul,
.price-table ul li {
    background: #0a5c84 !important;
    border: none !important;
}

/* păstrează spacing curat */
.price-table ul li {
    padding: 0 !important;
}

/* wrapper poză */
.product-image-fix {
    background: #0a5c84 !important;
    padding: 15px;
}

/* imagine */
.product-image-fix img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 0 auto;
}
/* =========================
   SIDEBAR NEGRU – TWENTY-ONE
   ========================= */

/* cardurile din stânga (Categorii / Acțiuni) */
.card-sidebar,
.panel-sidebar {
    background: #0b0b0b !important;
    border: 1px solid #111 !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
}

/* header card (Categorii, Acțiuni) */
.card-sidebar .card-header,
.panel-sidebar .panel-heading {
    background: linear-gradient(180deg, #0a5c84, #063d56) !important;
    border-bottom: none !important;
}

/* titlu card */
.card-sidebar .panel-title,
.card-sidebar .panel-title i {
    color: #ffffff !important;
    font-weight: 600;
}

/* lista din interior */
.card-sidebar .list-group-item {
    background: #0b0b0b !important;
    color: #eaeaea !important;
    border: none !important;
}

/* hover */
.card-sidebar .list-group-item:hover {
    background: #111 !important;
    color: #00eaff !important;
}

/* item activ (Acvariu) */
.card-sidebar .list-group-item.active {
    background: #0a5c84 !important;
    color: #ffffff !important;
    font-weight: 600;
}
/* =========================
   TITLU PAGINĂ (Acvariu)
   ========================= */

#headline,
#headline h3,
.main-container h3 {
    color: #ffffff !important;
    font-weight: 600;
}
/* =========================
   BUTON SHOW MENU – NEGRU
   ========================= */

#btnShowSidebar,
button#btnShowSidebar,
.btn#btnShowSidebar {
    background: #0b0b0b !important;
    color: #ffffff !important;
    border: 1px solid #111 !important;
    box-shadow: 0 0 12px rgba(0,0,0,0.7);
}

/* icon din buton */
#btnShowSidebar i {
    color: #00eaff !important;
}

/* hover */
#btnShowSidebar:hover {
    background: #111 !important;
    color: #00eaff !important;
    border-color: #00eaff !important;
}
/* =========================
   DROPDOWN CONT (Salut, User)
   ========================= */

/* container dropdown */
.navbar .dropdown-menu,
.navbar .dropdown-menu.dropdown-menu-right {
    background: #0b0b0b !important;
    border: 1px solid #111 !important;
    box-shadow: 0 0 25px rgba(0,0,0,0.9);
}

/* iteme din dropdown */
.navbar .dropdown-menu .dropdown-item {
    color: #ffffff !important;
    background: transparent !important;
}

/* hover pe item */
.navbar .dropdown-menu .dropdown-item:hover {
    background: #111 !important;
    color: #00eaff !important;
}

/* separatoare */
.navbar .dropdown-menu .dropdown-divider {
    border-top: 1px solid #1a1a1a !important;
}

/* text header (dacă există) */
.navbar .dropdown-menu h6,
.navbar .dropdown-menu .dropdown-header {
    color: #00eaff !important;
    background: transparent !important;
}

/* link Logout accent */
.navbar .dropdown-menu .dropdown-item:last-child {
    color: #ff4d4d !important;
}

.navbar .dropdown-menu .dropdown-item:last-child:hover {
    background: #1a0000 !important;
    color: #ff6b6b !important;
}
/* =========================
   PRODUCT CARDS – RED THEME
   ========================= */

/* card principal produs */
.price-table {
    background: linear-gradient(180deg, #8b0000 0%, #4a0000 100%) !important;
    border: none !important;
    box-shadow: 0 0 35px rgba(255,0,0,0.25);
}

/* header sus (nume produs) */
.price-table .top-head,
.price-table .top-area {
    background: linear-gradient(180deg, #a00000 0%, #6b0000 100%) !important;
    border-bottom: 1px solid #ff3b3b;
}

/* titlu produs */
.price-table h4 {
    color: #ffffff !important;
}

/* zona preț */
.price-table .price-area {
    background: linear-gradient(180deg, #7a0000 0%, #4a0000 100%) !important;
}

/* text preț */
.price-table .price {
    color: #ffeaea !important;
    font-weight: 600;
}

/* buton comandă */
.price-table .order-button {
    background: linear-gradient(180deg, #ff3b3b 0%, #b00000 100%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 0 12px rgba(255,0,0,0.6);
}

/* hover buton */
.price-table .order-button:hover {
    background: linear-gradient(180deg, #ff5c5c 0%, #d00000 100%) !important;
    box-shadow: 0 0 18px rgba(255,80,80,0.9);
}

/* zona imagine produs */
.price-table ul,
.price-table li {
    background: linear-gradient(180deg, #6b0000 0%, #3a0000 100%) !important;
    border: none !important;
}

/* wrapper imagine */
.product-image-fix {
    background: transparent !important;
}

/* imagine produs */
.product-image-fix img {
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(255,0,0,0.35);
}

/* produs FREE */
.price-table .price:contains("GRATIS"),
.price-table .price:contains("FREE") {
    color: #ffb3b3 !important;
    font-weight: 700;
}
/* =========================
   IMAGE CONTAINER – FIX RED
   ========================= */

/* li care ține imaginea */
.price-table li#product1-description,
.price-table li[id^="product"][id$="-description"] {
    background: linear-gradient(180deg, #6b0000 0%, #3a0000 100%) !important;
    border-top: 1px solid #ff3b3b;
}

/* wrapper imagine */
.product-image-fix {
    background: linear-gradient(180deg, #7a0000 0%, #3a0000 100%) !important;
    padding: 15px;
}

/* elimină orice fundal albastru moștenit */
.product-image-fix,
.product-image-fix * {
    background-color: transparent !important;
}

/* imagine */
.product-image-fix img {
    display: block;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(255,0,0,0.45);
}
/* =========================
   SIDEBAR – CATEGORII & ACTIUNI (RED)
   ========================= */

/* cardul mare */
.panel.card-sidebar {
    background: linear-gradient(180deg, #6b0000 0%, #2b0000 100%) !important;
    border: 1px solid #ff3b3b !important;
    box-shadow: 0 0 25px rgba(255,0,0,0.25);
}

/* header (Categorii / Actiuni) */
.panel.card-sidebar .card-header {
    background: linear-gradient(180deg, #8b0000 0%, #4a0000 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #ff3b3b;
}

/* titlu text */
.panel.card-sidebar .panel-title,
.panel.card-sidebar .panel-title i {
    color: #ffffff !important;
}

/* lista din interior */
.panel.card-sidebar .list-group {
    background: transparent !important;
}

/* item din listă */
.panel.card-sidebar .list-group-item {
    background: transparent !important;
    color: #f0f0f0 !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* hover */
.panel.card-sidebar .list-group-item:hover {
    background: rgba(255,0,0,0.15) !important;
    color: #ffffff !important;
}

/* item activ */
.panel.card-sidebar .list-group-item.active {
    background: rgba(255,0,0,0.35) !important;
    color: #ffffff !important;
    border-left: 3px solid #ff3b3b !important;
}
/* =========================
   PRODUCT CARDS – COMPACT
   ========================= */

/* fiecare produs (li) */
#products > ul > li {
    max-width: 260px !important;   /* dimensiune card */
    margin: 0 12px !important;     /* spațiu între ele */
}

/* containerul cardului */
.price-table {
    padding: 0 !important;
    border-radius: 10px;
}

/* header + preț */
.price-table .top-head {
    padding: 14px !important;
}

/* titlu produs */
.price-table h4 {
    font-size: 17px !important;
    margin-bottom: 6px !important;
}

/* preț */
.price-table .price {
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

/* buton */
.price-table .order-button {
    padding: 8px 14px !important;
    font-size: 14px !important;
}

/* zona cu imagine */
.price-table li[id$="-description"] {
    padding: 10px !important;
}

/* imagine */
.product-image-fix img {
    max-height: 180px !important;
    object-fit: cover;
}
/* =========================
   PRODUCT DESCRIPTION TEXT
   FORCE WHITE
   ========================= */

/* descriere produs (sub imagine) */
.price-table li[id$="-description"],
.price-table li[id$="-description"] p,
.price-table li[id$="-description"] span,
.price-table li[id$="-description"] div {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* dacă e stil muted */
.price-table .text-muted {
    color: #ffffff !important;
    opacity: 1 !important;
}
/* ==================================================
   CLIENTAREA – FORCE DARK MODE (HOME ONLY)
   ================================================== */

/* FUNDAL GENERAL */
body.primary-bg-color {
    background: radial-gradient(circle at top, #1a1a1a 0%, #000 70%) !important;
}

/* ===== SIDEBAR STÂNGA ===== */
.card-sidebar,
.card-sidebar .card-header,
.card-sidebar .card-body,
.card-sidebar .card-footer {
    background: linear-gradient(180deg, #111 0%, #000 100%) !important;
    color: #fff !important;
    border: 1px solid #222 !important;
}

.card-sidebar h3,
.card-sidebar a,
.card-sidebar strong {
    color: #fff !important;
}

/* ===== TILE-URI DE SUS (Servicii, Oferte etc) ===== */
.tiles .tile {
    background: linear-gradient(180deg, #111 0%, #000 100%) !important;
    border: 1px solid #222 !important;
    box-shadow: 0 0 20px rgba(0,0,0,.6);
}

.tiles .tile * {
    color: #fff !important;
}

/* ===== CARDURI PRINCIPALE ===== */
.primary-content .card {
    background: linear-gradient(180deg, #111 0%, #000 100%) !important;
    color: #fff !important;
    border: 1px solid #222 !important;
    box-shadow: 0 0 25px rgba(0,0,0,.6);
}

.primary-content .card-header {
    background: linear-gradient(180deg, #1a1a1a 0%, #000 100%) !important;
    color: #fff !important;
    border-bottom: 1px solid #222 !important;
}

.primary-content .card-body,
.primary-content .card-footer {
    background: transparent !important;
    color: #ddd !important;
}

/* ===== BUTOANE ===== */
.primary-content .btn,
.card-sidebar .btn {
    background: linear-gradient(180deg, #333 0%, #000 100%) !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

.primary-content .btn:hover,
.card-sidebar .btn:hover {
    background: #000 !important;
    border-color: #666 !important;
}

/* ===== LINKURI ===== */
.primary-content a {
    color: #4da3ff !important;
}

.primary-content a:hover {
    color: #8fc5ff !important;
}
body {
    background: red !important;
}
/* =====================================================
   CLIENTAREA.PHP – DARK MODE (SAFE, ISOLATED)
   ===================================================== */

/* BACKGROUND GENERAL */
body.primary-bg-color {
    background: radial-gradient(circle at top, #111 0%, #000 70%) !important;
}

/* BREADCRUMB */
.master-breadcrumb {
    background: #0b0b0b !important;
    border-bottom: 1px solid #222 !important;
}
.master-breadcrumb a,
.master-breadcrumb li {
    color: #ccc !important;
}

/* SIDEBAR */
.card-sidebar {
    background: linear-gradient(180deg, #141414, #050505) !important;
    border: 1px solid #222 !important;
    box-shadow: 0 0 25px rgba(0,0,0,.8);
}
.card-sidebar .card-header {
    background: linear-gradient(180deg, #1c1c1c, #0a0a0a) !important;
    color: #fff !important;
}
.card-sidebar .card-body,
.card-sidebar .list-group-item {
    background: transparent !important;
    color: #ddd !important;
}

/* TILE-URI SUS */
.tiles .tile {
    background: linear-gradient(180deg, #1a1a1a, #000) !important;
    border: 1px solid #222 !important;
    color: #fff !important;
    box-shadow: 0 0 25px rgba(0,0,0,.8);
}
.tiles .tile .stat,
.tiles .tile .title {
    color: #fff !important;
}

/* CARDURI CENTRALE */
.client-home-cards .card {
    background: linear-gradient(180deg, #141414, #000) !important;
    border: 1px solid #222 !important;
    box-shadow: 0 0 30px rgba(0,0,0,.85);
}
.client-home-cards .card-header {
    background: linear-gradient(180deg, #1f1f1f, #090909) !important;
    color: #fff !important;
}
.client-home-cards .card-body,
.client-home-cards .card-footer,
.client-home-cards p,
.client-home-cards a {
    color: #ddd !important;
}
/* =========================
   CLIENTAREA DARK MODE ONLY
   ========================= */

/* background general clientarea */
body.primary-bg-color {
    background: radial-gradient(circle at top, #111 0%, #000 70%) !important;
}

/* breadcrumb */
.master-breadcrumb {
    background: #0b0b0b !important;
    border-bottom: 1px solid #1f1f1f;
}
.master-breadcrumb a,
.master-breadcrumb li {
    color: #ccc !important;
}

/* sidebar stanga */
.card.card-sidebar {
    background: linear-gradient(180deg, #0f0f0f, #050505) !important;
    border: 1px solid #1e1e1e !important;
    box-shadow: 0 0 25px rgba(0,0,0,.8);
}

.card.card-sidebar .card-header {
    background: linear-gradient(180deg, #111, #070707) !important;
    color: #fff !important;
}

.card.card-sidebar,
.card.card-sidebar * {
    color: #e6e6e6 !important;
}

/* butoane sidebar */
.card.card-sidebar .btn {
    background: linear-gradient(180deg, #1e1e1e, #0b0b0b) !important;
    border: 1px solid #333;
}

/* tiles (Servicii / Oferte etc) */
.tiles .tile {
    background: linear-gradient(180deg, #101010, #050505) !important;
    border: 1px solid #1e1e1e;
    color: #fff !important;
    box-shadow: 0 0 30px rgba(0,0,0,.7);
}

/* continut principal */
.primary-content .card {
    background: linear-gradient(180deg, #111, #060606) !important;
    border: 1px solid #1f1f1f !important;
    color: #eaeaea !important;
}

/* header card */
.primary-content .card-header {
    background: linear-gradient(180deg, #141414, #080808) !important;
    color: #fff !important;
}

/* footer clientarea */
#footer {
    background: radial-gradient(circle at center, #0a0a0a, #000) !important;
    border-top: 1px solid #1e1e1e;
}

#footer,
#footer * {
    color: #aaa !important;
}