/*
 * Bileşen: Popup / Modal
 * GÜNCELLEME: Font boyutları ve renkler, duyarlı değişkenler kullanacak şekilde güncellendi.
 */

body.bfwt-popup-is-open { overflow: hidden; }

.bfwt-popup-overlay {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    display: none; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.3s ease;
    z-index: 10000;
}
.bfwt-popup-overlay.show { display: flex; opacity: 1; }

.bfwt-popup-box {
    background: var(--color-background);
    border-radius: var(--border-radius-base);
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    position: relative; width: 90%; max-width: 520px;
    padding: clamp(15px, 3vw, 25px);
    border: 2px solid var(--color-secondary);
    display: flex; flex-direction: column; max-height: 90vh;
}

.bfwt-popup-header {
    display: flex; justify-content: space-between; align-items: center;
    padding-bottom: 15px; margin-bottom: 15px;
    border-bottom: 1px solid var(--color-border-medium);
    flex-shrink: 0;
}

.bfwt-popup-title {
    margin: 0;
    font-size: var(--font-size-lg);
    line-height: 1.2;
    color: var(--color-text-base);
    flex-grow: 1; padding-right: 15px;
}

.bfwt-popup-close {
    color: var(--color-text-muted); /* Güncellendi */
    font-size: var(--font-size-xl);  cursor: pointer; z-index: 10;
    line-height: 1; transition: color 0.2s ease, transform 0.2s ease;
}
.bfwt-popup-close:hover { color: var(--color-primary); transform: rotate(90deg); }

.bfwt-popup-content-wrapper {
    flex: 1 1 auto; overflow-y: auto; overflow-x: hidden;
    padding-right: 15px; padding-left: 5px; margin-right: -15px;
    -webkit-overflow-scrolling: touch;
}

.bfwt-popup-footer {
    padding-top: 15px; border-top: 1px solid var(--color-border-medium);
    margin-top: 15px; flex-shrink: 0; text-align: center;
}
.bfwt-popup-footer .bfwt-open-in-app-link { margin-top: 10px; display: inline-block; }

.bfwt-standard-modal .bfwt-popup-cta { margin-top: 5px; }
.bfwt-standard-modal .bfwt-popup-extra-actions { margin-top: 20px; }
.bfwt-standard-modal .bfwt-popup-feedback-container { margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--color-border-medium); }

.bfwt-code-revealed {
    display: flex; margin-bottom: 20px; border-radius: 10px; cursor: pointer;
    border: 2px solid var(--color-secondary);
    background: var(--color-background-soft);
    height: 60px; align-items: center; transition: all 0.3s ease;
}
.bfwt-code-revealed:hover { box-shadow: 0 0 10px var(--color-secondary); transform: scale(1.02); }

.bfwt-code-revealed-left { width: 70%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--color-text-base); }
.bfwt-code-revealed-right { width: 30%; text-align: center; background: var(--color-background-soft); font-weight: 700; transition: background-color 0.3s, color 0.3s; height: 100%; display: flex; align-items: center; justify-content: center; } /* Güncellendi */

.bfwt-popup-copied-msg { font-style: italic; margin: -10px 0 5px; color: var(--color-success); text-align: center; }

.bfwt-popup-extra-actions { display: flex; justify-content: center; font-size: var(--font-size-sm); gap: 25px; }
.bfwt-popup-extra-actions a { display: inline-flex; align-items: center; text-decoration: none; color: var(--color-text-muted); font-weight: 600; transition: color 0.2s ease; gap: 6px; }
.bfwt-popup-extra-actions a:hover { color: var(--color-primary); }
.bfwt-popup-extra-actions .material-symbols-rounded { font-size: 1.3em; vertical-align: middle; }

.bfwt-popup-footer-block.only-mobile { display: none; margin-top: 20px;}
.bfwt-popup-footer-block.only-desktop { display: block; margin-top: 20px;}

.bfwt-app-only-modal .ally-notice { font-style: italic; font-size: var(--font-size-sm); margin-top: 20px; opacity: 0.8; }
.bfwt-app-qr-code.only-desktop { display: block; }
.bfwt-app-qr-code img { display: block; margin: 0 auto 15px; max-width: 200px; border: 5px solid var(--color-background); box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-radius: var(--border-radius-small); } /* Güncellendi */

.bfwt-info-modal-nav { display: flex; border-bottom: 1px solid var(--color-border-medium); margin-bottom: 20px; } /* Güncellendi */
.bfwt-info-modal-tab { padding: 10px 15px; cursor: pointer; font-weight: 600; color: var(--color-text-muted); border-bottom: 3px solid transparent; } /* Güncellendi */
.bfwt-info-modal-tab.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }

.bfwt-info-modal-content { display: none; font-size: var(--font-size-base); line-height: 1.6; text-align: left; }
.bfwt-info-modal-content.active { display: block; }
.bfwt-info-modal-content ol { list-style: none; padding-left: 0; }

.bfwt-redeem-steps, .bfwt-help-steps { display: flex; flex-direction: column; gap: 15px; }
.bfwt-redeem-step, .bfwt-help-step { display: flex; align-items: flex-start; gap: 15px; }
.bfwt-redeem-step-icon, .bfwt-help-step-icon { background: var(--color-secondary); color: var(--color-background); border-radius: 50%; width: 32px; height: 32px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.bfwt-redeem-step-icon .material-symbols-rounded, .bfwt-help-step-icon .material-symbols-rounded { font-size: 20px; }
.bfwt-redeem-step-text, .bfwt-help-step-text { text-align: left; }
.bfwt-help-step-text strong { display: inline; margin-right: 0.5em; }

.bfwt-feedback-module { text-align: center; width: 100%; }
.bfwt-feedback-prompt { margin-bottom: 10px; font-weight: 600; font-size: var(--font-size-sm); }
.bfwt-feedback-buttons .button { margin: 0 5px; background: var(--color-border-light); border-color: var(--color-border-medium); color: var(--color-text-muted); padding: 5px 10px; font-size: var(--font-size-sm); text-transform: none; } /* Güncellendi */
.bfwt-feedback-buttons .button:hover { background: var(--color-border-medium); } /* Güncellendi */
.bfwt-feedback-buttons .material-symbols-rounded { font-size: 1.2em; vertical-align: text-bottom; margin-right: 3px; }
.bfwt-feedback-form { display: none; margin-top: 15px; }
.bfwt-feedback-form textarea { width: 100%; height: 80px; margin-bottom: 10px; }
.bfwt-feedback-thankyou { color: var(--color-success); font-weight: bold; }

@media (max-width: 767px) {
    .bfwt-popup-overlay { align-items: flex-end; }
    .bfwt-popup-box { width: 100%; max-height: 85vh; border-radius: 20px 20px 0 0; border-bottom: none; transform: translateY(100%); transition: transform 0.3s ease-out; }
    .bfwt-popup-overlay.show .bfwt-popup-box { transform: translateY(0); }
    .bfwt-info-modal-nav { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .bfwt-info-modal-nav::-webkit-scrollbar { height: 4px; }
    .bfwt-info-modal-nav::-webkit-scrollbar-thumb { background-color: var(--color-border-medium); border-radius: 4px; } /* Güncellendi */
    .bfwt-info-modal-tab { flex-shrink: 0; white-space: nowrap; }
    .bfwt-popup-footer-block.only-mobile { display: block; }
    .bfwt-popup-footer-block.only-desktop { display: none; }
}