/* İris — sipariş sonrası + pazarlama: iade/değişim, fatura bağlantıları, kampanyalar (.ir- öneki) */

/* ---------- Hesabım sipariş kartı / sipariş sorgula ek eylemler ---------- */
.ir-acc-order-extra{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--ir-line); }
.ir-acc-order-extra-note{ color: var(--ir-muted); font-size: .8rem; }
.ir-ret-box h2{ font-size: 1.15rem; }
.ir-ret-actions{ display: flex; flex-wrap: wrap; gap: 10px; }
.ir-ret-actions small{ font-weight: 400; opacity: .75; }

/* ---------- İade talebi sayfası ---------- */
.ir-ret{ display: grid; gap: 18px; }
.ir-ret .ir-card{ padding: clamp(18px, 3vw, 26px); }
.ir-ret h2{ font-size: 1.2rem; display: flex; align-items: center; gap: 8px; }
.ir-ret-muted{ color: var(--ir-muted); font-size: .88rem; margin: 6px 0 0; }
.ir-ret-rules{ background: var(--ir-lime) !important; border-color: #E7F0B5 !important; }
.ir-ret-rules details{ margin: 8px 0; }
.ir-ret-rules summary{ cursor: pointer; font-weight: 600; color: var(--ir-primary-2); }
.ir-ret-rules details ul{ margin: 8px 0 0; padding-left: 1.2em; font-size: .88rem; }
.ir-ret-form{ display: grid; gap: 16px; }
.ir-ret-form fieldset{ border: 0; margin: 0; padding: 0; min-width: 0; }
.ir-ret-form legend{ font-weight: 600; color: var(--ir-primary-2); margin-bottom: 8px; font-size: .95rem; }
.ir-ret-type{ display: flex; flex-wrap: wrap; gap: 10px; }
.ir-ret-type label{ display: flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid var(--ir-line); border-radius: 10px; cursor: pointer; }
.ir-ret-type label:has(input:checked){ border-color: var(--ir-primary); background: var(--ir-cyan); }
.ir-ret-items{ list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ir-ret-items li{ display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; padding: 10px; border: 1px solid var(--ir-line); border-radius: 12px; }
.ir-ret-items li.is-off{ opacity: .55; }
.ir-ret-items img{ width: 48px; height: 48px; object-fit: cover; border-radius: 8px; background: var(--ir-soft); }
.ir-ret-iname{ display: grid; min-width: 0; }
.ir-ret-iname b{ color: var(--ir-ink); font-weight: 600; font-size: .92rem; overflow-wrap: anywhere; }
.ir-ret-iname small{ color: var(--ir-muted); font-size: .8rem; }
.ir-ret-qty .ir-select{ min-width: 96px; padding-top: 6px; padding-bottom: 6px; }
.ir-ret-agree{ display: flex; gap: 10px; align-items: flex-start; font-size: .88rem; color: var(--ir-text); }
.ir-ret-agree input{ margin-top: 4px; flex: none; }
.ir-ret-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ir-ret-list > li{ padding: 12px 14px; border: 1px solid var(--ir-line); border-radius: 12px; }
.ir-ret-list-head{ display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; }
.ir-ret-list-head small{ color: var(--ir-muted); }
.ir-ret-list-head .ir-badge{ margin-left: auto; }
.ir-ret-list-items{ margin: 8px 0 0; padding-left: 1.1em; font-size: .88rem; }
.ir-ret-list-items small{ color: var(--ir-muted); }
.ir-ret-ship{ display: flex; gap: 12px; margin-top: 10px; padding: 12px; border-radius: 10px; background: var(--ir-cyan); color: var(--ir-primary-2); }
.ir-ret-ship p{ margin: 4px 0 0; font-size: .88rem; color: var(--ir-text); }
.ir-ret-ship code{ font-size: 1rem; font-weight: 700; color: var(--ir-ink); }
@media (max-width: 560px){
  .ir-ret-items li{ grid-template-columns: 40px 1fr; }
  .ir-ret-items img{ width: 40px; height: 40px; }
  .ir-ret-qty, .ir-ret-items li > small{ grid-column: 2; }
}

/* ---------- Kampanyalar ---------- */
.ir-camp-head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin: 0 0 16px; }
.ir-camp-head h2{ margin: 0; font-size: clamp(1.3rem, 2.4vw, 1.7rem); }
.ir-camp-head p{ margin: 0; color: var(--ir-muted); }
.ir-camp-coupons{ list-style: none; margin: 0 0 clamp(36px, 6vw, 56px); padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 14px; }
.ir-camp-coupon{ display: flex; border-radius: var(--ir-radius); overflow: hidden; border: 1px solid var(--ir-line); background: #fff; box-shadow: var(--ir-shadow-sm); }
.ir-camp-coupon-val{ flex: none; width: 104px; display: grid; place-content: center; text-align: center; background: var(--ir-primary); color: #fff; padding: 14px 8px; position: relative; }
.ir-camp-coupon-val::after{ content: ""; position: absolute; right: -1px; top: 8px; bottom: 8px; border-right: 2px dashed rgba(255,255,255,.55); }
.ir-camp-coupon-val b{ font-size: 1.5rem; line-height: 1.1; font-weight: 700; color: #fff; }
.ir-camp-coupon-val span{ font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; opacity: .85; }
.ir-camp-coupon-body{ padding: 14px 16px; min-width: 0; display: grid; gap: 6px; }
body.ir .ir-camp-coupon-body h3{ margin: 0; font-size: 1.02rem; }
.ir-camp-coupon-body p{ margin: 0; font-size: .84rem; color: var(--ir-muted); }
.ir-camp-code{ justify-self: start; display: inline-flex; align-items: center; gap: 10px; border: 1px dashed var(--ir-primary); background: var(--ir-cyan); color: var(--ir-primary-2); border-radius: 8px; padding: 6px 10px; cursor: pointer; font: inherit; font-size: .82rem; }
.ir-camp-code code{ font-size: .98rem; font-weight: 700; letter-spacing: .04em; color: var(--ir-ink); }
.ir-camp-code:hover{ background: var(--ir-cyan-2); }
