/*
Theme Name: Hochzeitsatelier
Theme URI: https://dugun-shop.178-105-168-157.sslip.io
Description: Hochzeitspapeterie web-to-print — demonun BİREBİR frontend'i (assets/demo.css) + WooCommerce eşleme katmanı.
Author: Atelier
Version: 0.6.3
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: hochzeitsatelier
WC requires at least: 8.0
*/

/* Tüm tasarım/token/font assets/demo.css'ten. Burada: header ikonları + breadcrumb + WooCommerce'i demo sınıflarına eşleme. */

.site-main{flex:1}
/* Mobil yatay taşmayı kes (sticky'yi bozmayan clip) */
body{overflow-x:clip}

/* Üst menü: tüm öğeler dikey ortalı (marka/nav/ikonlar aynı hizada).
   NOT: .topnav'a display VERME — demo'nun mobil display:none/nav-open kuralı geçerli kalsın. */
.topbar{align-items:center}
.topbar .top-left,.topbar .top-actions{display:flex;align-items:center}
.topbar .topnav{align-items:center}
.topbar .topnav a{align-items:center;line-height:1}
.topbar .brand{display:flex;align-items:center}

/* ---------- Header: sepet + hesap ikonları ---------- */
.top-actions{display:flex;align-items:center;gap:4px}
.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:2px;color:var(--ink);text-decoration:none;transition:background .15s,color .15s}
.icon-btn:hover{background:var(--soft);color:var(--gd)}
.icon-btn svg{width:20px;height:20px}
.cart-count{position:absolute;top:4px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--gd);color:#fff;font-family:"Montserrat",sans-serif;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.cart-count[data-count="0"]{display:none}

/* ---------- Breadcrumb: kutusuz, içerik kutusunun SOL ÜSTÜNDE (başlık hizası) ---------- */
.ha-crumbs-line{text-align:left;padding:0 0 6px}                       /* archive: .ha-shop içinde, onun padding'ine hizalanır */
.single-product .ha-crumbs-line{max-width:1280px;margin:0 auto;padding:8px 24px 0}  /* PDP: tam genişlik → .pdp hizası */
@media(max-width:600px){.single-product .ha-crumbs-line{padding:6px 16px 0}}
.woocommerce-breadcrumb,.ha-crumbs{font-family:"Montserrat",sans-serif;font-size:12px;letter-spacing:.02em;color:var(--muted);text-align:left;line-height:1.5;margin:0}

/* Hamburger → X animasyonu daha smooth/yavaş */
.nav-toggle span{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease}
@media(max-width:600px){.woocommerce-breadcrumb,.ha-crumbs{font-size:11px}}
.woocommerce-breadcrumb a,.ha-crumbs a{color:var(--sage-dk);text-decoration:none}
.woocommerce-breadcrumb a:hover{color:var(--gd)}
.ha-crumbs .sep,.woocommerce-breadcrumb .sep{color:var(--gold-soft);margin:0 2px}

/* ---------- Üst stil şeridi (kartenmacherei tarzı) ---------- */
.ha-style-strip{background:#f4f3ef;border-bottom:1px solid var(--line)}
.ha-strip-row{display:flex;gap:26px;max-width:1180px;margin:0 auto;padding:18px 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
/* Desktop: stil şeridi ortalı (mobilde sola/kaydırma değişmedi) */
@media(min-width:768px){.ha-strip-row{justify-content:center}}
.ha-strip-row::-webkit-scrollbar{display:none}
.ha-strip-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;width:104px}
.ha-strip-thumb{width:104px;height:140px;border-radius:2px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:box-shadow .15s,border-color .15s}
.ha-strip-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ha-strip-label{font-family:"PlayfairDisplay",Cardo,serif;font-size:16px;color:var(--muted);text-align:center;line-height:1.15}
.ha-strip-item:hover .ha-strip-label{color:var(--ink)}
.ha-strip-item.active .ha-strip-label{color:var(--ink);font-weight:700}
.ha-strip-item.active .ha-strip-thumb{border-color:var(--gd);box-shadow:0 0 0 2px rgba(169,140,82,.28)}
@media(max-width:600px){.ha-strip-row{gap:16px;padding:14px 16px}.ha-strip-item{width:84px}.ha-strip-thumb{width:84px;height:112px}.ha-strip-label{font-size:14px}}

/* Sıralama sekmeleri (çok satanlar / yeni / fiyat) */
.ha-sort-tabs{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;padding:18px 0 2px;font-family:"Montserrat",sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em}
.ha-sort-tabs a{color:var(--muted);text-decoration:none;padding-bottom:6px;border-bottom:2px solid transparent}
.ha-sort-tabs a:hover{color:var(--ink)}
.ha-sort-tabs a.active{color:var(--ink);border-bottom-color:var(--gd)}

/* ---------- Liste sayfası kapsayıcı + başlık + sıralama (sol-üst filtre) ---------- */
.ha-shop{max-width:1180px;margin:0 auto;padding:28px 24px 64px}
.woocommerce-products-header{text-align:center;padding:6px 0 2px}
.woocommerce-products-header__title{font-family:"PlayfairDisplay",Cardo,serif;font-size:clamp(26px,3vw,34px);color:var(--ink);margin:0 0 6px}
.term-description,.woocommerce-products-header p{font-family:"Montserrat",sans-serif;color:var(--muted);text-align:center;max-width:640px;margin:0 auto;font-size:14px}
.woocommerce .woocommerce-result-count{font-family:"Montserrat",sans-serif;color:var(--muted);font-size:12.5px;margin-top:14px}
.woocommerce .woocommerce-ordering{margin-top:6px}
.woocommerce .woocommerce-ordering select{font-family:"Montserrat",sans-serif;font-size:12.5px;padding:9px 12px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink)}

/* ---------- Ürün ızgarası: li düz hücre, görsel = demo .tpl-card ---------- */
.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:22px;margin:22px 0 0 !important;padding:0 !important;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none !important;display:none !important}
.woocommerce ul.products li.product{width:auto !important;margin:0 !important;padding:0 !important;float:none !important;background:none;border:none;box-shadow:none}
.woocommerce ul.products li.product::before{display:none}
/* tpl-card içi (demo.css görseli verir; burada sadece resim + hizalama) */
.tpl-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line)}
.tpl-card .tpl-thumb{height:300px;overflow:hidden}
.tpl-card .tpl-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.tpl-card:hover .tpl-thumb img{transform:scale(1.04)}
.tpl-card .tpl-name{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:13px 15px;font-family:"Montserrat",sans-serif;font-size:13.5px;font-weight:600;color:var(--ink)}
.tpl-card .tpl-name .tpl-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpl-card .tpl-name small{flex:0 0 auto;color:var(--sage-dk);font-weight:600;font-size:13px}
.tpl-card .tpl-name small .amount{white-space:nowrap}

/* ---------- Favori (wishlist) kalbi ---------- */
.tpl-cardwrap{position:relative}
.ha-fav{position:absolute;top:10px;right:10px;z-index:4;width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.14);padding:0;transition:transform .12s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}
.ha-fav:focus,.ha-fav:focus-visible,.ha-fav:active{outline:none;box-shadow:0 2px 8px rgba(0,0,0,.14)}
.ha-fav:hover{transform:scale(1.08)}
.ha-fav svg{width:18px;height:18px;fill:none;stroke:var(--gd);stroke-width:1.8}
.ha-fav.on svg{fill:#d6394b;stroke:#d6394b}
.single-product .pdp-media{position:relative}
.ha-fav-pdp{top:14px;right:14px;width:40px;height:40px}
.ha-fav-pdp svg{width:20px;height:20px}
/* header favori sayaç */
.ha-fav-link{position:relative}
.ha-fav-link .ha-fav-count{position:absolute;top:4px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#d6394b;color:#fff;font-family:"Montserrat",sans-serif;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.ha-fav-link .ha-fav-count[data-count="0"]{display:none}
.ha-fav-empty{text-align:center;color:var(--muted);font-family:"Montserrat",sans-serif;padding:48px 0}

/* 5 tarz kartı (show-card demo.css; resim hizalama + plain li) */
.woocommerce ul.products li.product-category{text-align:left}
.woocommerce ul.products li.product-category::before{display:none}
.show-thumb{height:280px;overflow:hidden}
.show-thumb .show-img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- Tekil ürün: demo .pdp (demo.css stiller); ek ayar ---------- */
/* Görsel daha büyük/baskın (kartenmacherei tarzı): medya kolonu geniş */
.single-product .pdp{max-width:1280px}
.single-product .pdp-main{grid-template-columns:1.05fr 1fr;gap:76px}
/* Sağ kolon: geniş, resimden ve sağ kenardan boşluklu, dikey ortalı */
.single-product .pdp-buy{padding-top:6px;align-self:center;max-width:520px}
.single-product .pdp-media{position:sticky;top:90px}
.single-product .pdp-media img{display:block;width:100%;height:auto;border-radius:2px}
.single-product .pdp-media .paper-shadow{width:100%}
/* Fiyat: demo'da 30px çok büyük → küçült */
.single-product .pdp-price b,.single-product .pdp-price #ha-price{font-size:22px}
@media(max-width:980px){.single-product .pdp-main{grid-template-columns:1fr;gap:20px}.single-product .pdp-media{position:static}.single-product .pdp-buy{max-width:none;align-self:auto}.single-product .pdp-price b,.single-product .pdp-price #ha-price{font-size:20px}}

/* Mobil topbar: hamburger görünür, taşma yok */
@media(max-width:980px){
  .topbar{padding:12px 16px;gap:10px;flex-wrap:nowrap}
  .topbar .top-left{min-width:0;flex:1 1 auto;overflow:hidden}
  .topbar .brand-name{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar .top-actions{flex:0 0 auto;gap:2px}
}
.single-product .pdp-lead p{margin:0}
.woocommerce div.product form.cart{margin:14px 0 0;padding:0}
.woocommerce div.product form.cart .variations{margin:0 0 8px}
.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{padding:6px 10px 6px 0;vertical-align:middle}
.woocommerce div.product form.cart .variations label{font-family:"Montserrat",sans-serif;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#5a5246;margin:0}
.woocommerce div.product form.cart .variations select{font-family:"Montserrat",sans-serif;padding:10px 34px 10px 12px;border:1px solid var(--line);border-radius:2px;background-color:#fdfbf7;min-width:200px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2333332d' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
/* Tek fiyat #ha-price'ta; formdaki varyasyon fiyatı + Clear gizli */
.single-product .reset_variations{display:none !important}
.single-product .woocommerce-variation-price{display:none !important}
.single-product .woocommerce-variation-availability{display:none}
.woocommerce div.product .woocommerce-variation-price{margin:6px 0 4px}
.woocommerce div.product .woocommerce-variation-price .price{font-family:"PlayfairDisplay",Cardo,serif;font-size:22px;color:var(--ink)}
.single-product .ha-open-editor{width:100%}
/* CTA = butondan AYRI + açık renk kutu */
.single-product .ha-design-cta{margin-top:16px;padding:12px 15px;background:#faf6ef;border:1px solid var(--line);border-radius:6px}
.single-product .ha-design-cta p{font-family:"Montserrat",sans-serif;margin:0;font-size:12px;color:#5a5246;line-height:1.55;text-align:center}
/* İlgili ürünler */
.pdp-related{max-width:1100px;margin:0 auto;padding:10px 28px 64px}
.pdp-related .related>h2,.pdp-related .related h2{font-family:"PlayfairDisplay",Cardo,serif;font-size:26px;text-align:center;color:var(--ink);margin:0 0 8px}

/* ---------- Butonlar → demo .btn-primary/.btn ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #place_order{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em;padding:12px 22px;border-radius:2px;border:1px solid transparent;background:var(--sage);color:#fff;transition:.12s;text-shadow:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #place_order:hover{background:var(--sage-dk);color:#fff}
.woocommerce .button.alt,.woocommerce .ha-open-editor{background:var(--gd) !important}
.woocommerce .button.alt:hover,.woocommerce .ha-open-editor:hover{background:#8f7440 !important}

/* ---------- Sepet / kasa / hesap ---------- */
.woocommerce.ha-shop,.woocommerce-cart .ha-shop,.woocommerce-checkout .ha-shop,.woocommerce-account .ha-shop{}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:2px}
.woocommerce table.shop_table th{background:var(--soft);color:var(--ink);font-family:"Montserrat",sans-serif}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:2px;overflow:hidden}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:none}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;text-decoration:none;color:var(--ink);font-family:"Montserrat",sans-serif;font-size:14px}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--soft);color:var(--sage-dk);font-weight:600}
.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{border-top-color:var(--sage);font-family:"Montserrat",sans-serif}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--sage)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.select2-container .select2-selection{border:1px solid var(--line);border-radius:2px}

/* ---------- Blog / Magazin ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:2px;overflow:hidden;display:flex;flex-direction:column}
.post-card .pc-thumb{aspect-ratio:16/10;background:var(--soft);object-fit:cover;width:100%;display:block}
.post-card .pc-body{padding:18px 20px 22px}
.post-card h3{font-family:"PlayfairDisplay",Cardo,serif;margin:0 0 8px;font-size:19px}
.post-card h3 a{color:var(--ink);text-decoration:none}
.post-card .pc-meta{font-family:"Montserrat",sans-serif;color:var(--muted);font-size:12px;margin-bottom:8px}
.post-card p{font-family:"Montserrat",sans-serif;color:var(--muted);font-size:13.5px;line-height:1.55;margin:0}
.entry-content{font-family:"Montserrat",sans-serif;max-width:760px;margin:0 auto;font-size:15px;line-height:1.7;color:#5a5246}

@media(max-width:980px){
  .blog-grid{grid-template-columns:1fr}
}