/* Toko 21 + VD Store. Dimuat hanya saat VD Store aktif: menggantikan warna
   yang dulu dicetak Kirki plugin Velocity Toko dan menyelaraskan komponen
   VD Store dengan tampilan Toko 21. Warna konten & menu: inc/customizer.php. */

:root {
    --velocitytoko-color-main: var(--bs-primary, #1e73be);
}

.bg-colortheme,
.page-item.active .page-link {
    background-color: var(--velocitytoko-color-main) !important;
    border-color: var(--velocitytoko-color-main) !important;
    color: #fff !important;
}
.bg-colortheme:hover {
    filter: brightness(1.1);
}

/* Kartu produk */
.card-product .wps-price-group {
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 .5rem;
}
.card-product .wps-price-group,
.single-produk .wps-price-group {
    flex-direction: column;
    align-items: center;
}
.single-produk .wps-price-group {
    flex-direction: row;
    align-items: baseline;
}
.card-product .wps-price-text,
.single-produk .wps-price-text {
    color: var(--toko21-aksen, var(--velocitytoko-color-main)) !important;
}
.card-product .wps-price-text {
    font-size: 1em;
}
.card-product .wps-price-group .wps-text-gray-500 {
    color: #dc3545 !important;
    font-size: .85em;
}
.cart-arsip .velocity-toko21-beli {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    color: #fff;
    line-height: 1;
}
.cart-arsip .velocity-toko21-beli svg {
    color: #fff;
    stroke: #fff;
}

/* Detail produk */
.single-produk .wps-mb-4 table tr {
    border-color: rgba(255, 255, 255, .15) !important;
}
.single-produk .wps-mb-4 table td {
    color: #fff !important;
}
.single-produk .wps-mb-4 table td:first-child {
    color: rgba(255, 255, 255, .65) !important;
}
.single-produk .wps-wishlist-btn,
.single-produk .wps-add-to-cart {
    background-color: var(--velocitytoko-color-main);
    border-color: var(--velocitytoko-color-main);
    color: #fff;
}
.single-produk .wps-wishlist-btn svg,
.single-produk .wps-add-to-cart svg {
    color: #fff;
    stroke: #fff;
}
.single-produk .wps-input-qty {
    max-width: 70px;
    text-align: center;
}
.single-produk .belilain .btn {
    border-color: rgba(255, 255, 255, .35);
    color: #fff;
}
.single-produk .kategori-produk a {
    color: #fff;
}
.produk-terkait .row {
    margin: 0;
}

/* Pricelist */
.table .wps-price-text {
    color: var(--toko21-aksen, var(--velocitytoko-color-main)) !important;
}

/* Latar konten Toko 21 gelap, sedangkan VD Store memakai teks hitam/abu-abu untuk
   latar putih: keranjang, katalog, total, "Hubungi Admin" jadi tak terbaca. Di area
   konten teks itu dibuat terang; di dalam kartu/baris putih VD Store (.wps-card,
   kepala tabel keranjang) warna gelapnya dikembalikan — tanpa itu teks mewarisi
   .text-white container dan hilang di latar putih (judul checkout, filter, tracking). */
.bg-container {
    --primary-color: var(--velocitytoko-color-main);
    --primary-color-hover: var(--velocitytoko-color-main);
}
.bg-container .wps-text-gray-900,
.bg-container .wps-total-amount {
    color: #fff;
}
.bg-container .wps-text-gray-400,
.bg-container .wps-text-gray-500,
.bg-container .wps-text-gray-600,
.bg-container .wps-text-gray-700,
.bg-container .wps-total-label {
    color: rgba(255, 255, 255, .75);
}
.bg-container .wps-card,
.bg-container .wps-table-head {
    color: var(--gray-900);
}
.bg-container .wps-card .wps-text-gray-900 {
    color: var(--gray-900);
}
.bg-container .wps-card .wps-text-gray-400,
.bg-container .wps-card .wps-text-gray-500,
.bg-container .wps-card .wps-text-gray-600,
.bg-container .wps-table-head .wps-text-gray-500 {
    color: var(--gray-500);
}
.bg-container .wps-card .wps-text-gray-700 {
    color: var(--secondary-text-color);
}
.bg-container .wps-card h1, .bg-container .wps-card h2, .bg-container .wps-card h3,
.bg-container .wps-card h4, .bg-container .wps-card h5, .bg-container .wps-card h6 {
    color: var(--gray-900) !important;
}
.bg-container .wps-card .wps-price-text {
    color: var(--velocitytoko-color-main) !important;
}
/* Tombol Reset/Terapkan filter di sidebar sempit sempat meluber keluar kartu. */
form.wps-card .wps-justify-between {
    flex-wrap: wrap;
    gap: .5rem;
}
/* Panah carousel Testimoni di sidebar gelap (panah bawaan #333 untuk slider foto). */
.widget-area .carousel-control-prev-icon:after,
.widget-area .carousel-control-next-icon:after {
    color: #fff;
}