/* =========================================================
   PUQQI · Atölye görünümü (tema üzerine giydirilir)
   Kaldırmak için: Site1.Master'daki atolye.css / atolye.js satırlarını silin.
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=DM+Sans:wght@400;500;600;700&display=swap");

:root {
  --atl-ink: #1b2238;      /* lacivert: metin, butonlar, şeritler */
  --atl-ink-2: #10162a;    /* buton üstüne gelince */
  --atl-acc: #9a5b2c;      /* konyak: indirim, vurgu */
  --atl-line: #e6e3de;
  --atl-muted: #6b6f7a;
  --atl-soft: #f6f4f1;
  --atl-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --atl-sans: "DM Sans", "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* ---------- Yazı ---------- */
body, button, input, select, textarea, .tf-btn { font-family: var(--atl-sans) !important; }
body { color: var(--atl-ink); }
h1, h2, h3, .heading, .tf-page-title .heading,
.flat-title .title, .title.fw-5, .tf-product-info-title h5, .tf-product-info-title h1,
.footer-heading h6, .tf-cart-totals-discounts h3 {
  font-family: var(--atl-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: var(--atl-ink);
}
.tf-product-info-title h5, .tf-product-info-title h1 { font-size: 30px !important; line-height: 1.15 !important; margin: 0; }
@media (max-width: 767px) { .tf-product-info-title h5, .tf-product-info-title h1 { font-size: 26px !important; } }

/* ---------- Duyuru şeridi ---------- */
.announcement-bar { background: var(--atl-ink) !important; }
.announcement-bar, .announcement-bar * { color: #e9e4dc !important; letter-spacing: .06em; }

/* ---------- Butonlar: keskin köşe, lacivert ---------- */
.tf-btn.btn-fill, .tf-btn.btn-fill.animate-hover-btn {
  background-color: var(--atl-ink) !important;
  border-color: var(--atl-ink) !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.tf-btn.btn-fill:hover { background-color: var(--atl-ink-2) !important; }
.tf-btn.btn-outline, .tf-btn.btn-line { border-radius: 0 !important; border-color: var(--atl-ink) !important; color: var(--atl-ink) !important; }
.tf-btn.radius-3, .radius-3 { border-radius: 0 !important; }
.animate-hover-btn::after { display: none !important; } /* parlayan şerit animasyonu */

/* ---------- Ürün kartları ---------- */
.card-product .card-product-wrapper { border-radius: 0 !important; background: var(--atl-soft); }
.card-product .card-product-info .title { font-size: 15px; color: var(--atl-ink) !important; }
.card-product .card-product-info .price { font-weight: 700; color: var(--atl-ink) !important; }
.card-product .size-list { display: none !important; } /* "0 Adet Stok Kaldı" yanlış görünüyordu */
.on-sale-wrap .on-sale-item, .badges-on-sale {
  background: var(--atl-acc) !important; color: #fff !important; border-radius: 0 !important; font-weight: 700;
}

/* ---------- Ürün sayfası ---------- */
.tf-product-info-price .price-on-sale { color: var(--atl-ink) !important; font-weight: 700; }
.tf-product-info-price .compare-at-price { color: var(--atl-muted) !important; }
.tf-product-info-badges .badges { background: var(--atl-ink) !important; color: #fff !important; border-radius: 0 !important; }
/* Gerçek veriye dayanmayan sayaçlar */
.tf-product-info-liveview, .product-status-content { display: none !important; }
.variant-picker-values label, .variant-picker-values .style-text,
.tf-product-info-variant-picker label { border-radius: 0 !important; }

/* ---------- Bölümlerin kaydırınca soluk açılması ---------- */
.wow { visibility: visible !important; animation-name: none !important; opacity: 1 !important; }

/* ---------- Ana sayfa vitrini: telefonda ekranı kaplamasın ---------- */
@media (max-width: 767px) {
  .tf-slideshow .wrap-slider, .tf-slideshow img.slider-mobil-img, .tf-slideshow img.slider-img { max-height: 62vh; object-fit: cover; }
}

/* ---------- Sepet / ödeme özetleri ---------- */
.tf-page-cart-checkout, .tf-cart-footer-inner { border-radius: 0 !important; }
.tf-page-cart-checkout { background: var(--atl-soft) !important; }

/* ---------- Alt bilgi ---------- */
.footer.background-gray { background: var(--atl-ink) !important; }
.footer.background-gray, .footer.background-gray a, .footer.background-gray p,
.footer.background-gray li, .footer.background-gray h6, .footer.background-gray .footer-heading * { color: #c9cbd3 !important; }
.footer.background-gray .footer-heading h6, .footer.background-gray .footer-heading { color: #f6f2ec !important; }
.footer.background-gray .footer-logo img { filter: brightness(0) invert(1); }
.footer.background-gray input { background: transparent !important; color: #fff !important; border-color: #3a4260 !important; }
.footer.background-gray .tf-btn.btn-fill { background: #f6f2ec !important; color: var(--atl-ink) !important; border-color: #f6f2ec !important; }
.footer.background-gray .footer-bottom { border-color: #2c3450 !important; }

/* ---------- Masaüstü üst menü: tek satır (header1.ascx v2 ile) ---------- */
@media (max-width: 1199px) { .atl-search-li, .atl-search-pill { display: none !important; } }
@media (min-width: 1200px) {
  .atl-header .main-header .wrapper-header { min-height: 84px; }
  .atl-header .atl-logo-col { text-align: left !important; }
  .atl-header .atl-nav-col .box-navigation { text-align: left; }
  .atl-header .atl-nav-col .box-nav-ul { justify-content: flex-start !important; flex-wrap: wrap; row-gap: 6px; }
  .atl-header .atl-nav-col .item-link { font-size: 15px; font-weight: 500; color: var(--atl-ink) !important; }
  .atl-header .atl-nav-col .item-link:hover { color: var(--atl-acc) !important; }
  .atl-header .nav-icon { gap: 12px !important; }
  .atl-search-pill {
    display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; min-width: 170px;
    border: 1px solid #d6d1ca; color: var(--atl-muted) !important; font-size: 14px; background: #fff;
  }
  .atl-search-pill:hover { border-color: var(--atl-ink); color: var(--atl-ink) !important; }
  .atl-header .nav-cart2 .tf-btn { height: 42px; border-radius: 0 !important; padding: 0 14px; white-space: nowrap; }
}

/* ---------- Ana sayfa banner: yazı + butonlar (Panel > Atölye Ayarları) ---------- */
.atl-hero .atl-hero-box { color: var(--atl-ink); }
.atl-hero-ust { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--atl-acc) !important; margin: 0 0 14px; font-weight: 600; }
.atl-hero-baslik { font-family: var(--atl-serif) !important; font-weight: 400 !important; font-size: 52px; line-height: 1.05; margin: 0 0 16px; color: var(--atl-ink) !important; }
.atl-hero-baslik em { font-style: italic; color: var(--atl-acc); }
.atl-hero-aciklama { font-size: 16px; line-height: 1.55; color: var(--atl-muted) !important; margin: 0 0 26px; max-width: 420px; }
.atl-hero-butonlar { display: flex; gap: 12px; flex-wrap: wrap; }
.atl-hero-btn { height: 48px; padding: 0 22px; display: inline-flex; align-items: center; }
@media (min-width: 1200px) {
  .atl-hero { display: flex; align-items: center; background: #f3efe9; }
  .atl-hero > .swiper { order: 2; flex: 0 0 60%; width: 60%; max-width: 60%; min-width: 0; overflow: hidden; }
  .atl-hero .slider-img { width: 100%; height: clamp(420px, 36vw, 640px); object-fit: cover; object-position: center; }
  .atl-hero .atl-hero-box { order: 1; flex: 0 0 40%; width: 40%; padding: 40px 48px 40px 64px; box-sizing: border-box; }
}
@media (max-width: 1199px) {
  .atl-hero .atl-hero-box { padding: 26px 16px 30px; background: #f3efe9; }
  .atl-hero-baslik { font-size: 34px; }
  .atl-hero-aciklama { font-size: 15px; margin-bottom: 20px; }
  .atl-hero-btn { flex: 1 1 auto; justify-content: center; }
}