/* =============================================================================
 * magaza.css — Mağaza (WooCommerce arşiv kabuğu)
 * Kapsam kökü: .mulubey-app .mu-magaza
 *
 * SÖZLEŞME: tasarım (dc-mu/parts/10-magaza.html) hifi ve tüm ölçüleri inline
 * `style` niteliğinde taşıyor. Ölçü/renk/tipografi/kenarlık/gölge/ızgara
 * değerleri shortcodes/magaza.php ve partials/product-card.php içinde INLINE
 * durur. Bu dosyada YALNIZ inline'da ifade edilemeyen şeyler kalır:
 *   · :hover / :focus durumları (inline'ı yenmek için !important gerekir)
 *   · @media kırılımları (paylaşılanlar mulubey.css'te; burada yok)
 *   · WP/Woo'nun ürettiği markup (paginate_links(), fiyat <del>/<ins>)
 * ========================================================================== */

/* ── Ürün kartı hover ─────────────────────────────────────────────────────
 * Tasarım: style-hover="border-color:#C2A374;transform:translateY(-3px);
 *          box-shadow:0 1px 1px rgba(36,37,31,.02),0 28px 46px -26px rgba(36,37,31,.34)"
 * border-color + transform paylaşılan .mu-hv-card sınıfından gelir; PORT-REHBERI
 * §3 tablosunda karşılığı olmayan tek parça box-shadow burada tamamlanır.
 * Inline box-shadow'u yenmesi için !important zorunlu. */
.mulubey-app .mu-pcard:hover,
.mulubey-app .mu-pcard:focus-within {
  box-shadow: 0 1px 1px rgba(36, 37, 31, .02), 0 28px 46px -26px rgba(36, 37, 31, .34) !important;
}

/* ── Woo'nun ürettiği fiyat markup'ı (get_price_html) ─────────────────────
 * <del>/<ins> etiketlerine PHP'den inline stil verilemez. */
.mulubey-app .mu-pcard__price del { color: #6E6C60; font-size: .75em; }
.mulubey-app .mu-pcard__price ins { text-decoration: none; }

/* ── Sayfalama — paginate_links() markup'ı, tasarımda karşılığı yok ──────
 * WP üretimi olduğu için inline stil verilemez; marka değerleriyle giydirilir. */
.mulubey-app .mu-magaza__pager ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mulubey-app .mu-magaza__pager .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #E3D9C8;
  border-radius: 2px;
  font-size: 13.5px;
  color: #4B4A42;
  text-decoration: none;
  transition: border-color .18s, color .18s;
}
.mulubey-app .mu-magaza__pager a.page-numbers:hover,
.mulubey-app .mu-magaza__pager a.page-numbers:focus-visible { border-color: #86673A; color: #56583C; }
.mulubey-app .mu-magaza__pager .page-numbers.current {
  background: #24251F;
  border-color: #24251F;
  color: #FFFFFF;
}

/* ── Sıralama select'i: klavye odağı ─────────────────────────────────────
 * Inline `outline:0` tasarımdan gelir; odak görünürlüğü buradan sağlanır. */
.mulubey-app .mu-magaza select#mu-magaza-orderby:focus-visible { border-color: #9A7A50 !important; }

/* Not: [data-split] (940px) ve [data-3col] (940px) çöküşü mulubey.css'in
 * paylaşılan !important kurallarından gelir — burada tekrarlanmaz. */