/* =====================================================================
   GBIST — Global Misc (FINAL v2025.11.11 — hybrid)
   Token’lı: CLS mikro korumalar + site geneli küçük düzeltmeler
   Flatsome uyumlu · Düşük özgülük · Güvenli !important
   ===================================================================== */

/* -------------------- 0) Tokenlar -------------------- */
:root{
  /* Spacing */
  --gb-gap: 28px;
  --gb-gap-sm: 16px;

  /* CLS guards (component-level) */
  --gb-price-minh: 48px;   /* tek satır fiyat */
  --gb-delivery-minh: 20px;
  --gb-cta-minh: 44px;     /* ATC butonu */

  /* Sticky header offset (TOC/anchor) */
  --gb-sticky-offset: 80px;

  /* Loop kart başlık iç inset (ileride grid oynamaları için) */
  --gb-title-inset: 12px;

}

/* -------------------- 1) Resetler / Güvenli Varsayılanlar -------------------- */
#wrapper :where(*){ box-sizing:border-box; }
#wrapper a{ text-underline-offset:3px; }
#wrapper :where(h1,h2,h3,h4,h5,h6){ line-height:1.2; }

html{ scroll-behavior:smooth; } /* iç linkler */
[id^="gb-sec-"]{ scroll-margin-top: var(--gb-sticky-offset, 80px); } /* anchor offset fallback */

/* (KONTEYNER) — Layout’u Flatsome’dan al → burayı bilerek boş bıraktık */

/* -------------------- 2) Sitenize Özel Aktif Parçalar -------------------- */
.tayfunaccordion button.toggle,
.xoo-wsch-basket{ display:none !important; }

/* Cookies bubble */
.flatsome-cookies{
  width:fit-content; border-radius:10px; margin:auto; inset-inline:0; font-size:90%;
}
.flatsome-cookies--active{ margin-bottom:20px; }
.flatsome-cookies__buttons>a{ margin-right:0; }

/* Arama ikon boyutu */
i.icon-search{ display:inline-block; inline-size:22px; block-size:22px; }

/* Menü link tonu */
.nav-column>li>a,.nav-dropdown>li>a,.nav-vertical-fly-out>li>a,.nav>li>a{ color:#222; }

/* Nextend (sosyal login) satır içi */
div.tayfunnex div.nsl-container-block .nsl-container-buttons{
  display:flex; flex-direction:row; gap:2px;
}
div.tayfunnex div.nsl-container-block .nsl-container-buttons a{ margin:0; }

/* Üst mini menü */
div.tayfuntopmenu a{
  font-family:"Source Sans Pro",sans-serif; color:#999; font-size:12px; line-height:15px;
}

/* Tipografi (site-wide) */
:where(.nav>li>a,.alt-font,.heading-font,.mobile-sidebar-levels-2 .nav>li>ul>li>a,
.off-canvas-center .nav-sidebar.nav-vertical>li>a, body,h1,h2,h3,h4,h5,h6){
  font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue","Noto Sans",Arial,sans-serif;
}

/* Arama alanı */
input#woocommerce-product-search-field-0,
input#woocommerce-product-search-field-1{
  background:#f3f3f3; border-radius:0;
  border-top:none; border-left:none; border-right:none; padding-block:21px;
}

/* Side cart detayları */
span.xoo-wsc-sc-subt{ display:none; }
span.xoo-wsc-sc-bki{ font-size:20px; }

/* Header logo stabilizasyonu (CLS) */
.header .logo img, #logo img{ width:230px; height:44px; object-fit:contain; }

/* Nav yükseklik rezervi */
.nav.header-bottom-nav{ min-height:48px; }

/* -------------------- 3) GBIST — Discount Badge (Conversion Optim) -------------------- */
.gbist-discount-badge{
  display:inline-flex; align-items:center; justify-content:center;
  background:#ff6000; color:#fff; font-size:12px; font-weight:700; line-height:1;
  padding:4px 7px 4px; border-radius:8px; margin-left:8px; vertical-align:middle; white-space:nowrap;
}
.gbist-discount-badge::after{
  content:""; display:inline-block; width:0; height:0; margin-left:6px;
  border-left:5px solid transparent; border-right:5px solid transparent;
  border-top:6px solid rgba(255,255,255,.95); position:relative; top:-1px;
}

/* Product loop card base — archive, related, upsell ve PDP içi ürün listeleri. */
.product-small.box{
  border:1px solid #ececec; border-radius:14px; background:#fff; overflow:hidden;
  transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.product-small.box:hover{
  box-shadow:0 8px 24px rgba(0,0,0,.06); transform:translateY(-1px); border-color:#e6e6e6;
}
.product-small .box-text.box-text-products{ padding:14px 8px 0 !important; }
.product-small .title-wrapper{
  display:grid !important;
  grid-template-columns:1fr auto;
  grid-template-areas:
    "brand rate"
    "title title";
  column-gap:8px; row-gap:10px; align-items:center;
  padding:0 2px; margin-bottom:8px;
  min-height:72px;
}
.product-small .title-wrapper .gbist-loop-brand{
  grid-area:brand !important;
  background:transparent; color:#111; font-weight:700;
  font-size:12px; line-height:1; padding:3px 1px;
  border-radius:4px; min-width:0; max-width:100%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:.85;
}
.product-small .title-wrapper .gbist-loop-rating-min{
  grid-area:rate !important;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#111;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  margin:0 !important;
}
.product-small .title-wrapper .gbist-loop-rating-min .gb-star{
  display:block;
  width:14px;
  height:14px;
  flex:0 0 14px;
  fill:#ff6000;
}
.product-small .title-wrapper .gbist-loop-rating-min .gb-score{font-weight:700}
.product-small .title-wrapper .gbist-loop-rating-min .gb-count{opacity:.65}
.product-small .title-wrapper > .star-rating,
.product-small .title-wrapper > .gbist-loop-rating{
  display:none !important;
}
.product-small .title-wrapper .name.product-title{
  grid-area:title !important; display:block !important; width:100% !important; margin:2px 0 8px !important;
}
.product-small .title-wrapper .name.product-title a{
  font-size:14px; line-height:1.3; color:#111; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.product-small .price-wrapper{
  margin:0 !important;
  height:auto !important;
  min-height:62px;
}
.product-small .price{
  display:grid !important;
  grid-template-columns:1fr auto;
  grid-template-rows:16px 24px;
  grid-template-areas:
      "del  badge"
      "ins  badge";
  align-items:end !important;
  column-gap:8px; row-gap:2px;
  background:#f5f6f7;
  padding:12px 14px;
  margin-inline:-12px !important;
  margin-bottom:0 !important;
  border-radius:0 0 14px 14px;
  min-block-size:max(var(--gb-price-minh, 48px), 62px);
}
.product-small .price del{
  grid-area:del; display:block; font-size:11px; color:#777; opacity:.9;
  text-decoration:line-through; align-self:end;
}
.product-small .price .screen-reader-text{
  position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px);
}
.product-small .price ins{ grid-area:ins; text-decoration:none; align-self:end !important; }
.product-small .price ins .amount,
.product-small .price > .amount,
.product-small .price ins bdi{
  font-size:17px; font-weight:700; color:#1a8f5b !important; line-height:1.2;
}
.product-small .price .ayudawp-lowest-price{
  grid-area:ins; align-self:end !important;
}
.product-small .price .ayudawp-lowest-price .amount bdi,
.product-small .price .ayudawp-lowest-price bdi{
  font-size:17px; font-weight:700; color:#1a8f5b !important; line-height:1.2;
}
.product-small .gbist-discount-badge{
  grid-area:badge; justify-self:end; align-self:end !important; margin-left:8px;
}
.product-small .price:not(:has(.gbist-discount-badge))::after{
  content:""; grid-area:badge; justify-self:end; align-self:end; width:0; height:0;
}
.product-small .price:not(:has(del))::before{
  content:""; grid-area:del; align-self:end;
}
.product-small .box-image img{ border-radius:12px; }

@media (max-width:480px){
  .product-small .title-wrapper .gbist-loop-brand{ font-size:11px; padding:5px 0; }
  .product-small .title-wrapper .gbist-loop-rating-min{ font-size:11px; }
  .product-small .title-wrapper .name.product-title a{ font-size:13px; }
  .product-small .price ins .amount,
  .product-small .price ins bdi,
  .product-small .price .ayudawp-lowest-price .amount bdi,
  .product-small .price .ayudawp-lowest-price bdi{ font-size:16px; }
}

/* -------------------- 4) Mobile Only -------------------- */
@media (max-width:768px){
  div.tayfunnex .nsl-container .nsl-button-default div.nsl-button-label-container{
    font-size:8px !important; line-height:10px !important; margin:0 4px 0 2px !important;
  }
  input#woocommerce-product-search-field-0,
  input#woocommerce-product-search-field-1{
    background:#f7f7f7; padding-block:17px; font-size:10.5px;
  }
  .tayfunaccordion .accordion-title{ font-size:55% !important; }
}

/* -------------------- 5) Global Fiyat Renk Politikası -------------------- */
.price, .price .amount, .woocommerce-Price-amount{ color:inherit !important; }
.price del, .price del .amount{
  color:#777 !important; opacity:.6; text-decoration:line-through;
  text-decoration-color:#999; text-decoration-thickness:1.3px;
}
/* Katalog/widget fiyat rengi. PDP fiyatı product-extras.css tarafından yönetilir. */
.products .product-small .price ins *, .related .price ins *,
.upsells .price ins *, .widget .product_list_widget .price ins *{
  color:#1a8f5b !important; font-weight:700;
}
/* Ayuda Lowest Price — sadece katalog kartlarında */
.products .product-small .ayudawp-lowest-price,
.products .product-small .ayudawp-lowest-price *,
.products .product-small .price .ayudawp-lowest-price,
.products .product-small .price .ayudawp-lowest-price *{
  color:#1a8f5b !important; font-weight:700;
}

/* -------------------- 6) Footer Saklama (opsiyonel) -------------------- */
.absolute-footer{ display:none !important; }

/* iOS Safari 16px altı form alanlarına focus olunca sayfayı zoomlar. */
@supports (-webkit-touch-callout: none){
  input[type="search"],
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  select,
  textarea{
    font-size:16px!important;
  }
}