/* ==========================================================================
   ALBIM — WooCommerce uyum katmanı

   WooCommerce ödeme, hesap ve bildirim işaretlemesini kendisi üretir.
   Burada o işaretlemeyi bizim tokenlarımıza bağlıyoruz — WooCommerce'in
   kendi CSS'ini ezmek yerine, ürettiği sınıfları giydiriyoruz.
   ========================================================================== */

/* ------------------------------------------------------------ form satırı */

.woocommerce form .form-row,
.albim-wc-alanlar .form-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 var(--a-3);
  padding: 0;
}

.albim-wc-alanlar .woocommerce-billing-fields__field-wrapper,
.albim-wc-alanlar .woocommerce-shipping-fields__field-wrapper,
.albim-wc-alanlar .woocommerce-additional-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 var(--a-3);
}
@media (min-width: 640px) {
  .albim-wc-alanlar .woocommerce-billing-fields__field-wrapper,
  .albim-wc-alanlar .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .albim-wc-alanlar .form-row-wide { grid-column: 1 / -1; }
}

.woocommerce form .form-row label,
.albim-wc-alanlar label {
  font-size: var(--fs-xs);
  font-weight: var(--fw-kalin);
  color: var(--renk-murekkep);
}
.woocommerce form .form-row .optional { font-weight: var(--fw-normal); color: var(--renk-soluk); }
.woocommerce .required { color: var(--albim-kirmizi); text-decoration: none; border: 0; }

/* ------------------------------------------------------------ giriş alanı */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page .select2-container .select2-selection--single {
  width: 100%;
  min-height: var(--yukseklik-form);
  padding: 0 14px;
  background: var(--zemin-yuzey);
  border: 1px solid var(--cizgi-belirgin);
  border-radius: var(--kose);
  font-family: var(--yazi-govde);
  font-size: var(--fs-sm);
  color: var(--renk-murekkep);
  box-shadow: none;
  transition: border-color var(--gecis), box-shadow var(--gecis);
}
.woocommerce form .form-row textarea { padding: 12px 14px; min-height: 96px; }

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none;
  border-color: var(--albim-kirmizi);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--albim-kirmizi) 14%, transparent);
}

.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select { border-color: var(--albim-kirmizi); }
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--renk-basari); }

/* select2 (ülke/eyalet seçici) */
.woocommerce-page .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  border-radius: var(--kose);
}
.woocommerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  color: var(--renk-murekkep);
  line-height: 1.4;
}
.woocommerce-page .select2-dropdown {
  border-color: var(--cizgi-belirgin);
  border-radius: var(--kose);
  background: var(--zemin-yuzey);
}
.woocommerce-page .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--albim-kirmizi);
}

/* --------------------------------------------------------- kargo yöntemi */

.albim-wc-kargo ul,
.woocommerce ul#shipping_method {
  display: flex;
  flex-direction: column;
  gap: var(--a-2);
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce ul#shipping_method li {
  display: flex;
  align-items: center;
  gap: var(--a-2);
  padding: var(--a-3);
  margin: 0;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  font-size: var(--fs-sm);
}
.woocommerce ul#shipping_method li:has(input:checked) {
  border-color: var(--albim-kirmizi);
  background: var(--albim-kirmizi-soluk);
}
.woocommerce ul#shipping_method input { width: 20px; height: 20px; accent-color: var(--albim-kirmizi); }
.woocommerce ul#shipping_method label { flex: 1; font-weight: var(--fw-orta); }
.woocommerce ul#shipping_method .amount { font-weight: var(--fw-kalin); }

/* ---------------------------------------------------------- ödeme kutusu */

.albim-wc-odeme .shop_table { display: none; }   /* özet sağ sütunda zaten var */

.woocommerce-checkout #payment {
  background: transparent;
  border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
  display: flex;
  flex-direction: column;
  gap: var(--a-2);
  padding: 0 0 var(--a-3);
  border: 0;
  border-bottom: 1px solid var(--cizgi-ince);
  list-style: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--a-2);
  padding: var(--a-3);
  border: 1px solid var(--cizgi);
  border-radius: var(--kose);
  font-size: var(--fs-sm);
}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
  border-color: var(--albim-kirmizi);
  background: var(--albim-kirmizi-soluk);
}
.woocommerce-checkout #payment ul.payment_methods input { width: 20px; height: 20px; accent-color: var(--albim-kirmizi); }
.woocommerce-checkout #payment ul.payment_methods label { font-weight: var(--fw-kalin); }
.woocommerce-checkout #payment div.payment_box {
  flex-basis: 100%;
  margin: var(--a-2) 0 0;
  padding: var(--a-3);
  background: var(--zemin-serit);
  border-radius: var(--kose);
  font-size: var(--fs-xs);
  color: var(--renk-govde);
}
.woocommerce-checkout #payment div.payment_box::before { display: none; }

.woocommerce-checkout #payment .form-row.place-order { padding: var(--a-3) 0 0; margin: 0; }
.woocommerce #payment #place_order,
.woocommerce-checkout button#place_order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--yukseklik-buton);
  padding-inline: 26px;
  background: var(--albim-bakir);
  color: var(--uzeri-kirmizi);
  border: 0;
  border-radius: var(--kose);
  font-family: var(--yazi-govde);
  font-size: var(--fs-sm);
  font-weight: var(--fw-kalin);
  white-space: nowrap;
}
.woocommerce-checkout button#place_order:hover { filter: brightness(.92); }

.woocommerce-privacy-policy-text,
.woocommerce-terms-and-conditions-wrapper {
  font-size: var(--fs-xs);
  color: var(--renk-govde);
}
.woocommerce-terms-and-conditions-wrapper .form-row { margin-bottom: var(--a-2); }

/* --------------------------------------------------------- kupon / mesaj */

.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle { margin-bottom: var(--a-3); }

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--a-2) var(--a-3);
  margin: 0 0 var(--a-3);
  padding: var(--a-3);
  background: var(--zemin-serit);
  border: 1px solid var(--cizgi);
  border-left: 3px solid var(--renk-govde);
  border-radius: var(--kose);
  font-size: var(--fs-xs);
  list-style: none;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none; }
.woocommerce-message { border-left-color: var(--renk-basari); }
.woocommerce-info    { border-left-color: var(--albim-bakir); }
.woocommerce-error   { border-left-color: var(--albim-kirmizi); }
.woocommerce-message .button,
.woocommerce-info .button {
  margin-left: auto;
  min-height: 38px;
  padding-inline: var(--a-3);
  background: var(--renk-murekkep);
  color: var(--uzeri-koyu);
  border-radius: var(--kose);
  font-size: var(--fs-xs);
  font-weight: var(--fw-kalin);
  text-decoration: none;
}

/* ------------------------------------------------------------- HESABIM */

.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--a-4);
  padding-block: var(--a-5);
}
@media (min-width: 860px) {
  .woocommerce-account .woocommerce { grid-template-columns: 220px minmax(0, 1fr); gap: var(--a-6); }
}
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--zemin-yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--kose-buyuk);
  overflow: hidden;
}
.woocommerce-MyAccount-navigation li { border-top: 1px solid var(--cizgi-ince); }
.woocommerce-MyAccount-navigation li:first-child { border-top: 0; }
.woocommerce-MyAccount-navigation a {
  display: block;
  padding: 12px var(--a-3);
  color: var(--renk-murekkep);
  font-size: var(--fs-xs);
  font-weight: var(--fw-orta);
}
.woocommerce-MyAccount-navigation a:hover { background: var(--zemin-serit); text-decoration: none; }
.woocommerce-MyAccount-navigation li.is-active a { background: var(--renk-murekkep); color: var(--uzeri-koyu); }

.woocommerce-MyAccount-content { min-width: 0; }
.woocommerce-MyAccount-content h2 { margin-bottom: var(--a-3); }

/* Giriş / kayıt formu */
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword {
  max-width: 30rem;
  padding: var(--a-4);
  background: var(--zemin-yuzey);
  border: 1px solid var(--cizgi);
  border-radius: var(--kose-buyuk);
}
.woocommerce form .form-row .button,
.woocommerce-form-login .button,
.woocommerce-form-register .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--yukseklik-buton);
  padding-inline: 26px;
  background: var(--albim-kirmizi);
  color: var(--uzeri-kirmizi);
  border: 0;
  border-radius: var(--kose);
  font-size: var(--fs-sm);
  font-weight: var(--fw-kalin);
}
.woocommerce form .form-row .button:hover { background: var(--albim-kirmizi-koyu); }

/* Sipariş tabloları */
.woocommerce table.shop_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--cizgi);
  border-radius: var(--kose-buyuk);
  overflow: hidden;
  font-size: var(--fs-xs);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 12px;
  border-bottom: 1px solid var(--cizgi-ince);
  text-align: left;
}
.woocommerce table.shop_table thead th {
  background: var(--zemin-serit);
  font-size: var(--fs-2xs);
  letter-spacing: var(--ls-etiket);
  text-transform: uppercase;
  color: var(--renk-soluk);
}

/* Toplamın yanındaki KDV notu kendi satırına insin, başlığı kırmasın */
.albim-ozet__toplam strong { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.albim-ozet__toplam small,
.albim-ozet__toplam .includes_tax {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-normal);
  color: var(--renk-govde);
  white-space: nowrap;
}

/* WooCommerce alan açıklaması */
.woocommerce form .form-row .description {
  font-size: var(--fs-xs);
  color: var(--renk-govde);
  margin-top: 2px;
}