/*
 * Ürün inceleme sayfasındaki satın alma kutusu, "Diğer Ürünler" ve teklif formu
 * (inc/product-detail-commerce.php, assets/js/product-detail-commerce.js).
 *
 * "Diğer Ürünler" kartları woocommerce.css'teki .commerce-spare-* kurallarından, teklif formu
 * purchase-page.css'ten gelir. Satın alma kutusu (.ilimera-buy) bu dosyada: tek, ince kart.
 */

.ilimera-detail-commerce{scroll-margin-top:96px}

/* Kutu ya da teklif formu ekrandayken yüzen çubuk gizli (product-detail-commerce.js). */
.ilimera-product-purchase{transition:opacity .2s ease,transform .2s ease}
html.ilimera-detail-commerce-in-view .ilimera-product-purchase{opacity:0;pointer-events:none;transform:translateY(12px)}

/* ---------- Satın alma kutusu ---------- */

.ilimera-buy{--buy-ink:#1f1f1f;--buy-muted:#767676;--buy-line:#e6e6e6;display:grid;gap:16px;max-width:760px;padding:20px 22px;border:1px solid var(--buy-line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(28,28,28,.05);color:var(--buy-ink);font-family:Manrope,sans-serif}

.ilimera-buy-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px}
.ilimera-buy-price{margin:0;color:#000;font:700 clamp(22px,2.2vw,27px)/1.15 Sora,sans-serif;letter-spacing:-.02em}
.ilimera-buy-price .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ilimera-buy-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;color:var(--buy-muted);font-size:12px}
.ilimera-buy-status{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.ilimera-buy-status.is-in{color:#1a7f37}
.ilimera-buy-status.is-in::before{width:7px;height:7px;border-radius:50%;background:currentColor;content:""}
.ilimera-buy-status.is-out{color:#b4233f}
.ilimera-buy-sku{padding-left:12px;border-left:1px solid var(--buy-line)}

.ilimera-buy-options{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--buy-line)}
.ilimera-buy-label{margin:0;color:var(--buy-muted);font:700 11px/1.3 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ilimera-buy-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.ilimera-buy-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:9px 12px;border:1px solid #dcdcdc;border-radius:10px;color:var(--buy-ink);background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.ilimera-buy-choice-name{font-size:13px;font-weight:700;line-height:1.3}
.ilimera-buy-choice-price{color:var(--buy-muted);font-size:12px;line-height:1.3}
.ilimera-buy-choice:hover:not(:disabled){border-color:#000}
.ilimera-buy-choice:focus-visible{outline:3px solid rgba(0,0,0,.16);outline-offset:2px}
.ilimera-buy-choice[aria-pressed="true"]{border-color:#000;background:#f5f5f5;box-shadow:inset 0 0 0 1px #000}
.ilimera-buy-choice[aria-pressed="true"] .ilimera-buy-choice-price{color:var(--buy-ink)}
.ilimera-buy-choice:disabled{opacity:.45;cursor:not-allowed}

.ilimera-buy-actions{display:flex;gap:10px;padding-top:14px;border-top:1px solid var(--buy-line)}
.ilimera-buy-qty{display:inline-flex;flex:0 0 auto;align-items:center;height:44px;border:1px solid #d6d6d6;border-radius:10px;background:#fff;overflow:hidden}
.ilimera-buy-qty button{width:36px;height:100%;border:0;color:var(--buy-ink);background:transparent;font:600 18px/1 Manrope,sans-serif;cursor:pointer}
.ilimera-buy-qty button:hover{background:#f3f3f3}
.ilimera-buy-qty input{width:42px;height:100%;padding:0;border:0;color:var(--buy-ink);background:transparent;font:700 15px Manrope,sans-serif;text-align:center;-moz-appearance:textfield;appearance:textfield}
.ilimera-buy-qty input::-webkit-outer-spin-button,.ilimera-buy-qty input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
.ilimera-buy-qty input:focus{outline:0}
.ilimera-buy-qty:focus-within{border-color:#000}
.ilimera-buy-add{flex:1 1 auto;max-width:320px;height:44px;padding:0 22px;border:0;border-radius:10px;color:#fff;background:#000;font:700 15px Manrope,sans-serif;cursor:pointer;transition:opacity .15s ease,transform .15s ease}
.ilimera-buy-add:hover:not(:disabled){transform:translateY(-1px)}
.ilimera-buy-add:focus-visible{outline:3px solid rgba(0,0,0,.2);outline-offset:2px}
.ilimera-buy-add:disabled{opacity:.35;cursor:not-allowed}
.ilimera-buy-add.is-loading{opacity:.7;cursor:progress}

@media(max-width:560px){
  .ilimera-buy{padding:16px}
  .ilimera-buy-choices{grid-template-columns:1fr 1fr}
  .ilimera-buy-add{max-width:none}
}

/* ---------- Diğer Ürünler ---------- */

.ilimera-detail-commerce .commerce-spares{margin-top:0}

/* ---------- Teklif formu ---------- */

/* Formun renk değişkenleri teklif sayfasında .ilimera-purchase-page'de tanımlı. */
.ilimera-detail-quote{--purchase-dark:#1c1c1c;--purchase-muted:#747474;--purchase-border:#e9e9e9;max-width:980px;color:var(--purchase-dark);font:16px/1.65 Manrope,sans-serif}
.ilimera-detail-quote>p{margin:12px 0 0}
.ilimera-detail-quote .purchase-message{margin-top:18px}
.ilimera-detail-quote .purchase-message[hidden]{display:none}
.ilimera-detail-quote button[type=submit]{align-items:center}

@media(max-width:700px){
  .ilimera-detail-quote{padding:22px}
  .ilimera-detail-quote .purchase-fields{grid-template-columns:1fr}
}