/* ===============================
   Grandbazaarist Checkout — Final (2025-09-25)
   =============================== */

/* Hızlı düzeltmeler */
.wc-stripe-error{color:#e11d48}  /* Stripe hata rengi */
#place_order{width:100%}          /* Her zaman tam genişlik */

/* Nextend login */
body.woocommerce-checkout .woocommerce-form-login div#nsl-custom-login-form-1{max-width:255px}

/* ---------- Form alanları ---------- */
body.woocommerce-checkout .woocommerce .form-row input.input-text,
body.woocommerce-checkout .woocommerce .form-row select,
body.woocommerce-checkout .woocommerce .form-row textarea{
  border-radius:11px!important;
  border:1.3px solid #e4e8f3!important;
  background:#f8fafc!important;
  padding:13px 14px!important;
  font-size:1.07rem!important;
  margin-bottom:0!important;
  box-shadow:none!important;
  transition:border-color .18s, box-shadow .18s;
  width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important;
}
body.woocommerce-checkout .woocommerce .form-row input.input-text:focus,
body.woocommerce-checkout .woocommerce .form-row select:focus,
body.woocommerce-checkout .woocommerce .form-row textarea:focus {
  border-color:#611b3f!important;
  background:#fff!important;
  outline:none!important;

}

body.woocommerce-checkout .woocommerce .form-row input.input-text:focus-visible,
body.woocommerce-checkout .woocommerce .form-row select:focus-visible,
body.woocommerce-checkout .woocommerce .form-row textarea:focus-visible {
  outline:none!important; /* ikinci çizgiyi engelle */
}

body.woocommerce-checkout .woocommerce .form-row{margin-bottom:14px}

/* Placeholder kontrastı (WCAG) */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
  color:#6b7280!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Doğrulama durumları */
.woocommerce-checkout input:required,
.woocommerce-checkout select:required,
.woocommerce-checkout textarea:required{border-left:3px solid #e3342f!important}
.woocommerce-checkout input.woocommerce-invalid,
.woocommerce-checkout select.woocommerce-invalid,
.woocommerce-checkout textarea.woocommerce-invalid{border:2px solid #e3342f!important; background:#fff7f7!important; color:#b12b2b}
.woocommerce-checkout input.woocommerce-validated:not(.woocommerce-invalid){
  border:2px solid #16a34a!important; background:#f6fffb!important;
  background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2316a34a'/%3E%3Cpath d='M6 10.5L9 13.5L14 8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 10px center; background-size:21px 21px;
}

/* ---------- Genel ---------- */
body.woocommerce-checkout{
  background:#f6f7fb!important;
  font-family:'Montserrat','Segoe UI',Arial,sans-serif;
}

/* Kutular & tablolar */
.gbist-order-review-top,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields,
.woocommerce-checkout .shop_table{
  background:#fff!important; border-radius:16px!important;
  box-shadow:0 6px 30px 0 rgba(42,64,120,.07)!important;
  margin-bottom:24px!important; border:1.2px solid #e3e8f2!important;
  padding:20px 22px 12px 22px!important;
}

/* Başlıklar */
.gbist-order-review-top h3,
.woocommerce-checkout-review-order h3,
.woocommerce-billing-fields>h3,
.woocommerce-additional-fields>h3{
  font-size:1.29rem; font-weight:700; color:#18347a; letter-spacing:.02em; margin-bottom:18px;
}
/* Masaüstünde daha kompakt */
@media (min-width:992px){
  .gbist-order-review-top,
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-additional-fields{padding:18px 20px 10px 20px!important}
  .gbist-order-review-top h3,
  .woocommerce-billing-fields>h3,
  .woocommerce-additional-fields>h3{margin-bottom:14px}
}

/* “YOUR ORDER” hizası */
#order_review_heading{padding-left:10px!important}
.woocommerce-checkout .shop_table th:first-child,
.woocommerce-checkout .shop_table td:first-child{padding-left:10px!important}

/* Ürün tablosu */
.woocommerce-checkout .shop_table{width:100%; border-spacing:0 8px; border-collapse:separate!important; background:none!important; margin-bottom:0!important; box-shadow:none!important}
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table tfoot th{color:#354169; font-weight:600; font-size:1.09rem; background:none!important; border:none!important; padding:8px 6px 6px 2px}
.woocommerce-checkout .shop_table td{
  background:#f7fafd!important; border-radius:9px!important; border:none!important; color:#1e2337; font-size:1.06rem;
  padding:8px 10px 8px 6px; vertical-align:middle; line-height:1.45;
}
.woocommerce-checkout .shop_table td.product-name{color:#234272; font-weight:500}
.woocommerce-checkout .shop_table td.product-total{color:#18347a; font-weight:600}
.woocommerce-checkout .shop_table tfoot td{background:none!important; color:#233368; font-weight:700; border:none!important; padding-top:10px; padding-bottom:10px}

/* Zorunlu yıldız & checkbox */
.woocommerce-checkout label .required{color:#e3342f!important; margin-left:4px; font-size:1.07em; font-weight:700; vertical-align:middle}
.woocommerce-checkout input[type="checkbox"]{accent-color:#3b82f6; width:19px; height:19px; vertical-align:middle; border-radius:5px; margin-right:7px}
.woocommerce-checkout label[for*="createaccount"],
.woocommerce-checkout label[for*="ship-to-different-address"]{margin-left:8px!important; font-size:1.02rem!important; vertical-align:middle}

/* Mesajlar */
.woocommerce-error,.woocommerce-info,.woocommerce-message{border-radius:11px!important; font-size:1.02rem; padding:16px 19px!important}

/* ---------- Order summary toggle ---------- */
.gbist-order-summary-toggle{
  -webkit-tap-highlight-color:transparent;
  display:flex; align-items:center; justify-content:space-between;
  background:#fcfcfd; border:1.5px solid #e3e8f2; border-radius:13px; width:100%;
  padding:16px 18px 14px 14px; font-size:1.07rem; font-weight:600; cursor:pointer;
  box-shadow:0 1px 8px rgba(219,234,254,.3); transition:background .14s, box-shadow .14s, border-color .14s;
}
.gbist-order-summary-toggle:hover{background:#f7fafc; border-color:#dbe4f3}
.gbist-order-summary-toggle:focus,
.gbist-order-summary-toggle:focus-visible{outline:2px solid #3b82f6; outline-offset:2px; box-shadow:0 4px 14px rgba(59,130,246,.18)}
/* Açık durumda ton değişimi + ok dönüşü */
.gbist-order-review-top .gbist-order-summary-toggle[aria-expanded="true"]{background:#f0f6ff; border-color:#cfe2ff}
.gbist-summary-left{display:flex; align-items:center; gap:7px}
.gbist-summary-title{color:#e68a00; font-weight:600; font-size:1.08rem; letter-spacing:.01em}
.gbist-summary-right{font-size:1.17rem; font-weight:700; color:#2e2e2e; letter-spacing:-.5px}
.gbist-summary-arrow svg{color:#0d72b9; transition:transform .22s ease}
.gbist-order-review-top .gbist-order-summary-toggle[aria-expanded="true"] .gbist-summary-arrow svg{transform:rotate(180deg)}

.gbist-order-summary-content{
  max-height:0; overflow:hidden;
  transition:max-height .3s cubic-bezier(.36,.61,.42,.97);
  background:#fff; border-radius:0 0 13px 13px; border:1.2px solid #e3e8f2; border-top:none;
  box-shadow:0 2px 10px rgba(219,234,254,.1); margin-bottom:16px;
}
.gbist-order-review-top.open .gbist-order-summary-content{max-height:900px; border-top:1.2px solid #e3e8f2}

/* ---------- Sticky right kutu ---------- */
.is-sticky-column__inner{
  background:#fff!important; border-radius:16px!important; box-shadow:0 6px 30px 0 rgba(42,64,120,.07)!important;
  border:1.2px solid #e3e8f2!important; padding:22px 20px 16px 20px!important; margin-bottom:22px!important;
  display:flex; flex-direction:column; gap:0!important;
}
.is-sticky-column__inner>*{background:transparent!important; box-shadow:none!important; border:none!important; margin-bottom:0!important; border-radius:0!important; padding-left:0!important; padding-right:0!important}
.is-sticky-column__inner h3{font-size:1.22rem!important; font-weight:700; color:#18347a!important; margin-bottom:15px!important; letter-spacing:.02em}
.is-sticky-column__inner .shop_table th,
.is-sticky-column__inner .shop_table td{background:none!important; border:none!important; font-size:1.06rem; color:#1e2337; padding:7px 7px 7px 4px; border-radius:0!important}

/* ---------- Kupon GİRDİ ALANI (soldaki formla aynı) ---------- */
.woocommerce-checkout .checkout_coupon .input-text,
.woocommerce-checkout .gbist-coupon-box input[type="text"],
.woocommerce-checkout .coupon input[type="text"]{
  border-radius:11px!important;
  border:1.3px solid #e4e8f3!important;
  background:#f8fafc!important;
  padding:13px 14px!important;
  font-size:1.06rem!important;
  box-shadow:none!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.woocommerce-checkout .checkout_coupon .input-text:focus,
.woocommerce-checkout .gbist-coupon-box input[type="text"]:focus,
.woocommerce-checkout .coupon input[type="text"]:focus{
  border-color:#466dff!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(70,109,255,.32)!important;
  outline:none!important;
}

/* ---------- Kupon BUTONU (sakin gri) ---------- */
.woocommerce-checkout .coupon input.button,
.gbist-coupon-box .button,
.woocommerce-form-coupon button.button,
.woocommerce-checkout .form-row.place-order ~ .gbist-coupon-box .button{
  width:auto !important;
  min-width:120px;
  background:#eef1f5 !important;            /* açık gri */
  color:#1f2937 !important;                  /* koyu gri yazı */
  border:1px solid #d7dce7 !important;
  border-radius:9px !important;
  font-size:1rem !important;
  font-weight:600;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  padding:0px 18px !important;
  margin-top:0 !important;
  margin-left:7px;
  outline:none !important;
  transition:background .12s, border-color .12s, box-shadow .12s, transform .10s;
  cursor:pointer;
  display:inline-block;
  vertical-align:middle;
}
.woocommerce-checkout .coupon input.button:hover,
.gbist-coupon-box .button:hover,
.woocommerce-form-coupon button.button:hover{
  background:#e5e9f2 !important;
  border-color:#cfd6e4 !important;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  transform:translateY(-1px);
}
.woocommerce-checkout .coupon input.button:focus-visible,
.gbist-coupon-box .button:focus-visible,
.woocommerce-form-coupon button.button:focus-visible{
  outline:2px solid #9ca3af;                /* gri odak halkası */
  outline-offset:2px;
}

/* ---------- Place order (masaüstü) ---------- */
.woocommerce-checkout #place_order,
.woocommerce-checkout #place_order.button{
  width:100%; background:linear-gradient(90deg,#22c55e 0%,#2cb57e 100%)!important; color:#fff!important;
  border-radius:14px!important; font-size:1.14rem!important; font-weight:700; letter-spacing:.04em;
  box-shadow:0 4px 18px #24b96b1a; padding:18px 0!important; margin-top:16px;
  border:none!important; outline:none!important; transition:background .17s, box-shadow .14s, transform .12s; cursor:pointer;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout #place_order.button:hover{background:linear-gradient(90deg,#18a953 0%,#209e67 100%)!important; box-shadow:0 6px 24px #22c55e20; transform:translateY(-1px) scale(1.03)}

/* ---------- Header & breadcrumbs ---------- */
.cart-header{display:flex; flex-direction:column; align-items:center; padding-top:22px; margin-bottom:7px; background:none!important; border:none!important; box-shadow:none!important}
.cart-header .logo{display:flex; justify-content:center; align-items:center; width:100%; margin-bottom:8px}
.cart-header .logo img{display:block; max-width:210px; width:90vw; height:auto}
.cart-header nav.breadcrumbs{
  width:100%; background:transparent!important; box-shadow:none!important; padding:0!important; margin:0!important; border-radius:0!important;
  display:flex; justify-content:center; align-items:center; font-family:'Montserrat','Segoe UI',Arial,sans-serif; font-size:1.09rem; font-weight:400; gap:.6em;
}
.cart-header nav.breadcrumbs .icon-lock{color:#fbbf24; font-size:1.14em; margin-right:5px; opacity:.92}
.cart-header nav.breadcrumbs a,
.cart-header nav.breadcrumbs .no-click{color:#8ca1b6; text-decoration:none; padding:0 3px; font-weight:500; background:none!important; border-radius:0!important; transition:color .12s; font-size:1.07em}
.cart-header nav.breadcrumbs a.current,
.cart-header nav.breadcrumbs .no-click.current{color:#18347a!important; font-weight:700; text-decoration:underline; background:none}
.cart-header nav.breadcrumbs .divider{color:#bcc9d6; font-size:1.15em; margin:0 2px}
.cart-header nav.breadcrumbs .breadcrumb-step{display:none}
@media (max-width:767px){
  .cart-header .logo img{max-width:150px; width:70vw; margin-top:2px; margin-bottom:6px}
  .cart-header nav.breadcrumbs{font-size:.98rem; flex-wrap:wrap; padding-bottom:6px!important}
  .cart-header nav.breadcrumbs{display:none!important}
}

/* Mobil footer boşluğu */
@media (max-width:549px){#footer{margin-bottom:90px}}

/* Kutular görünür */
.gbist-order-review-top,
.gbist-coupon-box{display:block}

/* ---------- Ödeme paneli (DevTools’taki gibi) ---------- */
.woocommerce-checkout #payment{background:#ffffff!important; padding:0!important; border-radius:6px!important}

/* ---------- Place order – mobilde daha küçük (BASE’in ALTINDA!) ---------- */
@media (max-width:767px){
  .woocommerce-checkout #place_order,
  .woocommerce-checkout #place_order.button{
    font-size:1.05rem !important;
    padding:14px 0 !important;              /* 18px’ten küçültüldü */
    border-radius:12px !important;
    box-shadow:0 3px 12px #24b96b14;
  }
  /* Kupon butonu: tam genişlik ve kompakt */
  .woocommerce-checkout .coupon input.button,
  .gbist-coupon-box .button,
  .woocommerce-form-coupon button.button,
  .woocommerce-checkout .form-row.place-order ~ .gbist-coupon-box .button{
    width:100% !important; min-width:0 !important; margin-left:0 !important; display:block !important;
    padding:12px 0 !important; font-size:1.02rem !important; border-radius:10px !important;
  }
}

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce){
  .gbist-summary-arrow svg,
  .gbist-order-summary-content,
  .woocommerce-checkout .form-row input.input-text,
  .woocommerce-checkout .form-row select,
  .woocommerce-checkout .form-row textarea,
  #place_order,
  .woocommerce-checkout .coupon input.button,
  .gbist-coupon-box .button{transition:none!important; transform:none!important; box-shadow:none!important}
}

/* Sağdaki sticky başlık JS değiştirene kadar görünmesin (flicker fix) */
.woocommerce-checkout .is-sticky-column__inner:not([data-gbist-labeled="1"]) #order_review_heading{
  visibility:hidden;
}

.secure-badge {
  display: block;  /* inline-block yerine block kullanmak % genişlikte daha temiz olur */
  width: 100%;
  max-width: 560px; /* isteğe bağlı: logonun fazla büyümemesi için */
  height: 50px;
  background: url('/wp-content/uploads/2019/12/secure-logo.svg') no-repeat center/contain;
}