/* ================== */
/* CUSTOM.CSS - VERSIÓN FINAL Y CORREGIDA
   - Menú móvil oscuro + texto blanco
   - Dropdown desktop fondo blanco + texto negro
   - Área de cliente y paneles internos: texto negro sobre blanco (original)
   - Sidebar restaurado a look original
   ================== */

/* ================== */
/* GENERAL            */
/* ================== */
body {
    background-color: #111 !important;  /* fondo oscuro global */
    color: #f5f5f5 !important;          /* texto claro solo útil en zonas oscuras */
}

/* ================== */
/* NAVBAR SUPERIOR    */
/* ================== */
.top-nav, 
.top-nav a {
    background: #fff !important;
    color: #111 !important;
}
.top-nav a:hover {
    color: #000 !important;
}
.top-nav .btn {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}
.top-nav .btn:hover {
    background: #333 !important;
}

/* ================== */
/* NAVBAR PRINCIPAL   */
/* ================== */
.navbar {
    background: #1a1a1a !important;
    border-bottom: 1px solid #333 !important;
}
.navbar-nav > li > a {
    color: #f5f5f5 !important;
}
.navbar-nav > li > a:hover {
    color: #aaa !important;
}

/* ================== */
/* NEWS / CONTENT     */
/* ================== */
#main-body, .main-content, .announcement, .news, .panel-body {
    background: #fff !important;
    color: #111 !important;
}
#main-body a, .announcement a, .news a {
    color: #222 !important;
}
#main-body a:hover {
    color: #000 !important;
}
.announcement .date, .news .date, .date {
    background: #333 !important;
    color: #fff !important;
}

/* ================== */
/* FOOTER             */
/* ================== */
footer, #footer {
    background-color: #111 !important;
    color: #ccc !important;
}
footer a, #footer a {
    color: #eee !important;
}

/* ================== */
/* HOME BANNER SEARCH */
/* ================== */
#home-banner {
    background: #1c1c1c !important;
    color: #f5f5f5 !important;
    padding: 40px 0;
    text-align: center;
}
#home-banner h2 {
    color: #fff !important;
    font-weight: 600;
}
#home-banner input[type="text"] {
    background: #333 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
}
#home-banner input::placeholder {
    color: #aaa !important;
}
#home-banner .btn {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
#home-banner .btn:hover {
    background: #444 !important;
    color: #fff !important;
}

/* ================== */
/* HOME SHORTCUTS     */
/* ================== */
.home-shortcuts {
    background: #222 !important;
    color: #f5f5f5 !important;
}
.home-shortcuts a {
    color: #fff !important;
    text-decoration: none;
}
.home-shortcuts a:hover {
    color: #ccc !important;
}
.home-shortcuts i {
    color: #ccc !important;
}
.home-shortcuts p {
    color: #f5f5f5 !important;
    font-weight: 500;
}

/* ================== */
/* SIDEBAR (DESKTOP) RESTAURADO */
/* ================== */
@media (min-width: 992px) {
    .sidebar .panel {
        background: #fff !important;
        border: 1px solid #e5e5e5 !important;
    }
    .sidebar .panel-heading {
        background: #f7f7f7 !important;
        color: #111 !important;
        border-bottom: 1px solid #e5e5e5 !important;
    }
    .sidebar .list-group-item,
    .sidebar .panel a {
        color: #111 !important;
        background: transparent !important;
    }
    .sidebar .list-group-item:hover,
    .sidebar .panel a:hover {
        color: #000 !important;
        background: #f6f6f6 !important;
    }
}

/* ================== */
/* ORDER FORM - PRECIOS */
/* ================== */
.product-pricing,
[id^="product"][id$="-price"] {
    background: #fff !important;
    color: #000 !important;
    font-weight: 600 !important;
    padding: 8px 12px !important;
    border-radius: 6px;
    text-align: center;
}

/* ================== */
/* AREA DE CLIENTE: TEXTO NEGRO */
/* ================== */
#main-body,
.main-content,
.panel,
.panel-body,
.card,
.card-body,
.client-home-panels,
table,
table td,
table th {
    color: #111 !important;
}
h1, h2, h3, h4, h5, h6,
.panel-title,
.card-title {
    color: #111 !important;
}
#main-body a,
.main-content a,
.panel a,
.card a {
    color: #000 !important;
}
#main-body a:hover,
.main-content a:hover,
.panel a:hover,
.card a:hover {
    color: #333 !important;
}

/* ================== */
/* MENU MÓVIL (SOLO MOVIL) */
/* ================== */
@media (max-width: 991px) {
    .navbar-collapse,
    .navbar-collapse a,
    .mobile-nav,
    .mobile-nav a {
        background: #111 !important;
        color: #f5f5f5 !important;
    }
    .navbar-collapse a:hover,
    .mobile-nav a:hover {
        color: #ccc !important;
    }
}

/* ================== */
/* DROPDOWNS (DESKTOP) */
/* ================== */
@media (min-width: 992px) {
    .dropdown-menu,
    .dropdown-menu a {
        background: #fff !important;
        color: #000 !important;
    }
    .dropdown-menu a:hover {
        background: #f0f0f0 !important;
        color: #000 !important;
    }
}

/* NUEVO

/* ================== */
/* FIX FOR SSL CERTIFICATES STORE PAGE */
/* ================== */
body.clientareastore.store.sslcertificates,
body.clientareastore.store.sslcertificates * {
    color: #111 !important;
    background-color: transparent !important;
}

body.clientareastore.store.sslcertificates .btn,
body.clientareastore.store.sslcertificates button {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

body.clientareastore.store.sslcertificates .btn:hover,
body.clientareastore.store.sslcertificates button:hover {
    background-color: #333 !important;
    color: #fff !important;
}

/* Boxes and panels */
body.clientareastore.store.sslcertificates .panel,
body.clientareastore.store.sslcertificates .card,
body.clientareastore.store.sslcertificates .well,
body.clientareastore.store.sslcertificates .content-container {
    background-color: #fff !important;
    color: #111 !important;
}