/**
* Theme Name: Urna Child
* Description: This is a child theme for Urna
* Author: Thembay
* Author URI: https://thembay.com/
* Version: 2.5.4
* Template: urna
*/


/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* === Fix layout Sold By store === */
.wcfmmp_sold_by_container_advanced {
  display: flex !important;
  align-items: center; /* sejajarkan vertikal */
  gap: 10px; /* jarak antara logo dan nama */
}

/* Pastikan logo persegi 1:1 */
.wcfmmp_sold_by_container_left {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px; /* atau 50% jika ingin bulat */
  background: #fff;
  border: 1px solid #eee;
}

/* Gambar logo tetap proporsional */
.wcfmmp_sold_by_container_left img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* biar tidak gepeng */
  object-position: center;
}

/* Nama toko sejajar di tengah */
.wcfmmp_sold_by_container_right {
  display: flex;
  align-items: center;
}

.wcfmmp_sold_by_container_right a {
  font-weight: 600;
  font-size: 15px;
  color: #222;
  text-decoration: none;
}

.wcfmmp_sold_by_container_right a:hover {
  color: #0088cc; /* opsional: hover effect */
}



/* Hide product categories in WOOF widget */
.woof_container_product_cat {
  display: none !important;
}
/* Hide the Ajax Filter button */
#tbay-ajax-filter-btn {
  display: none !important;
}


.wcfm_vendor_description {
  margin: 8px 0 14px;
  font-size: 14px;
  line-height: 1.6;
  color: #ffffff; /* putih */
  text-shadow: 0 1px 3px rgba(0,0,0,0.7); /* biar kontras */

  display: -webkit-box;
  -webkit-line-clamp: 4;   /* maksimal 2 baris */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wcfm_vendor_description p {
  margin: 0;
  color: inherit;
  text-shadow: inherit;
}

/* ==== DESKTOP: biarkan default (tidak diubah) ==== */

/* ==== MOBILE FIX: stack vertikal, cegah overlap ==== */
@media (max-width: 767px) {
  /* Susun kolom di area kiri header */
  #wcfm_store_header .header_left {
    display: flex;
    flex-direction: column;     /* Logo dulu, lalu title+desc */
    align-items: center;
  }

  /* Pastikan wrapper logo rapi di tengah */
  #wcfm_store_header .logo-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  /* Ukuran logo aman & responsif */
  #wcfm_store_header .logo_area img {
    display: block;
    width: 140px;               /* sesuaikan jika perlu */
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    margin: 8px auto 12px;      /* beri jarak bawah agar tak menimpa teks */
  }

  /* Tempatkan nama + deskripsi di bawah logo, center, dan tidak overlap */
  #wcfm_store_header .address.rgt {
    position: static !important;  /* hilangkan kemungkinan posisi absolut */
    width: 100%;
    text-align: center;
    margin-top: 4px;
    z-index: 1;
  }

  /* Judul (H1) mobile */
  .wcfm_store_title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;             /* mobile lebih kecil dari desktop */
    margin: 8px 0 6px;
    line-height: 1.25;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.7);
    word-break: break-word;
  }

  /* Deskripsi max 2 baris + kontras */
  .wcfm_vendor_description {
    margin: 0 auto 10px;
    padding: 0 12px;             /* beri ruang dari tepi layar */
    max-width: 90%;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.7);

    display: -webkit-box;
    -webkit-line-clamp: 4;       /* maksimal 2 baris */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Sembunyikan/geser elemen kecil di samping logo agar tidak menabrak */
  #wcfm_store_header .logo_area_after {
    order: 2;                    /* tetap di atas title jika mau, atau hide */
    margin-top: 6px;
  }

  /* Jika rating/badges bikin sesak, boleh kecilkan */
  #wcfm_store_header .wcfmmp_store_mobile_badges {
    transform: scale(.95);
    transform-origin: center;
  }
}


/* Hilangkan background abu-abu tombol menu mobile */
a.btn.btn-sm.mmenu-open,
a.btn.btn-sm {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important; /* kalau ada shadow */
}


/* Store Card Wrapper */
.wcfm_store_card {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* bisa center/space-between */
  background: #fff;
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  margin: 20px 0;
  font-family: 'Roboto', sans-serif;
}