/* Mesnevi Gümüş — Mağaza Listesi
   Ürün grid, filtre, sayfalama, breadcrumb.
*/

/* ── MAĞAZA (ARŞİV) MOBİL ── */
@media (max-width: 768px) {
  .woo-wrap { padding: 16px !important; }
  .magaza-ust-bar { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 1.2rem !important; align-items: stretch !important; }
  .woocommerce-result-count { font-size: .8rem !important; margin-bottom: 0 !important; }
  .woocommerce-ordering { width: 100% !important; }
  .woocommerce-ordering select { width: 100% !important; padding: 10px 14px !important; font-size: .85rem !important; border-radius: 8px !important; background: #fff !important; border: 1.5px solid var(--border) !important; }
  ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .woocommerce-breadcrumb { font-size: .76rem !important; overflow-x: auto !important; white-space: nowrap !important; scrollbar-width: none !important; margin-bottom: 12px !important; display: block !important; }
  .woocommerce-breadcrumb::-webkit-scrollbar { display: none !important; }
  .woocommerce-pagination { margin-top: 1.5rem !important; }
  .woocommerce-pagination ul { gap: 6px !important; flex-wrap: wrap !important; justify-content: center !important; }
  .woocommerce-pagination .page-numbers { min-width: 36px !important; height: 36px !important; font-size: .85rem !important; }
}

.woocommerce-result-count {color:var(--metin-ince);font-size:.86rem;margin-bottom:1rem}

.woocommerce-ordering select {padding:8px 14px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:.88rem;outline:none;transition:border-color var(--t-hizli);background:#fff;cursor:pointer}

.woocommerce-ordering select:focus {border-color:var(--yesil)}

.woocommerce .woocommerce-breadcrumb {
  background: rgba(122, 154, 31, 0.08);
  border: 1px solid rgba(122, 154, 31, 0.18);
  color: var(--metin-ince);
  border-radius: 999px;
  padding: 8px 14px;
  display: inline-flex;
  gap: 8px;
  margin-bottom: 14px;
}

/* Ürün kartları - arşiv, kategori, shop */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  transition: transform var(--t-normal), box-shadow var(--t-normal), border-color var(--t-hizli);
  padding-bottom: 10px;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: rgba(30, 92, 46, 0.24);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.1);
}

.woocommerce ul.products li.product a img {
  margin: 0;
  border-bottom: 1px solid var(--border);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.96rem;
  line-height: 1.45;
  font-weight: 700;
  color: var(--siyah);
  padding: 12px 12px 4px;
}

.woocommerce ul.products li.product .price {
  padding: 0 12px 8px;
  font-size: 0.95rem;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
  margin: 0 12px 10px !important;
  width: calc(100% - 24px);
  border-radius: 10px;
  border: 1px solid var(--yesil);
  background: var(--yesil);
  color: #fff;
  font-weight: 700;
  font-size: 0.84rem;
  text-align: center;
  padding: 10px 12px;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover {
  background: var(--siyah);
  border-color: var(--siyah);
}

/* Sayfalama */
.woocommerce nav.woocommerce-pagination ul {
  border: none;
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border: 1px solid var(--border);
  border-radius: 10px;
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--metin);
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  border-color: var(--yesil);
  color: var(--yesil);
  background: rgba(30, 92, 46, 0.06);
}

@media (max-width: 768px) {
  .woocommerce .woocommerce-breadcrumb {
    font-size: 0.74rem;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.88rem;
    padding: 10px 10px 4px;
  }

  .woocommerce ul.products li.product .price {
    padding: 0 10px 8px;
  }

  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .added_to_cart {
    margin: 0 10px 10px !important;
    width: calc(100% - 20px);
    padding: 9px 10px;
    font-size: 0.8rem;
  }
}

/* ============================================================
   WooCommerce Final Uyum Katmanı (Çakışma Önleyici)
   ============================================================ */

/* Shop kart oranları ve hizalama */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
}

.woocommerce ul.products li.product > a:first-child {
  display: block;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
  margin-top: auto !important;
}