/*
 Theme Name: Twenty Seventeen Child
 Template: twentyseventeen
 Text Domain: twentyseventeen-child
 Version: 1.0
*/

/* ===== Filter & Sort Bar — FIX ===== */
.onino-filterbar{
  display:flex;
  flex-wrap:wrap;            /* mobile stack otomatis */
  gap:12px;
  margin:8px 0 16px;
}

/* kedua komponen utama */
.onino-cat-filter,
.onino-filterbar .woocommerce-ordering{
  margin:0 !important;
  flex:1 1 280px;            /* lebar fleksibel, min 280px */
  min-width:240px;
  width:auto;                /* jangan kunci di 80%/40% */
  float:none !important;     /* matikan float bawaan tema/Woo */
  display:block !important;
}

/* rupa dropdown */
.onino-cat-filter select,
.onino-filterbar .woocommerce-ordering select{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid #dcdcdc;
  border-radius:10px;
  background:#f7f7f7;
  font-size:14px;
  line-height:1.3;
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
}

/* result count dorong ke kanan di desktop */
.onino-filterbar .woocommerce-result_count,
.onino-filterbar .woocommerce-result-count{
  margin-left:auto;
  align-self:center;
  font-size:13px;
  opacity:.8;
}

/* desktop: biar proporsional 50/50 */
@media (min-width:768px){
  .onino-cat-filter,
  .onino-filterbar .woocommerce-ordering{
    flex:1 1 0;
  }
}

/* fokus */
.onino-cat-filter select:focus,
.onino-filterbar .woocommerce-ordering select:focus{
  outline:none; border-color:#b5b5b5; box-shadow:0 0 0 3px rgba(0,0,0,.04);
}

.woocommerce-info {
    background: #5ff2bf;
    color: #2a2f2c;}

/* Paksa grid WooCommerce juga aktif di konten posting */
.entry-content .woocommerce ul.products {
  display:flex; flex-wrap:wrap; gap:24px;
}
.entry-content .woocommerce ul.products li.product {
  width:calc(50% - 12px);  /* 2 kolom */
}
@media (max-width:600px){
  .entry-content .woocommerce ul.products li.product { width:100%; }
}