/* ICMG Margate · Bağış teması (icmg.co.uk yeşil / altın) – style.css'den SONRA yüklenir */
:root{
  --g950:#041d16;--g900:#06291f;--g800:#0b3d2e;--g700:#0e5240;--g600:#0b6b52;--g100:#e6f2ec;--g50:#f2f8f4;
  --gold:#c9a24a;--gold2:#e3c77d;--gold3:#f3e6bf;--cream:#f7f3ea;--paper:#fffdf8;
  --ink:#13241d;--ink2:#43554d;--muted:#6f7f78;--line:#e7e1d2;--red:#b42318;
  --shadow:0 10px 30px -12px rgba(6,41,31,.25);
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%230b6b52' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M40 6l9.9 24.1L74 40l-24.1 9.9L40 74l-9.9-24.1L6 40l24.1-9.9z'/%3E%3Cpath d='M16 16h48v48H16z' transform='rotate(45 40 40)'/%3E%3Cpath d='M16 16h48v48H16z'/%3E%3C/g%3E%3C/svg%3E");
  --star-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M40 6l9.9 24.1L74 40l-24.1 9.9L40 74l-9.9-24.1L6 40l24.1-9.9z'/%3E%3Cpath d='M16 16h48v48H16z' transform='rotate(45 40 40)'/%3E%3Cpath d='M16 16h48v48H16z'/%3E%3C/g%3E%3C/svg%3E");
}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream) var(--star)!important;background-size:80px!important;font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--ink);min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1}
a{color:var(--g600)}a:hover{color:var(--g700)}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--g800);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip-link:focus{left:8px}
:focus-visible{outline:3px solid var(--gold2)!important;outline-offset:2px}

/* ÜST */
.ig-head{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.96)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:none!important}
.ig-head::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,var(--g600),var(--gold) 50%,var(--g600))}
.ig-head-in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px}
.ig-brand{display:block;min-width:0}
.ig-head .logo-img{height:44px!important;width:auto!important;max-width:100%;background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important;display:block}
.ig-head-right{display:flex;align-items:center;gap:12px}
.ig-charity{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--g700);background:var(--g100);padding:6px 12px;border-radius:999px;white-space:nowrap}
.ig-lang{display:inline-flex;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:3px}
.ig-lang a{min-width:44px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;font-size:.85rem;color:var(--ink2);text-decoration:none;letter-spacing:.04em;transition:.18s}
.ig-lang a:hover{color:var(--g700);background:var(--g50)}
.ig-lang a.on{background:var(--g600);color:#fff;box-shadow:inset 0 0 0 1.5px var(--gold)}

/* ADIMLAR */
.ig-steps{background:linear-gradient(160deg,var(--g800),var(--g950))!important;background-image:var(--star-w),linear-gradient(160deg,var(--g800),var(--g950))!important;background-size:80px,auto!important;border:0!important;padding:18px 0 16px}
.ig-steps-list{list-style:none;margin:0 auto;padding:0;display:flex;justify-content:space-between;max-width:640px;position:relative;counter-reset:s}
.ig-steps-list::before{content:"";position:absolute;left:12%;right:12%;top:17px;height:2px;background:rgba(255,255,255,.16)}
.ig-steps .stepper-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;margin:0!important;padding:0!important;opacity:1!important;color:rgba(255,255,255,.62)!important;font-size:.82rem!important;font-weight:700;text-align:center;position:relative;z-index:1}
.ig-steps .stepper-step span{width:36px!important;height:36px!important;line-height:32px!important;margin:0!important;border-radius:50%;background:var(--g900)!important;color:rgba(255,255,255,.7)!important;border:2px solid rgba(255,255,255,.25);font-size:.95rem!important;font-weight:800;display:inline-block;text-align:center}
.ig-steps .stepper-step em{font-style:normal}
.ig-steps .stepper-step.active{color:#fff!important}
.ig-steps .stepper-step.active span{background:var(--g600)!important;color:#fff!important;border-color:var(--gold2)}
.ig-steps .stepper-step.current{color:var(--gold2)!important}
.ig-steps .stepper-step.current span{background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:var(--g950)!important;border-color:var(--gold3);box-shadow:0 0 0 5px rgba(227,199,125,.18)}

/* İÇERİK */
main.container{max-width:860px}
main h2.fw-bold{font-weight:800!important;color:var(--g900);font-size:clamp(1.5rem,3.2vw,2.05rem);letter-spacing:-.01em;margin-left:0!important;margin-right:0!important}
main h2.fw-bold+p.text-muted{margin-left:0!important;margin-right:0!important;color:var(--muted)!important;font-size:1rem;line-height:1.6}
.card{border:1px solid var(--line)!important;border-radius:20px!important;background:var(--paper);box-shadow:var(--shadow)!important}
main>.row>div>.card{padding:28px!important;position:relative;overflow:hidden}
main>.row>div>.card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--g600),var(--gold))}
.card .card{box-shadow:none!important;background:#fff;border-radius:16px!important}
.form-question,.form-label,.form-data{font-weight:700!important;color:var(--g900)}
.form-data>span{display:block;font-size:.9rem;margin-bottom:6px}
.form-control,.form-select,#donationPurpose,#otherPurpose,.clean-select{border:1.5px solid var(--line)!important;border-radius:12px!important;padding:13px 14px!important;font-size:1rem!important;background-color:#fff!important;color:var(--ink);min-height:50px;font-weight:500;transition:border-color .18s,box-shadow .18s}
.form-control:focus,.form-select:focus,#donationPurpose:focus,#otherPurpose:focus{border-color:var(--g600)!important;box-shadow:0 0 0 4px rgba(11,107,82,.14)!important;outline:0}
.clean-select{max-width:none!important}
.form-control::placeholder{color:#a3aca7}
textarea.form-control{min-height:120px!important}

/* SIKLIK seçimi (select'i kart gibi göster) */
#donationFrequency{font-weight:700;color:var(--g800)}

/* TUTAR BUTONLARI */
.donation-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.donation-btn{width:auto!important;margin:0!important;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 16px 14px;border:1.5px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;transition:.18s ease;position:relative}
.donation-btn .amount-box{padding:0!important;min-width:0!important;font-size:1.2rem!important;color:var(--g700);font-weight:700!important;align-items:baseline!important}
.donation-btn .amount-box span{font-size:2rem!important;font-weight:800!important;margin-left:2px!important;color:var(--g900)}
.donation-btn .desc{border:0!important;padding:0!important;font-size:.8rem;color:var(--muted)!important;font-weight:600!important}
.donation-btn:hover{border-color:var(--g600)!important;transform:translateY(-2px);margin-left:0!important;background:#fff!important;box-shadow:var(--shadow)!important}
.donation-btn.selected{border-color:var(--g600)!important;background:var(--g50)!important;margin-left:0!important;box-shadow:0 0 0 3px rgba(11,107,82,.18)!important}
.donation-btn.selected::after{content:"✓";position:absolute;top:10px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--g600);color:#fff;font-size:.8rem;font-weight:800;display:grid;place-items:center}
.custom-amount-wrap{max-width:none!important;border:1.5px solid var(--line)!important;border-radius:14px!important;background:#fff;align-items:stretch}
.custom-amount-wrap:focus-within{border-color:var(--g600)!important;box-shadow:0 0 0 4px rgba(11,107,82,.14)}
.custom-amount-wrap::before{content:"£";display:flex;align-items:center;padding:0 0 0 16px;font-weight:800;font-size:1.25rem;color:var(--g700)}
.custom-amount-input{padding:14px 10px!important;font-size:1.15rem!important;font-weight:700;min-width:0;background:transparent}
.custom-amount-label{background:var(--g50)!important;border-left:1.5px solid var(--line)!important;padding:14px 16px!important;color:var(--g700)!important;font-weight:800!important;display:flex;align-items:center;font-size:.9rem}

/* BUTONLAR */
.btn-dark,.btn-success,.btn-danger,.ig-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:999px!important;font-weight:800!important;font-size:1.06rem!important;letter-spacing:.02em;padding:14px 26px!important;transition:.2s;border:1.5px solid transparent!important;text-decoration:none}
.btn-dark,input.btn-dark{background:var(--g600)!important;color:#fff!important;border-color:var(--gold)!important;box-shadow:0 12px 24px -12px rgba(11,107,82,.7)}
.btn-dark:hover,.btn-dark:focus{background:var(--g700)!important;transform:translateY(-1px)}
.btn-success{background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:var(--g950)!important}
.btn-success:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-danger{background:#fff!important;color:var(--g700)!important;border-color:var(--g600)!important}
.btn-danger:hover{background:var(--g50)!important}

/* GIFT AID */
.gift-info{font-size:1.9rem!important;font-weight:800!important;color:var(--g800);background:var(--g50);border-radius:14px;padding:12px 8px}
.gift-info span{font-size:.78rem!important;font-weight:700!important;color:var(--muted)}
.block-bg{background:var(--g50)!important;border:1px solid #cfe3d8;border-radius:14px}
input[type=radio].custom-radio{border-color:var(--g600)!important;flex:0 0 auto}
input[type=radio].custom-radio:checked::before{background:var(--g600)!important}
input[type=checkbox]{accent-color:var(--g600)}
a.link1,a.link1:visited{color:var(--g600)!important;font-weight:700}
.ig-note{display:flex;gap:10px;align-items:flex-start;background:var(--g50);border:1px solid #cfe3d8;border-radius:14px;padding:12px 14px;color:var(--ink2);font-size:.92rem;font-weight:500}
.ig-note b{color:var(--g800)}
.ig-sum{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,var(--g800),var(--g900));color:#fff;border-radius:16px;padding:16px 18px;margin-bottom:18px}
.ig-sum small{display:block;color:var(--gold2);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.ig-sum strong{font-size:1.6rem;font-weight:800}
.ig-sum .ig-sum-tag{background:rgba(255,255,255,.1);border:1px solid rgba(227,199,125,.4);padding:6px 12px;border-radius:999px;font-weight:700;font-size:.85rem}
#card-element{border:1.5px solid var(--line)!important;border-radius:12px!important;padding:16px 14px!important;background:#fff;min-height:52px}
#card-errors{color:var(--red);font-size:.9rem;font-weight:600;min-height:1.2em}
.ig-pay-icons{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.85rem;font-weight:600;margin-top:12px;justify-content:center}
.simple-divider{border-top:1px solid var(--line)!important}
.form-check-label{font-weight:600;color:var(--ink2)}

/* SONUÇ */
.ig-result{text-align:center;padding:8px 0 4px}
.ig-result .ig-ic{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;font-size:2.2rem;font-weight:800}
.ig-result.ok .ig-ic{background:var(--g100);color:var(--g600);box-shadow:0 0 0 8px rgba(11,107,82,.08)}
.ig-result.err .ig-ic{background:#fdecea;color:var(--red);box-shadow:0 0 0 8px rgba(180,35,24,.06)}
.ig-result h3{font-weight:800;color:var(--g900);margin-bottom:6px}
.ig-result p{color:var(--muted)}

/* ALT */
.ig-foot{background:linear-gradient(160deg,var(--g800),var(--g950))!important;background-image:var(--star-w),linear-gradient(160deg,var(--g800),var(--g950))!important;background-size:80px,auto!important;color:rgba(255,255,255,.82);border-top:4px solid var(--gold)!important;margin-top:56px!important;padding:40px 0 22px!important}
.ig-foot a{color:var(--gold2)}
.ig-foot-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}
.ig-foot-logo{height:40px;width:auto;max-width:100%}
.ig-foot-info{font-size:.9rem;line-height:1.7}
.ig-foot-info strong{color:#fff}
.ig-foot-secure{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--gold2);background:rgba(255,255,255,.06);border:1px solid rgba(227,199,125,.3);padding:8px 14px;border-radius:999px}
.ig-hadith{max-width:760px;margin:24px auto 0;text-align:center;font-size:.95rem;line-height:1.7}
.ig-hadith p{margin:0 0 6px}
.ig-hadith ins{text-decoration:none;color:#fff;font-style:italic}
.ig-donated{color:var(--gold2);font-weight:700;font-size:1.02rem;margin-bottom:14px!important}
.ig-donated strong{color:#fff}
.ig-hadith-src{color:rgba(255,255,255,.6);font-size:.85rem}
.ig-copy{text-align:center;font-size:.8rem;color:rgba(255,255,255,.45);margin-top:18px}

@media(max-width:767px){
  .ig-head-in{min-height:64px}
  .ig-head .logo-img{height:32px!important}
  .ig-charity{display:none}
  .ig-steps{padding:14px 0 12px}
  .ig-steps .stepper-step{font-size:.62rem!important}
  .ig-steps .stepper-step span{width:30px!important;height:30px!important;line-height:26px!important;font-size:.8rem!important}
  .ig-steps-list::before{top:14px}
  main.container{margin-top:1.6rem!important}
  main>.row>div>.card{padding:20px 16px!important;border-radius:18px!important}
  .donation-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .donation-btn .amount-box span{font-size:1.65rem!important}
  .ig-foot-top{flex-direction:column;text-align:center}
  .gift-info{font-size:1.5rem!important}
  .gift-info-divider{display:none}
}
@media(max-width:380px){.ig-steps .stepper-step em{display:none}}
@media print{.ig-head,.ig-steps,.ig-foot{display:none!important}}

/* ---- Sadeleştirilmiş akış ---- */
.ig-freq{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ig-freq-opt{position:relative;cursor:pointer;margin:0}
.ig-freq-opt input{position:absolute;opacity:0;pointer-events:none}
.ig-freq-opt>span{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1.5px solid var(--line);border-radius:16px;background:#fff;transition:.18s;height:100%}
.ig-freq-opt b{font-size:1.12rem;font-weight:800;color:var(--g900)}
.ig-freq-opt small{font-size:.82rem;color:var(--muted);font-weight:600}
.ig-freq-opt:hover>span{border-color:var(--g600)}
.ig-freq-opt input:checked+span{border-color:var(--g600);background:var(--g50);box-shadow:0 0 0 3px rgba(11,107,82,.18)}
.ig-freq-opt input:checked+span b::before{content:"✓ ";color:var(--g600)}
.ig-freq-opt input:focus-visible+span{outline:3px solid var(--gold2);outline-offset:2px}
.ig-sum-edit{margin-left:auto;color:var(--gold2)!important;font-weight:800;text-decoration:underline;font-size:.9rem}
.ig-hint{font-size:.85rem;font-weight:600;color:var(--muted);margin-top:6px}
.ig-hint.ok{color:var(--g600)}
.ig-gift{display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--line);border-radius:18px;padding:18px;background:#fff;cursor:pointer;transition:.18s;margin-bottom:0}
.ig-gift:hover{border-color:var(--g600)}
.ig-gift.on{border-color:var(--g600);background:var(--g50);box-shadow:0 0 0 3px rgba(11,107,82,.15)}
.ig-gift>input{width:24px!important;height:24px!important;margin:3px 0 0!important;flex:0 0 auto;accent-color:var(--g600)}
.ig-gift-body{display:block;flex:1;min-width:0}
.ig-gift-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ig-gift-top b{display:block;font-size:1.05rem;color:var(--g900);font-weight:800}
.ig-gift-top small{display:block;color:var(--ink2);font-weight:600;margin-top:2px}
.ig-gift-top strong{color:var(--g600)}
.ig-gift-decl{display:block;margin-top:10px;font-size:.82rem;line-height:1.55;color:var(--muted);font-weight:500}
.ig-msg{border:1.5px dashed var(--line);border-radius:14px;padding:12px 16px;background:#fff}
.ig-msg summary{cursor:pointer;font-weight:700;color:var(--g700)}
.ig-msg[open]{border-style:solid}
.ig-err{color:var(--red);font-weight:700;font-size:.92rem;min-height:1.3em;margin-top:8px}
.form-control.is-invalid,.form-select.is-invalid{border-color:var(--red)!important;background-image:none!important}
.form-check-input.is-invalid{outline:2px solid var(--red)}
.form-check-input{width:22px!important;height:22px!important;margin-top:0!important;flex:0 0 auto;accent-color:var(--g600)}
.form-check.dfcc{gap:10px;padding-left:0}
.form-check .form-check-input{float:none;margin-left:0!important}
#nextBtn span:empty{display:none}
@media(max-width:767px){.ig-freq-opt>span{padding:13px 14px}.ig-freq-opt b{font-size:1rem}.ig-gift{padding:14px}.ig-sum strong{font-size:1.35rem}}