/* ==========================================================================
   12. BİLDİRİM KARTLARI — TEK TASARIM DİLİ (NOTICE / ALERT SYSTEM)
   --------------------------------------------------------------------------
   Kaynak ne olursa olsun (WooCommerce klasik notice'ları, WooCommerce
   Blocks, üst tema, iyzico inline eklentisi) sayfaya gömülen tüm
   success / info / warning / error bildirimleri AYNI kartı kullanır:
   yumuşak zemin + 1px kenarlık + 4px sol vurgu şeridi, ikon yok, tutarlı
   tipografi ve buton. Renkler tek yerden, aşağıdaki değişkenlerden gelir.
   ========================================================================== */
:root {
  --sfc-notice-success-bg: #f0fdf4;
  --sfc-notice-success-bd: #bbf7d0;
  --sfc-notice-success-ac: #16a34a;
  --sfc-notice-success-fg: #166534;

  --sfc-notice-info-bg: #eff6ff;
  --sfc-notice-info-bd: #bfdbfe;
  --sfc-notice-info-ac: #2563eb;
  --sfc-notice-info-fg: #1e40af;

  --sfc-notice-warning-bg: #fffbeb;
  --sfc-notice-warning-bd: #fde68a;
  --sfc-notice-warning-ac: #d97706;
  --sfc-notice-warning-fg: #92400e;

  --sfc-notice-error-bg: #fef2f2;
  --sfc-notice-error-bd: #fecaca;
  --sfc-notice-error-ac: #dc2626;
  --sfc-notice-error-fg: #991b1b;
}

/* --- Ortak kart --------------------------------------------------------- */
.site .woocommerce-notice,
.site .woocommerce-message,
.site .woocommerce-info,
.site .woocommerce-error,
.site .woocommerce-noreviews,
.site .wc-block-components-notice-banner,
.site .iyzico-inline-error,
.site .iyzico-inline-note {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 14px 16px !important;
  margin: 0 0 16px 0 !important;
  border: 1px solid transparent !important;
  border-left-width: 4px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  list-style: none !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* İkonları kaldır — anlamı renk kodu + sol şerit taşıyor. */
.site .woocommerce-notice::before,
.site .woocommerce-message::before,
.site .woocommerce-info::before,
.site .woocommerce-error::before,
.site .woocommerce-noreviews::before {
  content: none !important;
  display: none !important;
}
.site .wc-block-components-notice-banner > svg {
  display: none !important;
}

/* Blocks: iç metin sarmalayıcısı ve özet başlığı */
.site
  .wc-block-components-notice-banner
  > .wc-block-components-notice-banner__content {
  align-self: center !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
}
.site .wc-block-components-notice-banner__summary {
  font-weight: 600 !important;
  margin: 0 0 4px 0 !important;
}

/* Liste biçimli bildirimler (ör. birden çok hata satırı) — madde imi yok */
.site .woocommerce-notice li,
.site .woocommerce-message li,
.site .woocommerce-info li,
.site .woocommerce-error li,
.site .wc-block-components-notice-banner__content ul,
.site .wc-block-components-notice-banner__content ol,
.site .wc-block-components-notice-banner__content li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.site .woocommerce-error li + li,
.site .wc-block-components-notice-banner__content li + li {
  margin-top: 4px !important;
}

/* Kart içindeki aksiyon butonu (ör. "Sepeti Görüntüle") */
.site .woocommerce-notice .button,
.site .woocommerce-message .button,
.site .woocommerce-info .button,
.site .woocommerce-error .button {
  order: 2 !important;
  align-self: center !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 auto !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  float: none !important;
  text-decoration: none !important;
}
.site .wc-block-components-notice-banner .wc-forward {
  float: none !important;
}

/* Blocks kapatma (x) butonu */
.site .wc-block-components-notice-banner > .wc-block-components-button {
  align-self: flex-start !important;
  margin: 2px 0 0 auto !important;
  color: currentColor !important;
  opacity: 0.5 !important;
}
.site .wc-block-components-notice-banner > .wc-block-components-button:hover {
  opacity: 1 !important;
}

/* --- Varyantlar (tek renk kaynağı: :root değişkenleri) ---------------- */
/* success / positive */
.site .woocommerce-notice.woocommerce-notice--success,
.site .woocommerce-message,
.site .wc-block-components-notice-banner.is-success {
  background-color: var(--sfc-notice-success-bg) !important;
  border-color: var(--sfc-notice-success-bd) !important;
  border-left-color: var(--sfc-notice-success-ac) !important;
  color: var(--sfc-notice-success-fg) !important;
}

/* info / neutral — varyantsız Blocks bildirimi de buraya düşer */
.site .woocommerce-notice,
.site .woocommerce-info,
.site .woocommerce-noreviews,
.site .wc-block-components-notice-banner,
.site .wc-block-components-notice-banner.is-info {
  background-color: var(--sfc-notice-info-bg) !important;
  border-color: var(--sfc-notice-info-bd) !important;
  border-left-color: var(--sfc-notice-info-ac) !important;
  color: var(--sfc-notice-info-fg) !important;
}

/* warning */
.site .woocommerce-notice.woocommerce-notice--warning,
.site .wc-block-components-notice-banner.is-warning,
.site .iyzico-inline-note {
  background-color: var(--sfc-notice-warning-bg) !important;
  border-color: var(--sfc-notice-warning-bd) !important;
  border-left-color: var(--sfc-notice-warning-ac) !important;
  color: var(--sfc-notice-warning-fg) !important;
}

/* error */
.site .woocommerce-notice.woocommerce-notice--error,
.site .woocommerce-error,
.site .wc-block-components-notice-banner.is-error,
.site .iyzico-inline-error {
  background-color: var(--sfc-notice-error-bg) !important;
  border-color: var(--sfc-notice-error-bd) !important;
  border-left-color: var(--sfc-notice-error-ac) !important;
  color: var(--sfc-notice-error-fg) !important;
}
/* klasik + eklenti hata kartı: satırları dikey yığ */
.site .woocommerce-error,
.site .iyzico-inline-error {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
}

/* Bildirim metnindeki bağlantılar kartın kendi rengini alsın.
   WooCommerce hata satırlarını `<a href="#alan">` ile sarıyor; global `a`
   kuralı bunları beyaza boyayıp açık zeminde okunmaz hale getiriyordu. */
.site .woocommerce-notice a:not(.button),
.site .woocommerce-message a:not(.button),
.site .woocommerce-info a:not(.button),
.site .woocommerce-error a:not(.button),
.site .woocommerce-error li a,
.site .woocommerce-noreviews a:not(.button),
.site .wc-block-components-notice-banner a:not(.button),
.site .iyzico-inline-error a:not(.button),
.site .iyzico-inline-note a:not(.button) {
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* --- Bildirim sarmalayıcısı --------------------------------------------
   NOT: Eskiden `.woocommerce-notices-wrapper` KOŞULSUZ gizleniyordu; bu,
   sepet / hesabım / mağaza gibi sayfalarda sunucu tarafı bildirimlerini
   (ör. geçersiz kupon, stok uyarısı) tamamen görünmez kılıyordu. Artık
   yalnızca BOŞ sarmalayıcı gizleniyor; dolu olduğunda bildirim görünür. */
.woocommerce-notices-wrapper:empty {
  display: none !important;
}
.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
  margin: 0 !important;
  padding: 0 !important;
}

.storefront-sorting {
  display: flex !important;
  align-items: center !important;
}
.storefront-sorting:before,
.storefront-sorting:after {
  display: none !important;
}

/* ==========================================================================
   HESABIM MENÜSÜ — İKONLARI KALDIR
   ========================================================================== */
.woocommerce-MyAccount-navigation ul {
  border: none !important;
}

.woocommerce-MyAccount-navigation-link:last-child {
  border: none !important;
}

.woocommerce-MyAccount-navigation-link a::before,
.woocommerce-MyAccount-navigation-link a::after,
.woocommerce-MyAccount-navigation ul li a::before,
.woocommerce-MyAccount-navigation ul li a::after {
  content: none !important;
  display: none !important;
}

.woocommerce-MyAccount-navigation-link a svg,
.woocommerce-MyAccount-navigation-link a img,
.woocommerce-MyAccount-navigation ul li a svg,
.woocommerce-MyAccount-navigation ul li a img {
  display: none !important;
}

.woocommerce-MyAccount-navigation-link a,
.woocommerce-MyAccount-navigation ul li a {
  padding-right: 0 !important;
  background-image: none !important;
}

.error-404 .widget_product_search {
  display: none !important;
}

/* ==========================================================================
   ÜRÜN SAYFASI DÜZELTMELERİ
   ========================================================================== */
.woocommerce-product-gallery__wrapper {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.woocommerce-product-gallery__wrapper .wp-post-image {
  width: 100% !important;
}

.single-product div.product form.cart {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.single-product div.product .product_meta {
  border: none !important;
}

.storefront-sticky-add-to-cart__content-price {
  color: #222 !important;
}

.single-product .storefront-product-pagination {
  display: none !important;
}

.star-rating::before,
.star-rating span::before {
  font-family: "Font Awesome 5 Free" !important;
}

.woocommerce-form-coupon {
  margin-bottom: 0 !important;
}

/* ==========================================================================
   BLOG AKIŞI / QUERY LOOP KART TASARIMI
   --------------------------------------------------------------------------
   "Blog" sayfasindaki Query Loop blogu (ul.wp-block-post-template) her yaziyi
   iki sutunlu bir satir olarak basiyor: solda one cikan gorsel, sagda baslik
   + ozet + "Devamini Oku". Model icindeki sutun genislikleri bozuk (66% + 80%)
   ve satir arasi bosluk tutarsiz. Burada blok isaretlemesine dokunmadan,
   tamamen CSS ile duzgun bir kart duzeni kuruyoruz. Renkler tema paleti
   (koyu #1c1c1c, sicak kenarlik #e2dacd, krem zemin) ile uyumlu.
   ========================================================================== */

/* Akis: kartlari esit boslukla alt alta diz */
.wp-block-query .wp-block-post-template {
  display: flex !important;
  flex-direction: column !important;
  gap: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Kart govdesi */
.wp-block-query .wp-block-post-template > li.wp-block-post {
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff;
  border: 1px solid #e2dacd;
  border-radius: 16px;
  overflow: hidden;
}

/* Ic iki sutun: gorsel + metin, esit yukseklikte */
.wp-block-query li.wp-block-post .wp-block-columns {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

/* WP, her .wp-block-column'a 16px alt bosluk veriyor; kart icinde gorselin
   altinda / metnin yaninda olu bosluk birakiyor. Sifirla. */
.wp-block-query li.wp-block-post .wp-block-columns > .wp-block-column {
  margin: 0 !important;
}

/* Sol sutun: gorsel.
   Sutunun kendisi konumlandirma kutusu; ic zincir (group > figure > a > img)
   mutlak konumla kutuyu birebir dolduruyor. Boylece gorsel her zaman kartin
   tam yuksekligini kaplar, altinda bosluk kalmaz. */
.wp-block-query li.wp-block-post .wp-block-columns > .wp-block-column:first-child {
  flex: 0 0 42% !important;
  max-width: 42% !important;
  width: 42% !important;
  min-width: 0 !important;
  align-self: stretch !important;
  position: relative !important;
  min-height: 224px !important;
}

.wp-block-query li.wp-block-post .wp-block-columns > .wp-block-column:first-child .wp-block-group,
.wp-block-query li.wp-block-post .wp-block-post-featured-image {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  display: block !important;
  border-radius: 0 !important;
}

.wp-block-query li.wp-block-post .wp-block-post-featured-image a,
.wp-block-query li.wp-block-post .wp-block-post-featured-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.wp-block-query li.wp-block-post .wp-block-post-featured-image img {
  object-fit: cover !important;
  object-position: center !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  border-radius: 0 !important;
}

/* Sag sutun: metin */
.wp-block-query li.wp-block-post .wp-block-columns > .wp-block-column:last-child {
  flex: 1 1 auto !important;
  max-width: none !important;
  width: auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 28px 34px !important;
}

.wp-block-query li.wp-block-post .wp-block-post-title {
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

.wp-block-query li.wp-block-post .wp-block-post-title a {
  color: #1c1c1c !important;
  text-decoration: none !important;
}

.wp-block-query li.wp-block-post .wp-block-post-excerpt {
  margin: 0 !important;
}

.wp-block-query li.wp-block-post .wp-block-post-excerpt__excerpt {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #52525b !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.wp-block-query li.wp-block-post .wp-block-post-excerpt__more-text {
  margin: 4px 0 0 !important;
}

.wp-block-query li.wp-block-post .wp-block-post-excerpt__more-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1c1c1c !important;
  text-decoration: none !important;
}

.wp-block-query li.wp-block-post .wp-block-post-excerpt__more-link::after {
  content: "\2192";
}

/* Mobil: WP, kolonlari 782px altinda alt alta yigiyor. Ayni kirilim
   noktasinda sol kolonun %42 genisligini iptal edip tam gene yaptiriyoruz;
   yoksa gorsel dar kalip saginda bosluk birakiyor. Gorsel artik mutlak
   konumlu oldugu icin sol kolona sabit bir en-boy orani veriyoruz. */
@media (max-width: 781px) {
  .wp-block-query li.wp-block-post .wp-block-columns {
    flex-direction: column !important;
  }

  .wp-block-query li.wp-block-post .wp-block-columns > .wp-block-column:first-child,
  .wp-block-query li.wp-block-post .wp-block-columns > .wp-block-column:last-child {
    flex: 0 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .wp-block-query li.wp-block-post .wp-block-columns > .wp-block-column:first-child {
    align-self: auto !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
  }

  .wp-block-query li.wp-block-post .wp-block-columns > .wp-block-column:last-child {
    padding: 22px 24px 24px !important;
  }
}

/* ==========================================================================
   TEK BLOG YAZISI (single-post) DUZENI
   --------------------------------------------------------------------------
   Ust bilgi (tarih / yazar / yorum) kucuk ve sonuk; baslik daha guclu;
   one cikan gorsel yuvarlak koseli ve sicak kenarlikli; govde tipografisi
   okunakli satir yuksekligiyle.
   ========================================================================== */

.single-post .entry-header {
  margin-bottom: 22px !important;
}

.single-post .entry-header .posted-on,
.single-post .entry-header .post-author,
.single-post .entry-header .post-comments {
  font-size: 13px !important;
  letter-spacing: 0.03em !important;
  color: #71717a !important;
}

.single-post .entry-header .posted-on a,
.single-post .entry-header .post-author a,
.single-post .entry-header .post-comments a {
  color: #1c1c1c !important;
  text-decoration: none !important;
}

.single-post .entry-header .posted-on a:hover,
.single-post .entry-header .post-author a:hover,
.single-post .entry-header .post-comments a:hover {
  text-decoration: underline !important;
}

.single-post .entry-header .entry-title {
  margin: 10px 0 0 !important;
  font-size: 2.1rem !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* One cikan gorsel */
.single-post .entry-content > img.wp-post-image,
.single-post .entry-content > .wp-block-image:first-child img,
.single-post .post-thumbnail img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 460px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  border: 1px solid #e2dacd !important;
  margin: 6px 0 34px !important;
}

/* Govde tipografisi */
.single-post .entry-content {
  font-size: 16.5px !important;
}

/* Okunakli olcu: metin bloklarini dar tut, gorsel tam genislik kalsin */
.single-post .entry-content > p,
.single-post .entry-content > h2,
.single-post .entry-content > h3,
.single-post .entry-content > h4,
.single-post .entry-content > ul,
.single-post .entry-content > ol,
.single-post .entry-content > blockquote,
.single-post .entry-content > figure:not(:first-of-type) {
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.single-post .entry-content p {
  line-height: 1.78 !important;
  color: #3a3a3a !important;
}

.single-post .entry-content h2 {
  margin-top: 2.2em !important;
  margin-bottom: 0.55em !important;
}

.single-post .entry-content h3 {
  margin-top: 1.8em !important;
  margin-bottom: 0.45em !important;
}

.single-post .entry-content ul,
.single-post .entry-content ol {
  line-height: 1.85 !important;
  color: #3a3a3a !important;
}

.single-post #comments {
  margin-top: 40px !important;
}