/* Derya Gelgeç — ödeme ekranı, vitrin kimliği
   Palet ve tipografi magaza.css ile aynı; alıcı vitrinden ödemeye geçerken
   başka bir siteye düştüğünü hissetmemeli. */

:root{
  --dgb-ana:#5B3A54; --dgb-koyu:#3D253A; --dgb-vurgu:#E5C3DA; --dgb-vurgu-ac:#F5E8F0;
  --dgb-krem:#FAF6F3; --dgb-em:#A5648F; --dgb-cizgi:#EADFDE;
  --dgb-ink:#2A2620; --dgb-mute:#8A8178;
  --dgb-serif:'Gloock',serif; --dgb-sans:'Schibsted Grotesk',sans-serif; --dgb-script:'Allura',cursive;
}

/* ---- zemin ve tipografi -------------------------------------------------- */
body.woocommerce-checkout, body.woocommerce-cart, body.woocommerce-order-received,
body.dgb-sozlesme{
  background:var(--dgb-krem) !important;
  color:var(--dgb-ink);
  font-family:var(--dgb-sans) !important;
}
body.woocommerce-checkout .wp-site-blocks,
body.woocommerce-cart .wp-site-blocks{ background:transparent !important; }

/* Tema başlığı ve altbilgisi ödeme akışında dikkat dağıtıyor; kendi şeridimiz var. */
body.woocommerce-checkout header.wp-block-template-part,
body.woocommerce-cart header.wp-block-template-part,
body.woocommerce-order-received header.wp-block-template-part,
body.dgb-sozlesme header.wp-block-template-part,
body.woocommerce-checkout footer.wp-block-template-part,
body.woocommerce-cart footer.wp-block-template-part,
body.dgb-sozlesme footer.wp-block-template-part{ display:none !important; }

/* ---- üst şerit ----------------------------------------------------------- */
.dgb-serit{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:1180px; margin:0 auto; padding:26px 24px 6px;
}
.dgb-logo{
  font-family:var(--dgb-script); font-size:38px; line-height:1;
  color:var(--dgb-ana) !important; text-decoration:none !important;
}
.dgb-geri{
  font-size:13.5px; color:var(--dgb-mute) !important; text-decoration:none !important;
  border:1px solid var(--dgb-cizgi); border-radius:999px; padding:8px 16px; background:#fff;
  transition:color .18s, border-color .18s;
}
.dgb-geri:hover{ color:var(--dgb-ana) !important; border-color:var(--dgb-vurgu); }

/* ---- başlıklar ----------------------------------------------------------- */
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.woocommerce-cart h1, .woocommerce-checkout h1, .woocommerce-order-received h1{
  font-family:var(--dgb-serif) !important; font-weight:400 !important;
  color:var(--dgb-koyu) !important; letter-spacing:.01em;
}
.wc-block-components-checkout-step__description{ color:var(--dgb-mute) !important; }

/* ---- form alanları -------------------------------------------------------
   Blok ödeme ekranının etiketi kutunun İÇİNDE yukarı kayıyor; dikey iç boşluğu
   ezersek etiket değerin üstüne biniyor. Bu yüzden yalnız kenarlık, köşe ve renk
   veriliyor, WooCommerce'in kendi padding'i olduğu gibi bırakılıyor. */
.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-combobox-control input,
.wc-block-components-select__container select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select{
  border:1px solid var(--dgb-cizgi) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:var(--dgb-ink) !important;
  font-family:var(--dgb-sans) !important;
  box-shadow:none !important;
}
/* Klasik (blok olmayan) formlarda iç boşluk WooCommerce'ten gelmiyor, burada veriyoruz. */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select{ padding:13px 15px !important; }
.wc-block-components-text-input input:focus,
.wc-block-components-combobox-control input:focus,
.wc-block-components-select__container select:focus{
  border-color:var(--dgb-em) !important;
  outline:2px solid var(--dgb-vurgu) !important; outline-offset:1px !important;
}
.wc-block-components-text-input label,
.wc-block-components-combobox-control label{ color:var(--dgb-mute) !important; }
.wc-block-components-text-input.is-active label{ color:var(--dgb-em) !important; }

/* ---- seçim kartları: kargo ve ödeme yöntemi ------------------------------ */
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control__option,
.wc-block-components-shipping-rates-control__package{
  border:1px solid var(--dgb-cizgi) !important;
  border-radius:14px !important;
  background:#fff !important;
}
.wc-block-components-radio-control-accordion-option:has(input:checked),
.wc-block-components-radio-control__option--checked-option-highlighted{
  border-color:var(--dgb-em) !important;
  background:var(--dgb-vurgu-ac) !important;
  box-shadow:0 0 0 1px var(--dgb-em) inset !important;
}
.wc-block-components-radio-control__input:checked{ accent-color:var(--dgb-ana); }

/* ---- sipariş özeti kutusu ------------------------------------------------
   Tek beyaz kart: üstte ürünler, altta tutarlar. Blok ödeme ekranı her bölümü
   ayrı panel olarak basıyor; iç kenarlıkları kaldırıp tek gövde gibi topluyoruz. */
.wp-block-woocommerce-checkout-order-summary-block{
  background:#fff !important;
  border:1px solid var(--dgb-cizgi) !important;
  border-radius:20px !important;
  padding:6px 22px 18px !important;
  box-shadow:0 22px 60px -46px rgba(61,37,58,.55);
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel,
.wp-block-woocommerce-checkout-order-summary-block > div{
  background:transparent !important; border:0 !important;
}
/* bölümler arası ayrım: kalın çerçeve yerine ince çizgi */
.wc-block-components-totals-wrapper{
  border-top:1px solid var(--dgb-cizgi) !important;
  padding:16px 0 !important;
}
.wc-block-components-totals-wrapper:first-child{ border-top:0 !important; }
/* İndirim ve ek ücret bölümleri sipariş boyunca çoğu zaman boş kalıyor; boş
   kutular özet kartında iki tane sahte ayraç bırakıyordu. */
.wc-block-components-totals-wrapper:empty,
.wp-block-woocommerce-checkout-order-summary-discount-block:empty,
.wp-block-woocommerce-checkout-order-summary-fee-block:empty{
  display:none !important; padding:0 !important; border:0 !important;
}

/* başlık */
.wc-block-components-checkout-order-summary__title,
.wc-block-components-checkout-order-summary__title-text{
  font-family:var(--dgb-serif) !important; font-weight:400 !important;
  font-size:19px !important; color:var(--dgb-koyu) !important;
}
.wc-block-components-checkout-order-summary__title{ padding:16px 0 10px !important; }

/* ürün satırı */
.wc-block-components-order-summary-item{ padding:14px 0 !important; }
.wc-block-components-order-summary-item__image img{
  border-radius:12px !important; border:1px solid var(--dgb-cizgi);
}
.wc-block-components-order-summary-item__description .wc-block-components-product-name{
  font-weight:500 !important; color:var(--dgb-ink) !important; line-height:1.35;
}
.wc-block-components-order-summary-item__description{ color:var(--dgb-ink) !important; }
/* varyant satırları (renk / beden) sakin dursun */
.wc-block-components-product-details__name,
.wc-block-components-product-details__value{
  font-size:12.5px !important; color:var(--dgb-mute) !important;
}
.wc-block-components-order-summary-item__individual-prices{
  font-size:12.5px !important; color:var(--dgb-mute) !important;
}
/* adet rozeti */
.wc-block-components-product-badge{
  background:var(--dgb-ana) !important; color:#fff !important; border:0 !important;
  font-weight:500 !important;
}

/* tutar satırları */
.wc-block-components-totals-item{ padding:5px 0 !important; }
.wc-block-components-totals-item__label{ color:var(--dgb-mute) !important; }
.wc-block-components-totals-item__value{ color:var(--dgb-ink) !important; font-weight:500 !important; }

/* toplam: kartın en güçlü satırı */
.wc-block-components-totals-footer-item{ padding-top:4px !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  font-family:var(--dgb-serif) !important; font-weight:400 !important;
  font-size:18px !important; color:var(--dgb-koyu) !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-family:var(--dgb-serif) !important; font-weight:400 !important;
  font-size:24px !important; color:var(--dgb-koyu) !important;
}

/* kupon alanı: sessiz bir satır */
.wc-block-components-totals-coupon .wc-block-components-panel__button{
  color:var(--dgb-ana) !important; font-weight:400 !important;
}
.wc-block-components-totals-coupon__button{
  background:var(--dgb-ana) !important; color:#fff !important;
  border:0 !important; border-radius:999px !important;
}

/* ---- ana buton ----------------------------------------------------------- */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #place_order{
  background:var(--dgb-ana) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-family:var(--dgb-sans) !important;
  font-weight:500 !important;
  letter-spacing:.02em;
  padding:16px 30px !important;
  transition:background .18s;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover,
.woocommerce #place_order:hover{ background:var(--dgb-koyu) !important; }

/* ikincil bağlantılar */
.wc-block-components-button--text,
.woocommerce-privacy-policy-link, .woocommerce-terms-and-conditions-link,
.wc-block-components-checkout-return-to-cart-button{ color:var(--dgb-ana) !important; }

/* ---- KDV notu ------------------------------------------------------------ */
.dgb-kdv-not{
  padding:10px 16px 16px; text-align:right;
  font-size:12.5px; color:var(--dgb-mute);
}
tr.dgb-kdv td{
  padding-top:8px !important; text-align:right;
  font-size:12.5px; color:var(--dgb-mute); border:0 !important;
}

/* ---- sipariş alındı sayfası ---------------------------------------------- */
.woocommerce-order .woocommerce-thankyou-order-received{
  font-family:var(--dgb-serif) !important; color:var(--dgb-koyu) !important;
}
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details{
  background:#fff; border:1px solid var(--dgb-cizgi); border-radius:16px; padding:20px;
}

/* ---- küçük ekran --------------------------------------------------------- */
@media(max-width:600px){
  .dgb-serit{ padding:18px 16px 4px; }
  .dgb-logo{ font-size:31px; }
  .dgb-geri{ font-size:12.5px; padding:7px 13px; }
}


/* ---- sözleşme sayfaları (mesafeli satış, gizlilik, KVKK, teslimat/iade) ----
   Ödeme ekranından açılıyorlar; okunması kolay, vitrinle aynı dilde bir sayfa. */
body.dgb-sozlesme .wp-block-post-title,
body.dgb-sozlesme .entry-title{
  font-family:var(--dgb-serif) !important; font-weight:400 !important;
  color:var(--dgb-koyu) !important; font-size:clamp(28px,4vw,40px) !important;
  margin-bottom:8px !important;
}
body.dgb-sozlesme .entry-content,
body.dgb-sozlesme .wp-block-post-content{
  max-width:760px; margin-inline:auto;
  background:#fff; border:1px solid var(--dgb-cizgi); border-radius:20px;
  padding:clamp(24px,4vw,44px); color:var(--dgb-ink); line-height:1.75; font-size:15.5px;
}
body.dgb-sozlesme .entry-content h2,
body.dgb-sozlesme .wp-block-post-content h2{
  font-family:var(--dgb-serif) !important; font-weight:400 !important;
  font-size:21px !important; color:var(--dgb-koyu) !important;
  margin:30px 0 10px !important;
}
body.dgb-sozlesme .entry-content h3,
body.dgb-sozlesme .wp-block-post-content h3{
  font-size:16px !important; font-weight:600 !important;
  color:var(--dgb-koyu) !important; margin:22px 0 8px !important;
}
body.dgb-sozlesme .entry-content p{ margin-bottom:14px; }
body.dgb-sozlesme .entry-content a{ color:var(--dgb-ana) !important; }
body.dgb-sozlesme .entry-content ul,
body.dgb-sozlesme .entry-content ol{ padding-left:22px; margin-bottom:14px; }
body.dgb-sozlesme .entry-content li{ margin-bottom:7px; }
body.dgb-sozlesme .entry-content strong{ color:var(--dgb-koyu); }
body.dgb-sozlesme .entry-content table{
  width:100%; border-collapse:collapse; margin:16px 0; font-size:14.5px;
}
body.dgb-sozlesme .entry-content th,
body.dgb-sozlesme .entry-content td{
  border:1px solid var(--dgb-cizgi); padding:10px 12px; text-align:left;
}
body.dgb-sozlesme .entry-content th{ background:var(--dgb-vurgu-ac); font-weight:500; }

/* İçerik metni WordPress'e vitrinden aktarılırken kendi başlığını ve kırıntı
   yolunu da getirmiş; sayfa başlığı zaten üstte duruyor, ikisi çakışıyordu. */
body.dgb-sozlesme .entry-content > p:first-child{      /* Anasayfa · ... kırıntısı */
  font-size:12.5px; color:var(--dgb-mute); margin-bottom:6px;
}
body.dgb-sozlesme .entry-content > p:first-child a{ color:var(--dgb-mute) !important; }
body.dgb-sozlesme .entry-content > h1{ display:none !important; }
body.dgb-sozlesme .wp-block-post-title{ text-align:center; }


/* ---- sipariş alındı sayfası ---------------------------------------------- */
.dgb-tesekkur{
  font-family:var(--dgb-serif) !important; font-weight:400 !important;
  font-size:clamp(26px,4vw,34px) !important; color:var(--dgb-koyu) !important;
  margin:0 0 10px !important; line-height:1.25;
}
.dgb-tesekkur-alt{ font-size:15px; color:var(--dgb-mute); line-height:1.7; margin-bottom:8px; }

.dgb-adimlar{
  background:#fff; border:1px solid var(--dgb-cizgi); border-radius:18px;
  padding:24px 26px; margin:26px 0 30px;
}
.dgb-adimlar h3{
  font-family:var(--dgb-serif) !important; font-weight:400 !important;
  font-size:19px !important; color:var(--dgb-koyu) !important; margin:0 0 14px !important;
}
.dgb-adimlar ol{ margin:0; padding-left:20px; }
.dgb-adimlar li{ font-size:14.5px; line-height:1.75; margin-bottom:9px; color:var(--dgb-ink); }
.dgb-adimlar li strong{ color:var(--dgb-koyu); }
.dgb-adimlar a{ color:var(--dgb-ana) !important; }
.dgb-adimlar-not{ font-size:13.5px; color:var(--dgb-mute); margin:14px 0 0; line-height:1.65; }

/* WooCommerce'in kendi sipariş özeti bloklarını da karta çeviriyoruz */
.woocommerce-order .woocommerce-order-overview{
  list-style:none; display:flex; flex-wrap:wrap; gap:18px 34px;
  background:#fff; border:1px solid var(--dgb-cizgi); border-radius:18px;
  padding:22px 26px !important; margin:0 0 26px !important;
}
.woocommerce-order .woocommerce-order-overview li{
  border:0 !important; font-size:12.5px; color:var(--dgb-mute);
  text-transform:uppercase; letter-spacing:.08em;
}
.woocommerce-order .woocommerce-order-overview li strong{
  display:block; margin-top:5px; font-size:17px; color:var(--dgb-koyu);
  text-transform:none; letter-spacing:0; font-weight:500;
}
.woocommerce-order table.woocommerce-table--order-details{
  width:100%; border-collapse:collapse; background:#fff;
  border:1px solid var(--dgb-cizgi); border-radius:18px; overflow:hidden;
}
.woocommerce-order table.woocommerce-table--order-details th,
.woocommerce-order table.woocommerce-table--order-details td{
  padding:14px 18px; border-bottom:1px solid var(--dgb-cizgi); font-size:14.5px; text-align:left;
}
.woocommerce-order table.woocommerce-table--order-details tfoot td,
.woocommerce-order table.woocommerce-table--order-details tfoot th{ font-weight:500; }

/* ---- order-pay: yedek ödeme yolunun ödeme sayfası ------------------------- */
/* Bu sayfa blok checkout değil, WooCommerce'in klasik "siparişi öde" şablonu.
   Yukarıdaki blok seçicileri buraya uymuyordu; tipografi tema dışı ve iri kalıyordu. */
body.woocommerce-order-pay .woocommerce{ max-width:820px; margin:0 auto; padding:0 22px 70px; }

body.woocommerce-order-pay ul.order_details{
  display:flex; flex-wrap:wrap; gap:0; list-style:none; margin:0 0 26px; padding:0;
  border:1px solid var(--dgb-cizgi); background:#fff;
}
body.woocommerce-order-pay ul.order_details li{
  flex:1 1 auto; padding:14px 18px; border-right:1px solid var(--dgb-cizgi); margin:0;
  font-size:10.5px; letter-spacing:.17em; text-transform:uppercase; color:var(--dgb-mute); font-weight:600;
}
body.woocommerce-order-pay ul.order_details li:last-child{ border-right:0; }
body.woocommerce-order-pay ul.order_details li strong{
  display:block; margin-top:5px; font-size:15px; letter-spacing:0; text-transform:none;
  color:var(--dgb-ink); font-weight:500;
}

body.woocommerce-order-pay table.shop_table{
  width:100%; border-collapse:collapse; background:#fff;
  border:1px solid var(--dgb-cizgi); margin-bottom:24px; font-size:14.5px;
}
body.woocommerce-order-pay table.shop_table th,
body.woocommerce-order-pay table.shop_table td{
  padding:13px 18px; border-bottom:1px solid var(--dgb-cizgi); text-align:left; font-size:14.5px;
}
body.woocommerce-order-pay table.shop_table thead th{
  font-size:10.5px; letter-spacing:.17em; text-transform:uppercase; color:var(--dgb-mute); font-weight:600;
}
body.woocommerce-order-pay table.shop_table tfoot th{ font-weight:500; color:#3d372f; }
body.woocommerce-order-pay table.shop_table tfoot tr:last-child th,
body.woocommerce-order-pay table.shop_table tfoot tr:last-child td{
  font-family:var(--dgb-serif); font-size:19px; color:var(--dgb-koyu); font-weight:400;
}
body.woocommerce-order-pay table.shop_table tr:last-child td,
body.woocommerce-order-pay table.shop_table tr:last-child th{ border-bottom:0; }

body.woocommerce-order-pay #payment{ background:#fff; border:1px solid var(--dgb-cizgi); }
body.woocommerce-order-pay #payment ul.payment_methods{
  padding:20px 22px; border-bottom:1px solid var(--dgb-cizgi); margin:0; list-style:none;
}
body.woocommerce-order-pay #payment ul.payment_methods li label{
  font-size:14.5px; color:var(--dgb-ink); font-weight:500;
}
body.woocommerce-order-pay #payment .payment_box{
  background:var(--dgb-vurgu-ac); font-size:13.5px; line-height:1.65; color:#4a4038; padding:15px 17px;
}
body.woocommerce-order-pay #payment div.form-row{ padding:20px 22px; }
body.woocommerce-order-pay .woocommerce-privacy-policy-text p,
body.woocommerce-order-pay .woocommerce-terms-and-conditions-wrapper{ font-size:13px; line-height:1.65; color:#4a4038; }
body.woocommerce-order-pay #place_order{
  background:var(--dgb-koyu); color:#fff; border:0; border-radius:0; float:none; width:100%;
  padding:17px; font-family:var(--dgb-sans); font-size:13px; letter-spacing:.16em;
  text-transform:uppercase; font-weight:600; cursor:pointer; transition:.3s;
}
body.woocommerce-order-pay #place_order:hover{ background:var(--dgb-ana); }

/* iyzico hata kutusu — sayfanın ortasında başıboş metin olarak duruyordu */
body.woocommerce-order-pay .woocommerce-error,
body.woocommerce-order-pay .woocommerce-notices-wrapper .woocommerce-error{
  background:#FDF3F3; border:1px solid #E8C9C9; color:#8C3A3A; list-style:none;
  padding:14px 18px; margin:0 0 20px; font-size:13.5px; line-height:1.6;
}
@media(max-width:640px){
  body.woocommerce-order-pay ul.order_details{ flex-direction:column; }
  body.woocommerce-order-pay ul.order_details li{ border-right:0; border-bottom:1px solid var(--dgb-cizgi); }
  body.woocommerce-order-pay ul.order_details li:last-child{ border-bottom:0; }
  body.woocommerce-order-pay table.shop_table th,
  body.woocommerce-order-pay table.shop_table td{ padding:11px 13px; font-size:13.5px; }
}