/* ===== Trigger link ===== */
.go-open-order-modal{
  display:inline-block; padding:.7rem 1rem; border-radius:.6rem;
  background:#0b5; color:#fff; font-weight:600; text-decoration:none;
}
.go-open-order-modal:hover{ opacity:.9; }

/* ===== Modal shell ===== */
.go-modal{ position:fixed; inset:0; display:none; }
.go-modal.is-open{ display:block; }
.go-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.55); }

.go-modal__dialog{
  position:relative; margin:5vh auto; max-width:880px; width:calc(100% - 24px);
  background:#fff; border-radius:16px; padding:24px; z-index:2;

  /* uzun form desteği */
  display:flex; flex-direction:column; max-height:90vh; overflow:hidden;
}
@media (max-width:640px){
  .go-modal__dialog{ margin:0; max-height:100vh; border-radius:0; }
}

.go-modal__close{
  position:absolute; right:12px; top:12px; background:transparent; border:0;
  font-size:28px; line-height:1; cursor:pointer;
}

.go-modal__title{ margin:0 0 12px; font-weight:800; }

/* Tabs */
.go-modal__tabs{ display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.go-tab{
  padding:.6rem .9rem; border-radius:999px; border:1px solid #ddd;color:#333;
  background:#f7f7f7; cursor:pointer;
}
.go-tab[aria-selected="true"]{ background:#0b5; color:#fff; border-color:#0b5; }

/* Scrollable body */
.go-modal__body{ overflow:auto; min-height:0; padding-bottom:1px; /* sticky altına içerik kaçmasın */ }
.go-modal__body .wpcf7-form{ padding:0 20px;}

/* Panes */
.go-pane{ display:none; }
.go-pane.is-active{ display:block; }

/* ===== Sticky actions (response + proxy button) ===== */
.go-modal__actions{
  position:sticky; bottom:0; background:#fff; border-top:1px solid #eee;
  padding:12px; margin-top:auto; display:flex; gap:12px; align-items:center;
}
.go-response-slot{ flex:1 1 auto; min-height:0; }
.go-response-slot .wpcf7-response-output{
  margin:0; padding:.6rem .8rem; border:1px solid #f0ad4e; background:#fff8e5;
  border-radius:.5rem; font-size:.95rem;
}
.go-response-slot.is-ok   .wpcf7-response-output{ border-color:#46b450; background:#f1fff3; }
.go-response-slot.is-error .wpcf7-response-output{ border-color:#dc3232; background:#fff1f1; }

.go-modal__actions .go-submit-proxy{
  flex:0 0 auto; min-width:160px; padding:.8rem 1.2rem; border-radius:.6rem; font-weight:700;
}
@media (max-width:640px){
  .go-modal__actions{ flex-direction:column-reverse; align-items:stretch; }
  .go-modal__actions .go-submit-proxy{ width:100%; }
}

/* ===== CF7 cleanups ===== */
.go-pane .wpcf7 .wpcf7-submit{ display:none !important; }              /* form içi submit gizli */
.go-pane .wpcf7 .wpcf7-response-output{ display:none !important; }     /* varsayılan response gizli */
.go-pane .wpcf7-form-control{ height:40px; border-radius:8px; }
.go-pane textarea.wpcf7-form-control{ min-height:120px; height:auto; resize:vertical; }
.go-pane .wpcf7-not-valid-tip{ margin-top:6px; font-size:.9rem; color:#dc2626; }

/* ===== Form card & grids ===== */
.form-card{
  background:#fff; border:1px solid #e5e7eb; border-radius:12px;
  padding:16px; margin-bottom:16px;
}
.grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.grid-3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
@media (max-width:720px){
  .grid-2, .grid-3{ grid-template-columns:1fr; }
}

/* ===== Repeater (genel) ===== */
.go-repeater__row p{
  display:grid; gap:8px; align-items:center; margin-bottom:8px; justify-content: flex-start;
}
.go-repeater [data-add]{
  background:#111827; color:#fff; border:0; padding:.6rem 1rem; border-radius:8px; cursor:pointer;
}

.go-row-remove{
  background:#eee; border:1px solid #eee; border-radius:8px; width:136px; cursor:pointer;color:#dd0000
}
/* Mobilde tek sütun */
@media (max-width:900px){
  .go-repeater[data-group] .go-repeater__row{ grid-template-columns:1fr !important; }
  .go-row-remove{ width:100%; }
}

/* Repeater altındaki boşluklar */
.go-repeater + .wpcf7-form-control,
.go-repeater + p{ margin-top:8px; }

/* ===== Repeater: grup bazlı kolon düzenleri ===== */
/* 1) Kesime girecek malzeme: Kalınlık, Renk, Malzeme, Ebat, Adet, Sil */
.go-repeater[data-group="material_cuts"] .go-repeater__row{
  grid-template-columns: 120px 160px 160px 1fr 110px 36px;
}
/* 2) Band Kalınlığı: Boy, En, Adet, B, Sil */
.go-repeater[data-group="band_thickness"] .go-repeater__row{
  grid-template-columns: 120px 120px 110px 160px 36px;
}
/* 3) Kenar Bandı: B, E, E, Dönerli, Sil */
.go-repeater[data-group="edge_band"] .go-repeater__row{
  grid-template-columns: 100px 100px 100px 140px 36px;
}

/* ===== Utilities ===== */
.visually-hidden{
  position:absolute !important; height:1px; width:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap;
}

/* Grid içindeki çocuklar güvenli daralsın ve inputlar tam genişlik olsun */
.grid-2 > * { min-width: 0; }
.form-card .wpcf7-form-control { width: 100%; }

/* Adres’i daha küçük yap (genel ayarı ez) */
.go-pane textarea.wpcf7-form-control { min-height: 96px; }

/* Tarih label + input hizası için ufak boşluk */
.form-card strong { display:block; margin-bottom:6px; font-size:.95rem; }

button.go-row-remove {
    background: unset;
    padding: unset;
    border: unset;
    text-align: left;
    color: #dd0000;
}

/* Plaka kalemleri: Kalınlık, Ebat, Renk, Yüzey, Cinsi, Kalite, Adet, Sil */
.go-repeater[data-group="plate_items"] .go-repeater__row{
  grid-template-columns: 120px 1fr 140px 140px 180px 140px 100px 36px;
}
@media (max-width:900px){
  .go-repeater[data-group="plate_items"] .go-repeater__row{
    grid-template-columns: 1fr !important;
  }
}

/* Hırdavat: Ürün Kodu, Marka, Ürün, Ürün İsmi, Özellik, Adet, Sil */
.go-repeater[data-group="hardware_items"] .go-repeater__row{
  grid-template-columns: 140px 140px 160px 1fr 200px 100px 36px;
}
@media (max-width:900px){
  .go-repeater[data-group="hardware_items"] .go-repeater__row{
    grid-template-columns: 1fr !important;
  }
}
.go-repeater__row p {
  display: grid;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  justify-content: flex-start;

  /* Masaüstü: 2 sütun */
  grid-template-columns: repeat(2, 1fr);
}

/* Mobilde tek sütun */
@media (max-width: 768px) {
  .go-repeater__row p {
    grid-template-columns: 1fr;
  }
}

/* Butonun tüm satırı kaplaması */
.go-repeater__row p button {
  grid-column: 1 / -1; /* 1. sütundan son sütuna kadar uzanır */
  width: 100%;
}

.go-modal.is-open {
    display: block !important;
    z-index: 9999 !important;
}


button.go-modal__close {
    background: unset !important;
    color: #333 !important;
}
a.go-open-order-modal {
    padding: 4px 10px !important;
    color: #000 !important;
    background: #e6f2e8 !important;
    border-radius: 3px !important;
}