/* =====================================================================
   Anahtar Parti — kredi kartı bağış formu
   "Donation Platform for WooCommerce" formunu (3 adımlı, stil 1)
   sitenin kurumsal görünümüne uyarlar. Yalnızca .ap-bagis-form içinde etkilidir.
   ===================================================================== */
/* Eklentinin renk değişkenleri sayfa düzeyinde (:root) tanımlanır; eklenti adım geçişlerinde
   --wcdp-step-2/3 değerlerini JavaScript ile bunlara göre değiştirir. html:root, eklentinin
   kendi :root tanımından önceliklidir. */
html:root{
  --wcdp-main:#A3AFC2;                       /* henüz gelinmemiş adım ve çizgi */
  --wcdp-main-2:var(--ak-primary,#2D5792);   /* etkin adım, seçili tutar, düğme */
  --wcdp-main-3:#B42318;                     /* hata */
  --wcdp-step-2:var(--wcdp-main);            /* başlangıç; eklenti ilerledikçe değiştirir */
  --wcdp-step-3:var(--wcdp-main);
  --wcdp-label-inactive:#FFFFFF;
  --wcdp-label-inactive-hover:#F7F9FC;
  --wcdp-label-text:var(--ak-navy,#162F52);
  --wcdp-label-text-checked:#FFFFFF;
  --wcdp-background-color:#FFFFFF;
  --wcdp-controls:var(--ak-navy,#162F52);
}
.ap-bagis-form{font-family:"Outfit",system-ui,sans-serif;color:var(--ak-text,#3F4A5C)}
.ap-bagis-form *{box-sizing:border-box}

/* ---------- Adım göstergesi: ince çizgi, küçük numaralar ---------- */
.ap-bagis-form .wcdp-header{display:flow-root;margin:4px 0 28px}
.ap-bagis-form .wcdp-progress-bar-background,
.ap-bagis-form .wcdp-progress-bar{height:2px;top:14px}
.ap-bagis-form .wcdp-progress-bar{margin-top:-2px}
.ap-bagis-form .wcdp-header>.wcdp-step{font-size:14px;font-weight:500}
.ap-bagis-form .wcdp-header>.wcdp-step::before{
  width:30px;height:30px;line-height:30px;font-size:13px;font-weight:600;margin:0 auto 8px;font-variant-numeric:tabular-nums}

/* ---------- Başlık: "Lütfen bir miktar seçin" ---------- */
.ap-bagis-form .wcdp-amount label,
.ap-bagis-form .wcdp-variation-heading{display:block;font-size:15px;font-weight:600;color:var(--ak-navy,#162F52);margin:0 0 10px}
.ap-bagis-form abbr.required{color:var(--wcdp-main-3);text-decoration:none;border:0}

/* ---------- Tutar seçenekleri ---------- */
.ap-bagis-form .wcdp_options{gap:8px}
.ap-bagis-form .wcdp_amount{grid-template-columns:repeat(3,minmax(0,1fr))}
.ap-bagis-form .wcdp_options>li>label{
  display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 8px;
  border:1px solid #C9D2E0;border-radius:4px;background:#fff;color:var(--ak-navy,#162F52);
  font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;
  transition:border-color .15s,background-color .15s,color .15s}
.ap-bagis-form ul.wcdp_options>li>input:hover:not(:disabled):not(:checked)+label{background:#F7F9FC;border-color:var(--wcdp-main-2)}
.ap-bagis-form ul.wcdp_options>li>input:checked+label{background:var(--wcdp-main-2);border-color:var(--wcdp-main-2);color:#fff}
.ap-bagis-form ul.wcdp_options>li>input:focus-visible+label{box-shadow:0 0 0 3px color-mix(in srgb,var(--wcdp-main-2) 30%,transparent)}
.ap-bagis-form ul.wcdp_options>li>input:focus:not(:focus-visible)+label{box-shadow:none}
.ap-bagis-form .wcdp_options>li>input:checked+label:after{display:none} /* eski onay işareti */
.ap-bagis-form .wcdp_options .woocommerce-Price-amount,.ap-bagis-form .wcdp_options bdi{font:inherit;color:inherit}
/* "Diğer" seçilince tutar alanı */
.ap-bagis-form .wcdp_label_custom_amount{gap:6px}
.ap-bagis-form .wcdp_value_other:checked+.wcdp_label_custom_amount{justify-content:flex-start;padding:6px 10px;background:#fff;color:var(--ak-navy,#162F52)}
.ap-bagis-form .wcdp_cu_field{display:flex;align-items:center;gap:4px;width:100%}
.ap-bagis-form .wcdp-body input.wcdp-donation-amount,
.ap-bagis-form input.wcdp-donation-amount{
  font:inherit;font-size:17px;font-weight:600;height:38px;padding:4px 8px;border:1px solid #C9D2E0;border-radius:4px;
  background:#fff;color:var(--ak-navy,#162F52);text-align:left;width:100%}
.ap-bagis-form input.wcdp-donation-amount:focus{outline:none;border-color:var(--wcdp-main-2)}
.ap-bagis-form .wcdp-range{accent-color:var(--wcdp-main-2);width:100%}

/* ---------- Düğmeler ---------- */
.ap-bagis-form .button-row{margin-top:20px;gap:12px;align-items:center}
.ap-bagis-form .wcdp-form .button,
.ap-bagis-form .wcdp-button,
.ap-bagis-form button.button,
.ap-bagis-form #place_order{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit!important;font-size:16px!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:normal!important;line-height:1.2!important;
  padding:15px 26px!important;border:1px solid var(--wcdp-main-2)!important;border-radius:4px!important;
  background:var(--wcdp-main-2)!important;color:#fff!important;box-shadow:none!important;cursor:pointer;
  transition:background-color .2s,border-color .2s}
.ap-bagis-form .wcdp-form .button:hover,.ap-bagis-form .wcdp-button:hover,.ap-bagis-form #place_order:hover{
  background:var(--ak-navy,#162F52)!important;border-color:var(--ak-navy,#162F52)!important}
.ap-bagis-form .wcdp-button.wcdp-left{background:#fff!important;color:var(--ak-navy,#162F52)!important;border-color:#C9D2E0!important}
.ap-bagis-form .wcdp-button.wcdp-left:hover{border-color:var(--ak-navy,#162F52)!important;background:#fff!important}
.ap-bagis-form .wcdp-arrow{font-size:0}                 /* » yerine ok */
.ap-bagis-form .wcdp-right-arrow::after{content:"→";font-size:16px}
.ap-bagis-form .wcdp-left-arrow::after{content:"←";font-size:16px}
.ap-bagis-form .wcdp-button:hover>.wcdp-right-arrow,.ap-bagis-form .wcdp-button:hover>.wcdp-left-arrow{animation:none}
.ap-bagis-form .lds-ellipsis div{background:var(--wcdp-main-2)}

/* ---------- 2. adım: kişisel bilgiler (WooCommerce alanları) ---------- */
.ap-bagis-form .form-row{margin:0 0 14px;padding:0}
.ap-bagis-form .form-row label{display:block;font-size:14px;font-weight:500;color:var(--ak-navy,#162F52);margin-bottom:6px}
.ap-bagis-form input.input-text,.ap-bagis-form select,.ap-bagis-form textarea,
.ap-bagis-form .select2-container .select2-selection--single{
  font:inherit;font-size:16px;min-height:48px;padding:12px 14px;border:1px solid #C9D2E0!important;border-radius:4px!important;
  background:#fff;color:var(--ak-navy,#162F52);width:100%;box-shadow:none}
.ap-bagis-form .select2-container .select2-selection--single .select2-selection__rendered{line-height:22px;padding:0}
.ap-bagis-form .select2-container .select2-selection--single .select2-selection__arrow{top:11px;right:8px}
.ap-bagis-form input.input-text:focus,.ap-bagis-form select:focus,.ap-bagis-form textarea:focus{
  outline:none;border-color:var(--wcdp-main-2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--wcdp-main-2) 18%,transparent)}
.ap-bagis-form .woocommerce-invalid input.input-text{border-color:var(--wcdp-main-3)!important}

/* ---------- 3. adım: ödeme yöntemleri ---------- */
.ap-bagis-form #payment{background:transparent!important;border-radius:0}
.ap-bagis-form #payment ul.payment_methods{padding:0!important;border:0!important;display:flex;flex-direction:column;gap:8px;margin:0 0 16px!important}
.ap-bagis-form #payment ul.payment_methods li{list-style:none;margin:0!important;padding:14px 16px!important;border:1px solid #C9D2E0;border-radius:4px;background:#fff}
.ap-bagis-form #payment ul.payment_methods li:has(input:checked){border-color:var(--wcdp-main-2);box-shadow:inset 3px 0 0 var(--wcdp-main-2)}
.ap-bagis-form #payment ul.payment_methods li label{font-weight:600;color:var(--ak-navy,#162F52);display:inline}
.ap-bagis-form #payment ul.payment_methods li img{max-height:22px;width:auto;vertical-align:middle;margin-left:8px;filter:grayscale(1);opacity:.7}
.ap-bagis-form #payment div.payment_box{background:#F4F6F9!important;color:var(--ak-text,#3F4A5C);border-radius:4px;margin:10px 0 0!important;font-size:14px}
.ap-bagis-form #payment div.payment_box::before{display:none}
.ap-bagis-form #payment .place-order{padding:0!important;margin:0!important}
.ap-bagis-form #place_order{width:100%}
.ap-bagis-form .woocommerce-privacy-policy-text{font-size:13px;color:#7A869A}
.ap-bagis-form .wcdp-branding{display:none}

/* ---------- Güvenli ödeme notu ---------- */
.ap-guvenli{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;padding-top:16px;border-top:1px solid #E1E6EE;font-size:14px;line-height:1.5;color:var(--ak-text,#3F4A5C)}
.ap-guvenli svg{flex:none;width:18px;height:18px;margin-top:1px;fill:var(--ak-primary,#2D5792)}

/* ---------- Eklenti yokken ---------- */
.ap-bagis-yok{font-family:"Outfit",system-ui,sans-serif;padding:20px;border:1px dashed #C9D2E0;border-radius:6px;background:#F4F6F9;color:var(--ak-navy,#162F52)}
.ap-bagis-yok p{margin:0}
.ap-bagis-yok a{color:var(--ak-primary,#2D5792);font-weight:600}
.ap-bagis-not{margin-top:12px!important;font-size:14px;color:#8a5a00;background:#fff8e5;border:1px solid #f0d58c;border-radius:4px;padding:12px}
html{scroll-behavior:smooth}
#kart,#havale{scroll-margin-top:110px}
@media (max-width:767px){
  .ap-bagis-form .wcdp_amount{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ap-bagis-form .wcdp_options>li>label{font-size:16px;min-height:48px;padding:8px 4px}
  .ap-bagis-form .wcdp-header>.wcdp-step{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.ap-bagis-form *{transition:none!important;animation:none!important}}