/* --------------------------------------------------------------------------
   ILAN ALIM SOZLESMESI MODALI (Plan 796e1738, 11.11.2026)

   /odeme sozlesme okuyucusunun gorunumu (odeme.css .pay-redesign.odm .readerDialog,
   .odmOkuyucuAlt); token degerleri odeme.css'teki koyu / acik tema ile birebir.
   Isaretleme: resources/views/revolution/_shared/ilan-sozlesme-modal.blade.php
   (Bootstrap modal kabugu korunur; perde rengi govdedeki .iszAcik ile).
   -------------------------------------------------------------------------- */
#buyAgrModal {
    --iszSurf: #20212B;
    --iszSurf3: #1C1D26;
    --iszLine: #333444;
    --iszLine2: #4E4F5C;
    --iszTx: #EDEEF2;
    --iszTx2: #C8C9D8;
    --iszGrn: #80F1B1;
    --iszInk: #181820;
    --iszRed: #F0908A;
    --iszGolge: 0 30px 70px rgba(4, 5, 6, 0.55);
    font-family: "Wix Madefor Display", system-ui, sans-serif;
}
body.light #buyAgrModal {
    --iszSurf: #FFFFFF;
    --iszSurf3: #F0EEE6;
    --iszLine: #E3E1D9;
    --iszLine2: #C7C5BC;
    --iszTx: #1F1E1D;
    --iszTx2: #1F1E1D;
    --iszGrn: #137E4C;
    --iszInk: #FFFFFF;
    --iszRed: #B3402C;
    --iszGolge: 0 30px 70px rgba(31, 30, 29, 0.16);
}
body.iszAcik .modal-backdrop.show { background: rgb(12, 12, 16); opacity: .74; }
body.light.iszAcik .modal-backdrop.show { background: rgb(31, 30, 29); opacity: .24; }

#buyAgrModal .iszDialog { max-width: min(640px, calc(100vw - 32px)); margin-left: auto; margin-right: auto; }
#buyAgrModal .iszIcerik {
    display: flex; flex-direction: column;
    max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px);
    background: var(--iszSurf);
    border: 1px solid var(--iszLine2);
    border-radius: 16px;
    box-shadow: var(--iszGolge);
    overflow: hidden;
    color: var(--iszTx2);
}

/* baslik satiri */
#buyAgrModal .iszBas {
    flex: none;
    display: flex; align-items: center; gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--iszLine);
}
#buyAgrModal .iszBaslik {
    flex: 1 1 auto; min-width: 0; margin: 0;
    font-family: inherit; font-size: 15.5px; font-weight: 800; line-height: 1.3;
    color: var(--iszTx);
}
#buyAgrModal .iszIkon {
    flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; padding: 0;
    border-radius: 9px;
    border: 1px solid var(--iszLine2);
    background: var(--iszSurf);
    color: var(--iszTx2);
    cursor: pointer;
}
#buyAgrModal .iszIkon:hover { border-color: var(--iszGrn); color: var(--iszGrn); }
#buyAgrModal .iszIkon svg { display: block; }

/* govde: belge sunucudan iframe ile gelir (?tema=koyu / acik) */
#buyAgrModal .iszGovde { flex: 1 1 auto; min-height: 0; display: flex; background: var(--iszSurf); }
#buyAgrModal .iszGovde iframe {
    display: block; width: 100%;
    height: min(62vh, 560px);
    border: 0;
    background: var(--iszSurf);
}

/* alt serit: Kapat + Okudum, onayliyorum */
#buyAgrModal .iszAlt {
    flex: none;
    display: flex; gap: 8px;
    padding: 12px 16px 16px;
    border-top: 1px solid var(--iszLine);
    background: var(--iszSurf3);
}
#buyAgrModal .iszAlt button {
    flex: 1 1 0; min-width: 0;
    height: 44px; padding: 0 10px;
    border-radius: 11px;
    font-family: inherit; font-size: 13px; font-weight: 800;
    white-space: nowrap; cursor: pointer;
}
#buyAgrModal .iszAlt .kapat { background: var(--iszSurf); color: var(--iszTx2); border: 1px solid var(--iszLine2); }
#buyAgrModal .iszAlt .kapat:hover { border-color: var(--iszRed); color: var(--iszRed); }
#buyAgrModal .iszAlt .onayla { background: var(--iszGrn); color: var(--iszInk); border: 1px solid var(--iszGrn); }
#buyAgrModal .iszAlt .onayla:hover { filter: brightness(1.05); }
#buyAgrModal button:focus-visible { outline: 2px solid var(--iszGrn); outline-offset: 2px; }

/* mobil: alttan acilan sayfa (odeme.css ≤767 ile ayni) */
@media (max-width: 767.98px) {
    #buyAgrModal .iszDialog {
        max-width: none; width: 100%;
        margin: 0;
        min-height: 100%;
        align-items: flex-end;
    }
    #buyAgrModal.fade .iszDialog { transform: translateY(24px); }
    #buyAgrModal.show .iszDialog { transform: none; }
    #buyAgrModal .iszIcerik {
        max-height: 86vh; max-height: 86dvh;
        border-radius: 20px 20px 0 0;
        border-left: 0; border-right: 0; border-bottom: 0;
        box-shadow: 0 -18px 40px rgba(0, 0, 0, .45);
    }
    #buyAgrModal .iszIcerik::before {
        content: ""; display: block; flex: none;
        width: 44px; height: 4px; margin: 8px auto 2px;
        border-radius: 999px;
        background: var(--iszLine2);
    }
    #buyAgrModal .iszBas { padding: 8px 14px 12px; }
    #buyAgrModal .iszIkon { width: 44px; height: 44px; }
    #buyAgrModal .iszGovde iframe { height: 60vh; height: 60dvh; }
    #buyAgrModal .iszAlt { padding: 12px 14px calc(14px + env(safe-area-inset-bottom, 0px)); }
    #buyAgrModal .iszAlt button { height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
    #buyAgrModal.fade .iszDialog { transition: none; }
}
