/* ============================================================
 * register-phone-fix.css
 * BS-paralel telefon input renk tonu fix
 * Created: 2026-04-27 by VISUAL_AUDIT agent
 *
 * Audit (rule §15 + §19 + §93):
 *  - MR phone input bg: rgba(255,255,255,0.15) ✓ matches BS
 *  - MR phone input color: rgba(255,255,255,0.9) ✓ matches BS
 *  - MR Roboto webfont: NOT loaded — falls back to Arial/Helvetica
 *    BS Roboto webfont: LOADED ✓
 *    → Text rendering differs → tone perception differs
 *  - MR phone input lineHeight: 16.8px
 *    BS phone input lineHeight: normal
 *    → Vertical metric differs by ~0.4px
 *
 * Fix scope: only phone input + label inside #registerModal
 * File ownership marker: REGISTER-PHONE-FIX-AGENT
 * ============================================================ */

/* /===== REGISTER-PHONE-FIX-AGENT START =====/ */

/* 1) Roboto webfont yüklemesi (BS-paralel)
 *    BS sitesinde Roboto 400/500/700 loaded — MR'da fallback
 *    Google Fonts CSS @import zincirini kullanmak yerine
 *    direkt @font-face ile woff2 yükleme (CSP font-src
 *    https://fonts.gstatic.com izinli, head.php satir 135).
 *    Display: swap → FOIT yerine FOUT
 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kg.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzc.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 2) Phone input lineHeight BS-paralel (normal yerine 16.8px overriden,
 *    MR'da computed 16.8px → BS'de normal). Vertical metrik düzelt.
 */
html.mobile-root body.mobile-site #registerModal #modal_phone,
html.mobile-root body.mobile-site #registerModal input[name="phone"][type="tel"] {
    line-height: normal !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    /* Tone parity — explicit BS-exact bg in case of cascade override */
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    /* font-smoothing BS-paralel — antialiased pixel rendering */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

/* 3) Phone label / title BS-paralel font + smoothing */
html.mobile-root body.mobile-site #registerModal .register-phone-number .form-control-title-bc,
html.mobile-root body.mobile-site #registerModal .register-phone-row .form-control-title-bc {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    /* Computed match: 12px / 14px line-height BS-exact */
    line-height: 14px !important;
}

/* 4) Country-code prefix button (Kodu/90) — BS-paralel font rendering */
html.mobile-root body.mobile-site .phone-code-trigger,
html.mobile-root body.mobile-site #registerModal .phone-code-trigger {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}
html.mobile-root body.mobile-site .phone-code-trigger .bc-fixed-select__label,
html.mobile-root body.mobile-site .phone-code-trigger .bc-fixed-select__value {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* /===== REGISTER-PHONE-FIX-AGENT END =====/ */