/* =========================
   SANGHATELIER - SHOP GRID FIX PACK
   (Classic Woo + Woo Blocks uyumlu)
   ========================= */

/* 1) Kartları dikey düzenle, butonu alta sabitle (Classic Woo) */
.woocommerce ul.products li.product{
  display:flex !important;
  flex-direction:column !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button{
  margin-top:auto !important;
  align-self:center;
}

/* 2) Kartları dikey düzenle, butonu alta sabitle (Woo Blocks / Block theme) */
.wc-block-grid__product,
.wc-block-product,
.wp-block-woocommerce-product-template > li,
.wp-block-post.product{
  display:flex !important;
  flex-direction:column !important;
}

.wc-block-grid__product .wp-block-button,
.wc-block-product .wp-block-button,
.wp-block-woocommerce-product-template > li .wp-block-button,
.wp-block-post.product .wp-block-button{
  margin-top:auto !important;
  align-self:center;
}

/* Butonun kendisi: genişlik/yerleşim tutarlı olsun */
.wc-block-grid__product .wp-block-button__link,
.wc-block-product .wp-block-button__link,
.wp-block-woocommerce-product-template .wp-block-button__link{
  display:inline-flex !important;
  justify-content:center;
  align-items:center;
}

/* 3) Ürün görsel hover: hafif şeffaflaşsın */
.woocommerce ul.products li.product a img,
.wc-block-grid__product a img,
.wc-block-product a img,
.wp-block-woocommerce-product-template a img{
  transition: opacity .22s ease;
}
.woocommerce ul.products li.product a:hover img,
.wc-block-grid__product a:hover img,
.wc-block-product a:hover img,
.wp-block-woocommerce-product-template a:hover img{
  opacity:.82;
}

/* 4) Eski fiyat daha silik, yeni fiyat daha belirgin */
.woocommerce ul.products li.product del,
.woocommerce ul.products li.product del .amount,
.wc-block-grid__product del,
.wc-block-grid__product del .amount,
.wc-block-product del,
.wc-block-product del .amount{
  opacity:.55 !important;
}

.woocommerce ul.products li.product ins,
.woocommerce ul.products li.product ins .amount,
.wc-block-grid__product ins,
.wc-block-grid__product ins .amount,
.wc-block-product ins,
.wc-block-product ins .amount{
  text-decoration:none !important;
  font-weight:600 !important;
}

/* 5) “İNDİRİM” rozeti mini ve zarif (Classic Woo sale flash) */
.woocommerce span.onsale{
  font-size:11px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  line-height:1 !important;
  min-height:auto !important;
}

/* 6) Woo Blocks indirim rozeti (bazı temalarda farklı sınıf) */
.wc-block-components-product-sale-badge,
.wc-block-grid__product .wc-block-grid__product-onsale{
  font-size:11px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  line-height:1 !important;
}
.woocommerce ul.products li.product ins .amount,
.wc-block-grid__product ins .amount,
.wc-block-product ins .amount{
  font-weight:700 !important;
}
.woocommerce ul.products li.product ins .amount,
.wc-block-grid__product ins .amount,
.wc-block-product ins .amount{
  font-weight:700 !important;
}
/* Sepete Ekle - hover’da hafif şeffaflaşma (tema ezse de çalışsın) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce a.add_to_cart_button.button,
.woocommerce ul.products li.product .button,
.wc-block-components-product-button__button,
.wp-block-button__link {
  transition: opacity .18s ease, transform .18s ease !important;
  opacity: 1 !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover,
.wc-block-components-product-button__button:hover,
.wp-block-button__link:hover {
  opacity: .78 !important;
  transform: translateY(-1px) !important;
}

.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce a.add_to_cart_button:active,
.woocommerce ul.products li.product .button:active,
.wc-block-components-product-button__button:active,
.wp-block-button__link:active {
  opacity: .86 !important;
  transform: translateY(0) !important;
}
/* ZORLA: Sepete eklendi sonrası çıkan yönlendirme linkini gizle (tüm varyasyonlar) */
.woocommerce a.added_to_cart,
.woocommerce a.added_to_cart.wc-forward,
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.woocommerce .added_to_cart,
.woocommerce .wc-forward,
.wc-block-grid__product a.added_to_cart,
.wc-block-grid__product a.added_to_cart.wc-forward,
.wc-block-grid__product .wc-forward,
.wc-block-grid__product .added_to_cart,
.wp-block-woocommerce-product-template a.added_to_cart,
.wp-block-woocommerce-product-template a.added_to_cart.wc-forward,
.wp-block-woocommerce-product-template .wc-forward,
.wp-block-woocommerce-product-template .added_to_cart {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
/* === Premium Sepete Ekle Hover === */

.woocommerce ul.products li.product .button,
.wc-block-components-product-button__button {
    background-color: #111;          /* siyah sabit */
    color: #fff;
    border-radius: 6px;
    transition: 
        opacity 0.25s ease-out,
        transform 0.25s ease-out,
        box-shadow 0.25s ease-out;
}

/* Hover efekti */
.woocommerce ul.products li.product .button:hover,
.wc-block-components-product-button__button:hover {
    opacity: 0.88;                   /* zarif şeffaflık */
    transform: translateY(-1px);     /* mikro hareket */
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* Tıklama anı (basılıyken) */
.woocommerce ul.products li.product .button:active,
.wc-block-components-product-button__button:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(0,0,0,0.18);
    opacity: 0.92;
}
.eft-discount-box {
	background: #fafafa;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	padding: 14px 16px;
	margin-bottom: 18px;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

.eft-discount-box strong {
	display: block;
	font-size: 15px;
	margin-bottom: 4px;
	color: #000;
}

.eft-discount-box b {
	font-weight: 600;
}
/* CART sayfasında sayfa başlığını (Sepet) zorla gizle — tema fark etmeksizin */
body.woocommerce-cart .entry-header,
body.woocommerce-cart header.entry-header,
body.woocommerce-cart .entry-title,
body.woocommerce-cart h1.entry-title,
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-cart h1.wp-block-post-title,
body.woocommerce-cart .woocommerce-products-header__title,
body.woocommerce-cart .page-title,
body.woocommerce-cart .page-header,
body.woocommerce-cart header.page-header {
  display: none !important;
}
/* Ana sayfa bölüm mini başlık (cool caption) */
.home .wp-block-heading,
.home h2{
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 500;
  opacity: .75;
  margin-bottom: 14px;
}

/* Mini başlığın altına ince çizgi */
.home .wp-block-heading:after,
.home h2:after{
  content:"";
  display:block;
  width: 56px;
  height: 1px;
  background: currentColor;
  opacity: .25;
  margin-top: 10px;
}
/* === BÖLÜM BAŞLIKLARI (En Çok Satan Ürünler vb.) === */
.home h2,
.home .wp-block-heading {
  font-size: 15px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 500;
  color: #2b2b2b;
  margin-bottom: 28px;
  position: relative;
}

/* İnce, zarif çizgi */
.home h2::after,
.home .wp-block-heading::after {
  content: "";
  display: block;
  width: 42px;
  height: 1px;
  background: currentColor;
  opacity: 0.25;
  margin: 14px auto 0;
}

/* === ÜRÜN BAŞLIKLARI === */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.45;
  color: #3a3a3a;
  margin-top: 14px;
  margin-bottom: 6px;
}

/* Hover’da link hissini öldürelim */
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
  color: #3a3a3a;
}

/* === FİYAT ALANI DAHA ZARİF === */
.woocommerce ul.products li.product .price {
  font-size: 14px;
  font-weight: 500;
  color: #111;
}

/* Eski fiyat silik */
.woocommerce ul.products li.product .price del {
  opacity: 0.35;
  font-weight: 400;
}

/* === ÜRÜN KARTLARI ARASI NEFES === */
.woocommerce ul.products {
  row-gap: 48px;
}

/* === GENEL YUMUŞAKLIK === */
.woocommerce ul.products li.product {
  text-align: center;
}
/* MailPoet form – footer’dan biraz ayır */
.home #mailpoet_form_1{
  margin-bottom: 36px !important;
}

/* Yazıyı biraz yumuşat */
.home #mailpoet_form_1 p{
  line-height: 1.5;
}
/* MailPoet – mikro iyileştirme (tek parça) */
#mailpoet_form_1{
  margin-bottom: 40px;
}

#mailpoet_form_1 p{
  margin-bottom: 12px;
}

#mailpoet_form_1 input[type="email"]{
  margin-bottom: 10px;
}
/* =========================
   SANGHATELIER - PREMIUM HEADER / NAV
   Ek CSS en alta yapıştır
   ========================= */

/* Genel header temizliği */
.site-header,
.site-header .site-branding,
.site-header .site-branding * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Logo alanı: daha rafine hizalama */
.site-header .site-branding {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Logo boyutu (çok büyükse premium hissi bozar) */
.site-header .custom-logo,
.site-header .site-logo img,
.site-header .site-branding img {
  max-height: 44px !important;
  width: auto !important;
}

/* Site adı (Sanghatelier) */
.site-header .site-title,
.site-header .site-title a {
  font-weight: 600 !important;
  letter-spacing: 0.6px !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  color: #111 !important;
  text-transform: none !important;
}

/* Slogan: ince, sofistike */
.site-header .site-description {
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.35px !important;
  color: rgba(17,17,17,.68) !important;
}

/* Ana menü: premium spacing + ince çizgi hissi */
.main-navigation,
.main-navigation ul,
.main-navigation li,
.main-navigation a {
  text-transform: none !important;
}

.main-navigation ul.menu > li {
  margin: 0 14px !important;
}

.main-navigation ul.menu > li > a {
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 0.9px !important;
  color: rgba(17,17,17,.86) !important;
  padding: 10px 2px !important;
  position: relative;
}

/* Hover underline: çok ince, butik hissi */
.main-navigation ul.menu > li > a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 0%;
  height: 1px;
  background: rgba(17,17,17,.55);
  transition: width .18s ease;
}

.main-navigation ul.menu > li > a:hover:after,
.main-navigation ul.menu > li.current-menu-item > a:after,
.main-navigation ul.menu > li.current_page_item > a:after {
  width: 100%;
}

/* Aktif sayfa: bağırmadan premium */
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_item > a {
  color: #111 !important;
}

/* Hesap/ikonlar (sağdaki küçük ikonlar) daha zarif */
.site-header .site-header-cart,
.site-header .site-header-cart a,
.site-header .woocommerce-MyAccount-navigation-link a,
.site-header a {
  color: rgba(17,17,17,.86);
}

.site-header a:hover {
  color: #111;
}

/* Mobil: menü nefes alsın */
@media (max-width: 768px) {
  .site-header .site-description { font-size: 12.5px !important; }
  .site-header .site-title, .site-header .site-title a { font-size: 17px !important; }
  .main-navigation ul.menu > li { margin: 0 10px !important; }
  .main-navigation ul.menu > li > a { letter-spacing: 0.6px !important; }
}
/* =========================
   SANGHATELIER - HOME TEXT PREMIUM (bu sınıfı verdiğin alan)
   ========================= */

.home .sh-premium-text{
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 6px 12px;
}

/* Bu alan içindeki tüm metinler */
.home .sh-premium-text p,
.home .sh-premium-text li{
  font-size: 15px !important;
  line-height: 1.75 !important;
  letter-spacing: .25px !important;
  color: rgba(17,17,17,.80) !important;
  margin: 10px 0 12px !important;
}

/* Aradaki cümle: daha rafine, “signature” gibi */
.home .sh-premium-text p{
  text-align: center !important;
}

/* Başlıklar: EN ÇOK SATAN ÜRÜNLER gibi */
.home .sh-premium-text h1,
.home .sh-premium-text h2,
.home .sh-premium-text h3{
  text-align: center !important;
  font-weight: 600 !important;
  letter-spacing: 2.8px !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  color: rgba(17,17,17,.86) !important;
  margin: 18px 0 10px !important;
}

/* Başlık altına ince çizgi (premium detay) */
.home .sh-premium-text h1:after,
.home .sh-premium-text h2:after,
.home .sh-premium-text h3:after{
  content:"";
  display:block;
  width: 44px;
  height: 1px;
  margin: 10px auto 0;
  background: rgba(17,17,17,.22);
}

/* Mobilde biraz daha sıkı */
@media (max-width: 768px){
  .home .sh-premium-text p,
  .home .sh-premium-text li{
    font-size: 14.5px !important;
    line-height: 1.7 !important;
  }
}
/* =========================
   SANGHATELIER – MANIFESTO TOUCH
   (sh-premium-text içindeki ilk paragraf)
   ========================= */

.home .sh-premium-text p:first-of-type{
  font-style: italic !important;
  font-size: 15.5px !important;
  letter-spacing: .4px !important;
  color: rgba(17,17,17,.75) !important;
  max-width: 720px;
  margin: 0 auto 22px !important;
  position: relative;
  padding-bottom: 18px;
}

/* Altına zarif çizgi */
.home .sh-premium-text p:first-of-type:after{
  content:"";
  display:block;
  width: 36px;
  height: 1px;
  background: rgba(17,17,17,.25);
  margin: 18px auto 0;
}

/* Mobil ince ayar */
@media (max-width:768px){
  .home .sh-premium-text p:first-of-type{
    font-size: 14.5px !important;
  }
}
/* =========================
   SANGHATELIER – PREMIUM MENU POLISH (Storefront)
   Yapıştır: Görünüm > Özelleştir > Ek CSS (en alt)
   ========================= */

/* 1) Header genel: daha derli toplu ve “nefesli” */
.site-header{
  border-bottom: 1px solid rgba(17,17,17,.08);
}
.site-header .site-branding,
.site-header .site-search,
.site-header .site-header-cart{
  margin-bottom: 0 !important;
}

/* 2) Menü alanı: hizalama + boşluk kontrolü */
.storefront-primary-navigation{
  padding-top: 6px;
  padding-bottom: 6px;
}
.main-navigation{
  clear: both;
}
.main-navigation ul.menu,
.main-navigation ul.nav-menu{
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;               /* yatay/dikey aralık */
  align-items: center;
  justify-content: center;     /* ortalı, “butik” duruş */
}

/* 3) Link stili: premium tipografi + yumuşak geçiş */
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a{
  position: relative;
  padding: 10px 4px;
  font-size: 13px;
  letter-spacing: .85px;       /* rafine */
  text-transform: uppercase;   /* butik hissi */
  font-weight: 500;
  color: rgba(17,17,17,.78) !important;
  transition: color .22s ease, opacity .22s ease, transform .22s ease;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* 4) Hover: çizgiyle “güvenli premium” imza */
.main-navigation ul.menu > li > a:after,
.main-navigation ul.nav-menu > li > a:after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 1px;
  background: rgba(17,17,17,.22);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease, background .22s ease;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover{
  color: rgba(17,17,17,.92) !important;
}
.main-navigation ul.menu > li > a:hover:after,
.main-navigation ul.nav-menu > li > a:hover:after{
  transform: scaleX(1);
  background: rgba(17,17,17,.32);
}

/* 5) Aktif sayfa: daha belirgin ama bağırmayan */
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.nav-menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_item > a,
.main-navigation ul.nav-menu > li.current_page_item > a{
  color: rgba(17,17,17,.95) !important;
}
.main-navigation ul.menu > li.current-menu-item > a:after,
.main-navigation ul.nav-menu > li.current-menu-item > a:after,
.main-navigation ul.menu > li.current_page_item > a:after,
.main-navigation ul.nav-menu > li.current_page_item > a:after{
  transform: scaleX(1);
  background: rgba(17,17,17,.38);
}

/* 6) Menü elemanları “ikon gibi” görünmesin diye minik denge */
.main-navigation ul.menu > li,
.main-navigation ul.nav-menu > li{
  margin: 0 !important;
}

/* 7) Mobil: sıkışmayı önle, okunurluğu artır */
@media (max-width: 768px){
  .main-navigation ul.menu,
  .main-navigation ul.nav-menu{
    justify-content: flex-start;
    gap: 4px 14px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .main-navigation ul.menu > li > a,
  .main-navigation ul.nav-menu > li > a{
    font-size: 12.5px;
    letter-spacing: .7px;
    padding: 9px 2px;
  }
}
/* =========================
   FOOTER – premium link bar
   ========================= */

/* Linkleri daha rafine göster */
.site-footer a{
  color: rgba(17,17,17,.78) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(17,17,17,.14);
  padding-bottom: 2px;
  transition: color .2s ease, border-color .2s ease, opacity .2s ease;
}

/* Hover: zarif vurgu */
.site-footer a:hover{
  color: rgba(17,17,17,.95) !important;
  border-bottom-color: rgba(17,17,17,.28);
}

/* Footer içi linklerin hizası ve aralığı (menü gibi toplu görünüm) */
.site-footer .menu,
.site-footer .footer-navigation ul,
.site-footer ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 26px;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Liste öğelerinin default boşluklarını temizle */
.site-footer li{
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobilde taşmayı engelle */
@media (max-width: 768px){
  .site-footer .menu,
  .site-footer .footer-navigation ul,
  .site-footer ul{
    justify-content: flex-start;
    gap: 8px 18px;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
/* ==============================
   Sanghatelier Premium Polish
   (Home hero + section titles + dividers + menu)
   Yapıştır: Görünüm > Özelleştir > Ek CSS
================================ */

/* 0) Genel metin yumuşatma (çok hafif, premium hissi) */
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 1) HERO: "Ruhuna İyi Gelen Takılar" başlığı */
.home :is(h1, .entry-title, .wp-block-post-title, .page-title){
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.06 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  margin-bottom: 12px !important;
}

/* 2) HERO alt açıklama metni (narin ama profesyonel) */
.home :is(.entry-content, .wp-site-blocks, .site-main) p{
  max-width: 64ch;
}

.home :is(.entry-content, .wp-site-blocks, .site-main) > :is(p, .wp-block-paragraph){
  font-size: clamp(16px, 1.4vw, 19px) !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  color: rgba(17,17,17,.82) !important;
}

/* 3) Küçük bölüm başlıkları: "RUHUNA İYİ GELEN TAKILAR", "EN ÇOK SATAN ÜRÜNLER" */
.home :is(h2, h3, .wp-block-heading){
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-size: 12.5px !important;
  color: rgba(17,17,17,.62) !important;
  margin-top: 22px !important;
  margin-bottom: 14px !important;
  position: relative;
  text-align: center;
}

/* 4) “Çizgi”yi premium hale getir (ince, zarif, belirgin) */
.home :is(h2, h3, .wp-block-heading)::after{
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  margin: 12px auto 0;
  background: linear-gradient(90deg,
    rgba(0,0,0,0),
    rgba(0,0,0,.22),
    rgba(0,0,0,0)
  );
}

/* 5) Başlık + açıklama grubuna hafif "kart" hissi (çok subtle) */
.home :is(.entry-content, .wp-site-blocks, .site-main){
  --polish-shadow: 0 18px 50px rgba(0,0,0,.04);
}

.home :is(.entry-content, .wp-site-blocks, .site-main) > :is(h1, .entry-title, .wp-block-post-title) + p{
  padding: 14px 18px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.65) !important;
  box-shadow: var(--polish-shadow) !important;
  backdrop-filter: blur(6px);
}

/* 6) “Sanghatelier, farklı malzemelerin…” cümlesini daha premium yap */
.home p:has(+ :is(h2,h3,.wp-block-heading)){
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: rgba(17,17,17,.70) !important;
  letter-spacing: 0.01em !important;
  margin-top: 18px !important;
  margin-bottom: 6px !important;
  text-align: center;
}

/* 7) Üst menü: dağınıklığı toparla, boşlukları rafine et */
.main-navigation ul.menu > li > a,
.primary-navigation a{
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  color: rgba(17,17,17,.78) !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  transition: background-color .18s ease, color .18s ease;
}

.main-navigation ul.menu > li > a:hover,
.primary-navigation a:hover{
  background: rgba(0,0,0,.05) !important;
  color: rgba(17,17,17,.95) !important;
}

/* 8) Mobilde üst ikonlar çok “ayrı ayrı” duruyorsa biraz hizala */
.site-header .site-branding,
.site-header .site-header-cart,
.site-header .site-search{
  align-items: center;
}

/* 9) Footer linkleri (İletişim, Kargo ve Teslimat...) tek satır, düzenli ve premium */
.site-footer a{
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0,0,0,.18) !important;
  padding-bottom: 2px;
}

.site-footer a:hover{
  border-bottom-color: rgba(0,0,0,.38) !important;
}

/* 10) Instagram iç tarayıcıda farkı netleştirmek için: görsel aralıkları */
.home img{
  border-radius: 10px;
}
/* === BLOG YAZILARINDA: KLASİK [products] + WOO BLOCK GRID HİZALAMA === */

/* 1) KLASİK SHORTCODE: ul.products li.product (Storefront vb.) */
body.single-post ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

@media (max-width: 900px) {
  body.single-post ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  body.single-post ul.products {
    grid-template-columns: 1fr !important;
  }
}

body.single-post ul.products li.product {
  float: none !important;          /* float'ı iptal */
  width: auto !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.single-post ul.products li.product .woocommerce-loop-product__title {
  min-height: 3.6em !important;
}

body.single-post ul.products li.product .price {
  margin-top: auto !important;
}

/* buton/added linklerini en alta al */
body.single-post ul.products li.product a.button,
body.single-post ul.products li.product a.add_to_cart_button,
body.single-post ul.products li.product a.added_to_cart {
  margin-top: 10px !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
}


/* 2) WOO BLOCK GRID: wc-block-grid__products (Gutenberg ürün blokları) */
body.single-post .wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

@media (max-width: 900px) {
  body.single-post .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  body.single-post .wc-block-grid__products {
    grid-template-columns: 1fr !important;
  }
}

body.single-post .wc-block-grid__products .wc-block-grid__product {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
}

body.single-post .wc-block-grid__products .wc-block-grid__product-title {
  min-height: 3.6em !important;
}

body.single-post .wc-block-grid__products .wc-block-grid__product-price {
  margin-top: auto !important;
}

body.single-post .wc-block-grid__products .wp-block-button__link,
body.single-post .wc-block-grid__products .add_to_cart_button,
body.single-post .wc-block-grid__products .added_to_cart {
  margin-top: 10px !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
/* ✅ BLOK (Query Loop / Son Yazılar) başlıklarını büyüt-kalınlaştır
   Attar dahil tema CSS'ini ezmek için !important kullanır. */

/* Query Loop / Post Template içindeki yazı başlık linkleri */
.wp-site-blocks .wp-block-query .wp-block-post-title a,
.wp-site-blocks .wp-block-post-template .wp-block-post-title a,
.wp-site-blocks .wp-block-post-template a.wp-block-post-title__link,
.wp-site-blocks .wp-block-post-title a,
.wp-site-blocks .wp-block-latest-posts__post-title a,
.wp-block-query .wp-block-post-title a,
.wp-block-post-template .wp-block-post-title a,
.wp-block-post-template a.wp-block-post-title__link,
.wp-block-latest-posts__post-title a {
  display: block !important;                 /* başlığın tamamı tıklanır */
  
/* Hover/focus: tıklanabilir hissi */
.wp-site-blocks .wp-block-query .wp-block-post-title a:hover,
.wp-site-blocks .wp-block-post-template .wp-block-post-title a:hover,
.wp-site-blocks .wp-block-latest-posts__post-title a:hover,
.wp-block-query .wp-block-post-title a:hover,
.wp-block-post-template .wp-block-post-title a:hover,
.wp-block-latest-posts__post-title a:hover,
.wp-site-blocks .wp-block-query .wp-block-post-title a:focus,
.wp-site-blocks .wp-block-post-template .wp-block-post-title a:focus,
.wp-site-blocks .wp-block-latest-posts__post-title a:focus {
  text-decoration: underline !important;
}