/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/**
 * Blocksy Child - Optimized for Osmomarina Look
 */

/* ==========================================================================
   KOTAK FILTER & DROPDOWN
   ========================================================================== */
/* Wrapper utama agar tampil seperti card putih */
div.mbs-final-wrapper {
    background: #ffffff !important;
    padding: 35px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 45px rgba(0,0,0,0.08) !important;
    border: 1px solid #f0f0f0 !important;
    margin-bottom: 50px !important;
}

/* Menyejajarkan Label */
.mbs-labels-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr; /* Membagi ruang 50-50 agar pas dengan 2 	 dropdown */
    gap: 30px !important;
    margin-bottom: 10px !important;
}

.mbs-label-text {
    flex: 1 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #333 !important;
}

/* STYLING DROPDOWN PLUGIN YMC */
/* Kita targetkan langsung ke elemen select di dalam filternya */
.ymc-filter-grid-list .ymc-filter-item select {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 0 15px !important;
    background-color: #ffffff !important;
    font-size: 15px !important;
    color: #4a5568 !important;
    appearance: auto !important; /* Memunculkan panah dropdown kembali */
    box-shadow: none !important;
}

/* ==========================================================================
   KARTU PRODUK (PRODUCT CARDS)
   ========================================================================== */
/* Targetkan class utama Blocksy untuk archive card */
.products .product, 
article.ct-archive-card, 
.entry-card {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    border: 1px solid #f1f1f1 !important;
    padding: 20px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    overflow: hidden !important;
}

/* Efek Hover: Naik ke atas & bayangan lebih tebal */
.products .product:hover, 
article.ct-archive-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
    border-color: #E53935 !important; /* Warna merah favoritmu */
}

/* Gambar di dalam kartu */
.products .product img, 
.ct-archive-card img {
    border-radius: 12px !important;
    margin-bottom: 15px !important;
}

/* Layout Wrapper */
.custom-product-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 20px;
}

/* Kolom Utama (70%) */
.product-col-main {
    flex: 1 1 65%;
}

.title-fitur {
    margin-top: 0;
    font-weight: bold;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* Kolom Samping (30%) */
.product-col-side {
    flex: 1 1 25%;
    min-width: 250px;
}

.side-label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.brand-logo-img {
    max-width: 200px;
    height: auto;
    margin-bottom: 20px;
    display: block;
}

/* Quick Links */
.side-links {
    list-style: none;
    padding: 0;
}

.side-links li {
    margin-bottom: 8px;
}

.side-links a {
    color: #E53935; /* Warna merah sesuai permintaanmu */
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

.side-links a:hover {
    color: #b71c1c; /* Warna merah lebih gelap saat hover */
    text-decoration: underline;
}

/* Responsive: Jadi 1 kolom saat di HP */
@media (max-width: 768px) {
    .custom-product-layout {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .mbs-labels-row { display: none !important; } /* Sembunyikan label manual di HP */
    .ymc-filter-grid-list { flex-direction: column !important; gap: 15px !important; }
    div.mbs-final-wrapper { padding: 20px !important; }
}

/* Menghilangkan garis bawah pada link di kolom samping (30%) */
.wp-block-column:last-child a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Garis bawah baru muncul saat kursor diarahkan (Hover) */
.wp-block-column:last-child a:hover {
    text-decoration: underline !important;
}



/* 1. Menghilangkan Garis Bawah (Ultimate Version) */
.wp-block-product-new a, 
.wp-block-column a {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}


/* Container Utama Produk WooCommerce di Blocksy */
.products .product {
    border: 1px solid #e2e8f0 !important;
    border-radius: 25px !important; /* Rahasia sudut Osmomarina */
    padding: 30px 20px !important;
    background: #ffffff;
    transition: all 0.3s ease;
    text-align: center !important;
}

/* Efek Hover */
.products .product:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    border-color: #cbd5e0;
}

/* Paksa Gambar ke Tengah dan Kotak */
.products .product img {
    border-radius: 15px;
    margin-bottom: 20px !important;
    max-height: 200px;
    object-fit: contain;
}

/* Judul Produk (Centered, Bold, Uppercase) */
.products .product .woocommerce-loop-product__title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    color: #1a365d !important;
    margin-bottom: 10px !important;
}

/* Sembunyikan Detail yang tidak perlu agar minimalis */
.products .product .price, 
.products .product .button,
.products .product .added_to_cart {
    display: none !important; /* Osmomarina biasanya menyembunyikan harga di katalog */
}