/* Weblocity — estilo del área de clientes */
:root {
    --wl-navy: #081e37;
    --wl-blue: #123e68;
    --wl-green: #00894a;
    --wl-text: #102c49;
    --wl-border: #d8e3ee;
}

/* Fondo y tipografía */
body.primary-bg-color {
    background: #f2f6fa;
    color: var(--wl-text);
    font-family: Arial, sans-serif;
}

#main-body {
    background: transparent;
    padding-top: 30px;
    padding-bottom: 45px;
}

/* Encabezado */
header.header {
    background: #fff;
    border-bottom: 1px solid var(--wl-border);
}

header.header .navbar-light {
    background: #fff;
}

header.header .navbar-light .nav-link {
    color: var(--wl-text);
}

header.header .topbar {
    background: var(--wl-navy);
    color: #fff;
}

header.header .topbar .btn,
header.header .topbar .input-group-text {
    background: transparent;
    color: #fff;
    border-color: #456079;
}

/* Menú principal */
header.header .main-navbar-wrapper {
    background: var(--wl-navy);
}

header.header .main-navbar-wrapper .navbar-nav > li > a {
    color: #fff;
}

header.header .main-navbar-wrapper .navbar-nav > li > a:hover,
header.header .main-navbar-wrapper .navbar-nav > li > a:focus {
    background: #163b5c;
    color: #69e5ad;
}

header.header .dropdown-menu {
    background: #fff;
    border: 1px solid var(--wl-border);
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(8, 30, 55, .12);
}

header.header .dropdown-menu .dropdown-item {
    color: var(--wl-text);
}

header.header .dropdown-menu .dropdown-item:hover,
header.header .dropdown-menu .dropdown-item:focus {
    background: #eaf5f0;
    color: #006b3a;
}

/* Ruta de navegación */
.master-breadcrumb {
    background: #e8eff6;
    border-bottom: 1px solid var(--wl-border);
}

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

.master-breadcrumb a {
    color: var(--wl-blue);
}

/* Tarjetas */
#main-body .card {
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(8, 30, 55, .05);
    overflow: hidden;
}

#main-body .card-header {
    background: #edf3f8;
    color: var(--wl-text);
    border-bottom-color: var(--wl-border);
    font-weight: 600;
}

/* Menús laterales */
.sidebar .list-group-item {
    border-color: var(--wl-border);
}

.sidebar a.list-group-item {
    color: var(--wl-text);
}

.sidebar a.list-group-item:hover {
    background: #edf6f1;
    color: #006b3a;
}

.sidebar .list-group-item.active {
    background: var(--wl-blue);
    border-color: var(--wl-blue);
    color: #fff;
}

/* Botones principales */
.btn-primary,
.btn-success {
    background: var(--wl-green);
    border-color: var(--wl-green);
    color: #fff;
    border-radius: 7px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background: #006d3b;
    border-color: #006d3b;
    color: #fff;
}

.btn-outline-primary {
    color: var(--wl-blue);
    border-color: var(--wl-blue);
    border-radius: 7px;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: var(--wl-blue);
    border-color: var(--wl-blue);
    color: #fff;
}

/* Formularios */
.form-control {
    border-color: #bdcddd;
    border-radius: 7px;
}

.form-control:focus {
    border-color: var(--wl-green);
    box-shadow: 0 0 0 3px rgba(0, 137, 74, .15);
}

/* Tablas */
#main-body .table thead th {
    background: #edf3f8;
    color: var(--wl-text);
    border-bottom-color: var(--wl-border);
}

#main-body .table-hover tbody tr:hover {
    background: #f1f8f5;
}

/* Pie de página */
footer.footer {
    background: var(--wl-navy);
    color: #c5d6e5;
    border-top: 1px solid #294b67;
}

footer.footer a {
    color: #c5d6e5;
}

footer.footer a:hover {
    color: #69e5ad;
}
/* Weblocity — colores uniformes con el logo */
:root {
    --wl-navy: #002856;
    --wl-blue: #002856;
    --wl-green: #00894a;
    --wl-text: #002856;
    --wl-border: #d8e3ee;
}

/* Menú y pie de página */
header.header .main-navbar-wrapper,
header.header .topbar,
footer.footer {
    background: #002856;
}

/* Encabezados de las tarjetas */
#main-body .card-header {
    background: #002856;
    color: #fff;
    border-bottom-color: #002856;
}

#main-body .card-header h3,
#main-body .card-header .card-title,
#main-body .card-header i,
#main-body .card-header .card-minimise {
    color: #fff;
}

/* Opciones seleccionadas */
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover {
    background: #00894a;
    border-color: #00894a;
    color: #fff;
}

/* Contador del carrito */
header.header .cart-btn .badge {
    background: #00894a;
    color: #fff;
}

/* Encabezado de productos del carrito */
#order-standard_cart .view-cart-items-header {
    background: #002856;
    color: #fff;
}

#order-standard_cart .view-cart-items {
    border-bottom-color: #002856;
}

/* Resumen del pedido */
#order-standard_cart .order-summary {
    background: #002856;
    border-bottom-color: #00894a;
    border-radius: 12px;
    overflow: hidden;
}

#order-standard_cart .order-summary h2 {
    background: #002856;
    color: #fff;
}

#order-standard_cart .order-summary .summary-container {
    background: #fff;
    color: #002856;
}

/* Botones de compra */
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success {
    background: #00894a;
    border-color: #00894a;
    color: #fff;
    border-radius: 7px;
}

#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover {
    background: #006d3b;
    border-color: #006d3b;
    color: #fff;
}

/* Botón para validar cupones */
#order-standard_cart .view-cart-tabs .btn-default {
    background: #002856;
    border-color: #002856;
    color: #fff;
}

#order-standard_cart .view-cart-tabs .btn-default:hover {
    background: #004078;
    border-color: #004078;
    color: #fff;
}
/* Verde del logo para Checkout */
#order-standard_cart .btn-checkout {
    background: #009f4d !important;
    border-color: #009f4d !important;
    color: #fff !important;
}

#order-standard_cart .btn-checkout:hover {
    background: #007d3c !important;
    border-color: #007d3c !important;
}

/* Mantener el verde cuando está deshabilitado */
#order-standard_cart .btn-checkout.disabled,
#order-standard_cart .btn-checkout:disabled,
#order-standard_cart .btn-checkout[disabled] {
    background: #009f4d !important;
    border-color: #009f4d !important;
    opacity: 1;
    cursor: not-allowed;
}