/* Styles for the dark BW shop (mimic home products-bw) */
.products-bw-wrapper {
    background: linear-gradient(180deg, #0f1724 0%, #0b1020 100%);
    color: #e6eef8;
    min-height: 100vh;
}

.section-header-bw {
    background: linear-gradient(90deg, rgba(6,10,20,0.65), rgba(12,17,27,0.65));
    border-radius: 12px;
}

.breadcrumb-bw { background: transparent; padding: 0; }
.breadcrumb-bw .breadcrumb-item a { color: #9fb3d6; text-decoration: none; }
.breadcrumb-bw .breadcrumb-item.active { color: #ffffff; }

.sidebar-card { background: rgba(10,14,24,0.55); border: 1px solid rgba(255,255,255,0.03); }
.sidebar-list .list-group-item { background: transparent; color: #cfe4ff; border: 0; padding-left: 0.5rem; }
.sidebar-list .list-group-item i { width: 22px; }
.sidebar-list .list-group-item.active { background: linear-gradient(90deg,#10233b, #0a2336); color: #fff; border-radius: 6px; }
.sidebar-list .text-muted { color: rgba(230,238,248,0.6) !important; }

.btn-bw-outline { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.12); padding: 8px 14px; border-radius: 28px; }
.btn-bw-outline:hover { background: rgba(255,255,255,0.03); }

.btn-bw-primary { background: linear-gradient(90deg,#1f6feb,#4a8cff); border: none; color: #fff; }

.product-card-bw { background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border-radius: 12px; padding: 20px; color: #e6eef8; }
.product-title-bw { font-size: 1.05rem; font-weight: 700; }
.product-desc-bw { color: rgba(230,238,248,0.75); }

.card.h-100.shadow-sm.product-card { background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border: 1px solid rgba(255,255,255,0.03); border-radius: 10px; overflow: hidden; }
.card.h-100 .card-body .card-title { color: #fff; }
.card-img-top { border-radius: 0; height: 200px; object-fit: cover; }

.badge.bg-danger { background-color: #d9534f !important; }
.badge.bg-success { background-color: #28a745 !important; }

@media (max-width: 767px) {
    .product-image { height: 180px; }
}

/* Additional polish to better match homepage visuals */
.card.h-100.shadow-sm.product-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0.01));
    border: 1px solid rgba(255,255,255,0.035);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.card.h-100.shadow-sm.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(2,6,23,0.6);
}

/* make image placeholders dark and consistent */
.product-image,
.card-img-top.product-image,
.card-img-top.bg-light.product-image {
    height: 200px;
    background: linear-gradient(180deg,#071224,#0b1728);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.08);
}
.product-image i.fa-image {
    color: rgba(255,255,255,0.12);
}

/* Product title + description polish */
.card.h-100 .card-body .card-title {
    color: #eaf4ff;
    font-weight: 700;
    letter-spacing: 0.2px;
}
.card.h-100 .card-body .card-text {
    color: rgba(230,244,255,0.75);
}

/* Buttons: make primary outline match homepage blue */
.btn-outline-primary {
    color: #4a8cff;
    border-color: rgba(74,140,255,0.18);
    background: transparent;
}
.btn-outline-primary:hover {
    background: rgba(74,140,255,0.05);
    border-color: rgba(74,140,255,0.28);
}

.btn-bw-outline {
    border-color: rgba(255,255,255,0.08);
    color: #dbeeff;
}

/* Badge adjustments for better contrast */
.badge.bg-danger { background-color: #e05555 !important; }
.badge.bg-warning { background-color: #f0b84b !important; color: #15212b; }

/* Make pagination links more visible on dark bg */
.pagination .page-link { background: transparent; color: #cfe4ff; border: 1px solid rgba(255,255,255,0.03); }
.pagination .page-item.active .page-link { background: linear-gradient(90deg,#1f6feb,#4a8cff); border-color: rgba(74,140,255,0.4); }

@media (max-width: 767px) {
    .product-image { height: 160px; }
}

/* Improve contrast for header description and small meta text */
.section-header-bw p,
.section-header-bw .text-muted {
    color: rgba(200,215,235,0.68) !important;
}

/* Make product counts and page info clearer */
.products-bw-wrapper .d-flex.justify-content-between .text-muted,
.products-bw-wrapper .d-flex.justify-content-between span.text-muted {
    color: rgba(190,210,235,0.62) !important;
}

/* Ensure breadcrumb contrast */
.breadcrumb-bw .breadcrumb-item a { color: rgba(160,190,220,0.78); }
.breadcrumb-bw .breadcrumb-item.active { color: rgba(245,250,255,0.92); }

/* Product detail page improvements */
.container-fluid.px-4 .card.shadow-sm {
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.008));
    border: 1px solid rgba(255,255,255,0.045);
}

.container-fluid.px-4 .card.shadow-sm .card-header,
.container-fluid.px-4 .card.shadow-sm .card-body {
    color: #eaf4ff;
}

/* Make lead description and tab content readable */
.container-fluid.px-4 .lead.text-muted,
.container-fluid.px-4 .tab-content,
.container-fluid.px-4 .tab-content .py-3 {
    color: rgba(200,220,245,0.88) !important;
}

/* Table cells in specifications */
.container-fluid.px-4 table.table-borderless td {
    color: rgba(210,225,240,0.92);
    border-top: 1px solid rgba(255,255,255,0.02);
}
.container-fluid.px-4 table.table-borderless td.fw-bold { color: #ffffff; }

/* Badges and metadata contrast */
.container-fluid.px-4 .badge.bg-primary { background: linear-gradient(90deg,#2b74c9,#4a8cff); color: #fff; }
.container-fluid.px-4 .text-muted { color: rgba(190,210,235,0.78) !important; }

/* Related product cards — lift contrast a bit */
.container-fluid.px-4 .product-card { background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005)); }

/* Ensure image placeholder icon is visible */
.product-main-image .fa-image, .card-img-top.bg-light .fa-image {
    color: rgba(255,255,255,0.14) !important;
}