/* Shared login and registration canvas. Kept framework-free for the PHP 7.1 / Laravel 5.8 build. */
body.wok-3d-shell.route-login-page,
body.wok-3d-shell.route-register-page {
    --auth-gold: #d7b96f;
    --auth-gold-deep: #8f672f;
    --auth-title: #f2ead9;
    --auth-text: #d8d1c4;
    --auth-muted: #999184;
    --auth-line: rgba(205, 168, 96, .24);
    color: var(--auth-text);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    overflow-x: hidden;
    background:
        linear-gradient(180deg, rgba(5, 5, 4, .38), rgba(6, 5, 4, .68) 48%, rgba(7, 6, 5, .9)),
        linear-gradient(90deg, rgba(4, 4, 3, .38), transparent 25%, transparent 75%, rgba(4, 4, 3, .38)),
        url("/assets/images/gmr-hero-farm-v3.jpg") center top / cover fixed no-repeat !important;
}

/* Temanin dekoratif katmanlarini kapatir.
   ⚠ body::before BU LISTEDEN CIKARILDI (2026-08-13): sahip "ana sayfadaki arkaplani koy" dedi ve
   arka plan gorseli tam olarak body::before uzerinde duruyor. Burada kapatilinca dosyanin
   sonundaki arka plan kurali sessizce olu kaliyordu (canlida olculdu: display=none). */
body.route-login-page::after,
body.route-register-page::after,
body.route-login-page .cont-items::before,
body.route-register-page .cont-items::before {
    display: none !important;
}

body.route-login-page .main,
body.route-register-page .main,
body.route-login-page .cont-items,
body.route-register-page .cont-items {
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
}

body.route-login-page .cont-items,
body.route-register-page .cont-items {
    min-height: calc(100vh - 86px);
    padding: clamp(34px, 5vw, 72px) 16px 72px !important;
}

body.route-login-page .cont-items *,
body.route-register-page .cont-items * {
    box-sizing: border-box;
}

body.route-login-page .cont-items > .page-section,
body.route-register-page .cont-items > .page-section {
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.route-login-page .login-page-container,
body.route-register-page .register-page-container {
    position: relative;
    width: 100% !important;
    margin: 0 auto !important;
    padding: clamp(24px, 4vw, 38px) !important;
    overflow: hidden;
    color: var(--auth-text) !important;
    background: linear-gradient(145deg, rgba(22, 19, 14, .95), rgba(8, 8, 7, .97)) !important;
    border: 1px solid var(--auth-line) !important;
    border-top: 2px solid rgba(215, 185, 111, .42) !important;
    border-radius: 9px !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .54), inset 0 1px 0 rgba(255, 246, 220, .03) !important;
    animation: wokAuthEnter .5s ease both;
}

body.route-login-page .login-page-container {
    max-width: 520px !important;
}

body.route-register-page .register-page-container {
    max-width: 680px !important;
}

body.route-login-page .login-page-container::before,
body.route-register-page .register-page-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 14%;
    left: 14%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(240, 209, 133, .7), transparent);
}

body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) h1.login-page-title,
body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) h1.register-page-title {
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: var(--auth-title) !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: clamp(27px, 4vw, 36px) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: .025em !important;
    text-align: center !important;
    text-transform: none !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    filter: none !important;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .72) !important;
}

body.route-login-page .login-page-subtitle,
body.route-register-page .register-page-subtitle {
    margin: 0 0 28px !important;
    padding: 0 0 22px;
    color: var(--auth-muted) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .08em;
    text-align: center !important;
    text-transform: uppercase;
    border-bottom: 1px solid var(--auth-line);
}

body.route-login-page .login-page-container .row,
body.route-register-page .register-page-container .row {
    margin-right: -7px !important;
    margin-left: -7px !important;
}

body.route-login-page .login-page-container [class*="col-"],
body.route-register-page .register-page-container [class*="col-"] {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

body.route-login-page .login-form-group,
body.route-register-page .register-form-group {
    margin: 0 0 17px !important;
}

body.route-login-page .login-form-group label,
body.route-register-page .register-form-group label {
    display: block !important;
    margin: 0 0 7px !important;
    color: #d5cbb9 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .035em;
    text-shadow: none !important;
}

body.route-register-page .register-form-group label small {
    color: var(--auth-muted) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}

body.route-login-page .login-form-group .form-control,
body.route-register-page .register-form-group .form-control,
body.route-register-page .register-page-container > form .form-control {
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    color: #eee7da !important;
    font-family: inherit !important;
    font-size: 14px !important;
    background: rgba(5, 5, 4, .74) !important;
    border: 1px solid rgba(205, 168, 96, .2) !important;
    border-radius: 5px !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, .26) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

body.route-login-page .login-form-group .form-control:focus,
body.route-register-page .register-form-group .form-control:focus,
body.route-register-page .register-page-container > form .form-control:focus {
    background: rgba(9, 8, 6, .9) !important;
    border-color: rgba(225, 191, 112, .55) !important;
    box-shadow: 0 0 0 3px rgba(176, 128, 48, .11), inset 0 1px 8px rgba(0, 0, 0, .24) !important;
}

body.route-login-page .login-button,
body.route-register-page .register-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100% !important;
    min-height: 48px;
    margin: 5px 0 0 !important;
    padding: 11px 18px !important;
    color: #fff0c9 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .055em;
    text-transform: uppercase;
    background: linear-gradient(180deg, #77511f, #3b250d) !important;
    border: 1px solid #9f7538 !important;
    border-radius: 5px !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 232, 167, .14) !important;
    text-shadow: 0 1px 2px #1b1005 !important;
    transition: transform .2s ease, filter .2s ease, border-color .2s ease;
}

body.route-login-page .login-button:hover:not(:disabled),
body.route-register-page .register-button:hover:not(:disabled) {
    transform: translateY(-2px);
    filter: brightness(1.12);
    border-color: #c2964f !important;
}

body.route-login-page .login-button:disabled,
body.route-register-page .register-button:disabled {
    cursor: not-allowed;
    opacity: .55;
}

body.route-login-page .login-links,
body.route-register-page .register-links {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 22px;
    margin: 24px 0 0 !important;
    padding: 20px 0 0 !important;
    text-align: center !important;
    border-top: 1px solid var(--auth-line) !important;
}

body.route-login-page .login-links a,
body.route-register-page .register-links a {
    margin: 0 !important;
    color: var(--auth-gold) !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.route-login-page .login-links a:hover,
body.route-register-page .register-links a:hover {
    color: #f4dfaa !important;
}

body.route-login-page #loginPage_error,
body.route-register-page #registerPage_error,
body.route-register-page #registerPage_success {
    margin: 0 0 17px !important;
    padding: 11px 13px !important;
    font-family: inherit !important;
    font-size: 12px !important;
    border-width: 1px !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

body.route-login-page #cf-turnstile-widget,
body.route-register-page #cf-turnstile-widget {
    display: flex;
    justify-content: center;
    max-width: 100%;
    margin: 8px 0 15px !important;
    overflow: hidden;
}

body.route-register-page .field-error {
    display: none;
    margin-top: 6px !important;
    color: #df837b !important;
    font-size: 11px !important;
}

@keyframes wokAuthEnter {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 620px) {
    body.route-login-page .cont-items,
    body.route-register-page .cont-items {
        padding: 24px 11px 48px !important;
    }

    body.route-login-page .login-page-container,
    body.route-register-page .register-page-container {
        padding: 22px 16px !important;
        border-radius: 7px !important;
    }

    body.route-login-page .login-page-subtitle,
    body.route-register-page .register-page-subtitle {
        margin-bottom: 21px !important;
        padding-bottom: 17px;
    }

    body.route-login-page #cf-turnstile-widget,
    body.route-register-page #cf-turnstile-widget {
        justify-content: flex-start;
        transform: scale(.88);
        transform-origin: left center;
        width: 114%;
        margin-right: -14% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.route-login-page .login-page-container,
    body.route-register-page .register-page-container {
        animation: none !important;
    }
}

/* === GMR AUTH YENILEME (2026-08-13) ===========================================
 * Sahip: "login alanini ORTALAMAN ve tasarimini yenilemen lazim RENKLERI KOTU"
 *
 * NEDEN BU BLOK VAR (olculdu, tahmin degil):
 *   1) ORTALAMA. Kart dikeyde ortalanmiyordu cunku UC kural ust uste biniyordu:
 *      - layouts/app.blade.php satir ici <style>: `.main { min-height: 100vh;
 *        padding-bottom: 30px }`  -> .main zaten 86px'lik basligin ALTINDA basliyor,
 *        yani sayfa her zaman en az 116px tasiyor ve "orta" asagi kayiyor.
 *      - wok-interior.css:607  `body.route-login-page .page-section {
 *        min-height: calc(100vh - 139px); padding: 70px 18px 90px }`
 *        -> flex OGESI kabin kadar uzun oluyor, `align-items:center` etkisiz kaliyor.
 *      - wok-interior.css:1957 cont-items'i flex yapiyor ama (1) ve (2) yuzunden
 *        sonuc gorunmuyordu.
 *      Cozum: auth rotalarinda .main'in 100vh'i sifirlanir, .page-section'in
 *      min-height/padding'i sifirlanir, ortalamayi TEK yer yapar: .cont-items flex.
 *   2) YUKLEME SIRASI. Bu dosya eskiden @section('css') ile YUKLENIYORDU; ondan
 *      SONRA wok-shell/wok-header/wok-interior/gmr-reference-theme geliyor ve
 *      auth kurallarini eziyordu. Blade'lerde link artik @section('theme_css')
 *      icinde -> gmr-reference-theme.css'ten SONRA yukleniyor. Secicilerde
 *      `body.wok-3d-shell.route-*` on eki, wok-shell.css'in (0,4,1) ozgullugundeki
 *      `!important` padding kuralini esitleyip kaynak sirasiyla yenmek icindir.
 *   3) RENKLER. Koyu zemin + altin vurgu (#e8c37a / #c9a24a) + krem metin (#efe6d2).
 *      Birincil dugme DOLU altin (uzerinde koyu metin -> yuksek kontrast),
 *      ikincil baglantilar sakin krem, odak hali altin halka.
 * DOKUNULMADI: form alan adlari/id'leri, CSRF, Turnstile kaplari, hata kutulari.
 * ============================================================================ */

body.wok-3d-shell.route-login-page,
body.wok-3d-shell.route-register-page {
    --ga-gold: #e8c37a;
    --ga-gold-deep: #c9a24a;
    --ga-cream: #efe6d2;
    --ga-text: #ded5c2;
    --ga-muted: #9d9482;
    --ga-line: rgba(232, 195, 122, .22);
    --ga-line-strong: rgba(232, 195, 122, .42);
    --ga-card-top: rgba(26, 23, 18, .97);
    --ga-card-bottom: rgba(11, 10, 8, .985);
    --ga-field: rgba(0, 0, 0, .55);
    --ga-danger: #ef9c94;
    --ga-ok: #8fd694;
}

/* --- 1) DIKEY + YATAY ORTALAMA ------------------------------------------- */

/* .main'in 100vh'i basligin ALTINDA basladigi icin merkezi asagi itiyordu. */
body.wok-3d-shell.route-login-page .main,
body.wok-3d-shell.route-register-page .main {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Ortalamayi yapan TEK kutu. Yukseklik = ekran - baslik (degisken basliktan gelir,
 * mobil kirilimda da dogru kalir). min-height oldugu icin uzun form (register)
 * kutuyu buyutur -> tasma/kirpilma olmaz, sadece sayfa kayar.
 *
 * SECICI NEDEN BU KADAR UZUN (olculdu): asil rakip
 *   wok-interior.css:877 `body.wok-3d-shell:not(.route-landing):not(.route-home)
 *   .main .cont-items { min-height: calc(100vh-86px) !important; padding: 0 0 78px !important }`
 * ozgullugu (0,5,1) ve !important tasiyor. Sadece `body.wok-3d-shell.route-login-page
 * .main .cont-items` (0,4,1) yazsaydik O kural kazanir, `padding: 0 0 78px` yuzunden
 * kart 39px YUKARI kayar ve mobilde yatay bosluk sifirlanirdi. Asagidaki secici ayni
 * korumayi (`:not(...)`) tasiyip ustune rota sinifini ekler -> (0,6,1), net kazanir. */
body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) .main .cont-items,
body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) .main .cont-items {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    min-height: calc(100vh - var(--gmr-home-header, 86px)) !important;
    margin: 0 !important;
    padding: 32px 16px !important;
    /* Yatay bosluk SIMETRIK olmali (sahibin asil istegi: kart ekranda ORTALI).
     * wok-shell.css:65 `@media (min-width:993px)` altinda sosyal ray icin
     * `padding-left: clamp(74px,6vw,96px) !important` ekliyor; bu tek tarafli
     * bosluk karti saga kaydirir. Kisayol zaten longhand'lere acilip kazanir
     * ama niyet acik gorunsun diye iki taraf ayrica yaziliyor. Sosyal ray
     * position:fixed ve 58px; 500px'lik kartla genis ekranda cakismiyor. */
    padding-right: 16px !important;
    padding-left: 16px !important;
    perspective: none !important;
}

/* wok-interior.css:607'nin 100vh'lik .page-section'i ortalamayi olduruyordu. */
body.wok-3d-shell.route-login-page .cont-items > .page-section,
body.wok-3d-shell.route-register-page .cont-items > .page-section {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- 2) KART ------------------------------------------------------------- */

/* Iki sayfa BIREBIR ayni kart: ayni genislik, ayni ic bosluk, ayni cerceve. */
body.wok-3d-shell.route-login-page .login-page-container,
body.wok-3d-shell.route-register-page .register-page-container {
    position: relative;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    padding: 34px 32px 28px !important;
    overflow: hidden;
    color: var(--ga-text) !important;
    background:
        radial-gradient(120% 60% at 50% 0, rgba(232, 195, 122, .07), transparent 62%),
        linear-gradient(180deg, var(--ga-card-top), var(--ga-card-bottom)) !important;
    border: 1px solid var(--ga-line) !important;
    border-top: 2px solid var(--ga-line-strong) !important;
    border-radius: 10px !important;
    box-shadow:
        0 26px 60px rgba(0, 0, 0, .60),
        inset 0 1px 0 rgba(255, 244, 214, .05) !important;
    transform: none !important;
    transform-style: flat !important;
}

/* Ust kenardaki altin isik cizgisi. */
body.wok-3d-shell.route-login-page .login-page-container::before,
body.wok-3d-shell.route-register-page .register-page-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 16%;
    left: 16%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ga-gold), transparent);
    opacity: .85;
}

/* --- 3) BASLIK RITMI (iki sayfada ayni) ---------------------------------- */

/* `animation: none`: gmr-reference-theme.css:3248 bu ogeye sonsuz
 * `gmrEyebrowPulse` takiyor; sahibin istedigi "sakin" dil icin kapatildi. */
body.wok-3d-shell.route-login-page .gmr-auth-eyebrow,
body.wok-3d-shell.route-register-page .gmr-auth-eyebrow {
    animation: none !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: var(--ga-gold-deep) !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

/* Secici (0,5,2): iki rakibi birden asmali —
 *   a) bu dosyanin ESKI baslik kurali (91. satir) ayni kalibi kullaniyor;
 *   b) gmr-reference-theme.css:3241 basligi `background-clip: text` +
 *      `-webkit-text-fill-color: transparent` ile GRADYAN METNE cevirip
 *      `gmrTitleShine` sonsuz animasyonu takiyor.
 * Sahip duz, okunur krem baslik istedi -> gradyan dolgu ve parlama KAPATILIR
 * (`animation: none` ayrica sonsuz calisan bir animasyonu da kaldirir). */
body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) h1.login-page-title,
body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) h1.register-page-title {
    animation: none !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: var(--ga-cream) !important;
    font-family: inherit !important;
    font-size: clamp(26px, 4vw, 32px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    text-transform: none !important;
    text-shadow: 0 3px 16px rgba(0, 0, 0, .7) !important;
    background: none !important;
    background-image: none !important; /* gradyan-metin dolgusunu ACIKCA iptal et */
    -webkit-text-fill-color: currentColor !important;
}

body.wok-3d-shell.route-login-page .login-page-subtitle,
body.wok-3d-shell.route-register-page .register-page-subtitle {
    margin: 0 0 26px !important;
    padding: 0 0 20px !important;
    color: var(--ga-muted) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-transform: none !important;
    border-bottom: 1px solid var(--ga-line) !important;
}

/* --- 4) ALANLAR ---------------------------------------------------------- */

body.wok-3d-shell.route-login-page .login-form-group,
body.wok-3d-shell.route-register-page .register-form-group {
    margin: 0 0 16px !important;
}

body.wok-3d-shell.route-login-page .login-form-group label,
body.wok-3d-shell.route-register-page .register-form-group label {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--ga-cream) !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

body.wok-3d-shell.route-register-page .register-form-group label small {
    color: var(--ga-muted) !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
}

/* Kapsayici uzerinden de yakalanir: register'daki "guvenlik cevabi" alani
 * .register-form-group DISINDA, dogrudan .col-xs-12 icinde duruyor. */
body.wok-3d-shell.route-login-page .login-form-group .form-control,
body.wok-3d-shell.route-login-page .login-page-container .form-control,
body.wok-3d-shell.route-register-page .register-form-group .form-control,
body.wok-3d-shell.route-register-page .register-page-container .form-control {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    color: var(--ga-cream) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    background: var(--ga-field) !important;
    background-image: none !important;
    border: 1px solid rgba(232, 195, 122, .26) !important;
    border-radius: 6px !important;
    outline: 0 !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, .40) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.wok-3d-shell.route-login-page .login-form-group .form-control::placeholder,
body.wok-3d-shell.route-register-page .register-form-group .form-control::placeholder,
body.wok-3d-shell.route-register-page .register-page-container .form-control::placeholder {
    color: #7d7566 !important;
    opacity: 1;
}

body.wok-3d-shell.route-login-page .login-form-group .form-control:hover,
body.wok-3d-shell.route-register-page .register-form-group .form-control:hover,
body.wok-3d-shell.route-register-page .register-page-container .form-control:hover {
    border-color: rgba(232, 195, 122, .40) !important;
}

/* Odak = ALTIN. Halka 3px, klavye kullanicisi icin de gorunur. */
body.wok-3d-shell.route-login-page .login-form-group .form-control:focus,
body.wok-3d-shell.route-register-page .register-form-group .form-control:focus,
body.wok-3d-shell.route-register-page .register-page-container .form-control:focus {
    color: #fff8e8 !important;
    background: rgba(0, 0, 0, .68) !important;
    border-color: var(--ga-gold) !important;
    box-shadow:
        0 0 0 3px rgba(232, 195, 122, .16),
        inset 0 2px 6px rgba(0, 0, 0, .40) !important;
}

/* Tarayici otomatik doldurmasi beyaz kutu birakiyordu. Secici (0,5,2) cunku
 * gmr-reference-theme.css:309 `body.wok-3d-shell:not(...):not(...)
 * input:-webkit-autofill` (0,4,2) ayni ozellikleri !important yaziyor. */
body.wok-3d-shell.route-login-page:not(.route-landing) input.form-control:-webkit-autofill,
body.wok-3d-shell.route-register-page:not(.route-landing) input.form-control:-webkit-autofill {
    -webkit-text-fill-color: var(--ga-cream) !important;
    /* Iki yazim da veriliyor: rakip kural standart `box-shadow` kullaniyor. */
    box-shadow: inset 0 0 0 1000px #14120d, inset 0 0 0 1px rgba(232, 195, 122, .26) !important;
    -webkit-box-shadow: inset 0 0 0 1000px #14120d, inset 0 0 0 1px rgba(232, 195, 122, .26) !important;
    caret-color: var(--ga-cream);
}

/* Guvenlik sorusu acilir kutusu: koyu zeminde ok gorunmuyordu (gomulu SVG). */
body.wok-3d-shell.route-register-page .register-form-group select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 38px !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23e8c37a' d='M6 8 0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 10px 7px !important;
    cursor: pointer;
}

/* Isletim sistemi acilir listesi kart rengini miras almaz -> acikca ver. */
body.wok-3d-shell.route-register-page .register-form-group select.form-control option {
    color: var(--ga-cream);
    background: #14120d;
}

/* --- 5) DUGME + BAGLANTILAR ---------------------------------------------- */

/* Birincil eylem — YERLESIM/TIPOGRAFI katmani (boya asagida, ayri kuralda). */
body.wok-3d-shell.route-login-page .login-button,
body.wok-3d-shell.route-register-page .register-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 6px 0 0 !important;
    padding: 13px 18px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    cursor: pointer;
    transition: background-image .18s ease, transform .18s ease, box-shadow .18s ease;
}

/* === DUGME BOYASI — AYRI VE COK OZGUL KURAL (0,7,2). SEBEBI OLCULDU ==========
 * gmr-reference-theme.css:2480-2495
 *   `body.wok-3d-shell:not(.route-landing):not(.route-home)
 *    button.login-button:not(.close):not(.mobile-menu-toggle) { ... }`
 * ozgullugu (0,6,2) ve ICINDE SUNLAR VAR:
 *      background-color: #ecdab0 !important;   background-image: none !important;
 * Yani daha dusuk ozgullukte yazilan HER gradyan SILINIR ve dugme DUZ KREM kalir.
 * Sahibin "RENKLERI KOTU" dedigi krem dugme tam olarak bu kuraldan geliyor;
 * yalnizca (0,6,2)'yi asan bir secici altin dugmeyi geri getirebilir.
 * Asagidaki secici ayni kalibi kullanip rota sinifini de ekler -> (0,7,2).
 * Ayrica `background-image` ACIKCA yazilir: `background` kisayolu yazsaydik
 * bile kisayol longhand'lere acilir, ama okunurluk icin ikisi de net verildi.
 * ========================================================================== */
body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) button.login-button:not(.close):not(.mobile-menu-toggle),
body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) button.register-button:not(.close):not(.mobile-menu-toggle) {
    color: #2a1e08 !important;
    background-color: #d9b268 !important;
    background-image: linear-gradient(180deg, var(--ga-gold), var(--ga-gold-deep)) !important;
    border: 1px solid #f0d095 !important;
    border-top-color: #f7e0b2 !important;
    border-bottom-color: #a8813a !important;
    box-shadow:
        0 10px 22px rgba(0, 0, 0, .40),
        inset 0 1px 0 rgba(255, 252, 240, .45) !important;
    text-shadow: none !important;
}

body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) button.login-button:not(.close):not(.mobile-menu-toggle):hover:not(:disabled),
body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) button.login-button:not(.close):not(.mobile-menu-toggle):focus-visible,
body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) button.register-button:not(.close):not(.mobile-menu-toggle):hover:not(:disabled),
body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) button.register-button:not(.close):not(.mobile-menu-toggle):focus-visible {
    background-image: linear-gradient(180deg, #f4d8a2, var(--ga-gold)) !important;
    border-color: #f7e2b6 !important;
    box-shadow:
        0 14px 28px rgba(0, 0, 0, .46),
        inset 0 1px 0 rgba(255, 252, 240, .55) !important;
}

body.wok-3d-shell.route-login-page .login-button:hover:not(:disabled),
body.wok-3d-shell.route-register-page .register-button:hover:not(:disabled) {
    transform: translateY(-1px);
}

body.wok-3d-shell.route-login-page .login-button:focus-visible,
body.wok-3d-shell.route-register-page .register-button:focus-visible {
    outline: 2px solid #fff3d6 !important;
    outline-offset: 2px !important;
}

body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) button.login-button:not(.close):not(.mobile-menu-toggle):active:not(:disabled),
body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) button.register-button:not(.close):not(.mobile-menu-toggle):active:not(:disabled) {
    background-image: linear-gradient(180deg, var(--ga-gold-deep), #b78f3f) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .40), inset 0 2px 5px rgba(74, 52, 12, .35) !important;
}

body.wok-3d-shell.route-login-page .login-button:active:not(:disabled),
body.wok-3d-shell.route-register-page .register-button:active:not(:disabled) {
    transform: translateY(0);
}

body.wok-3d-shell.route-login-page .login-button:disabled,
body.wok-3d-shell.route-register-page .register-button:disabled {
    cursor: not-allowed;
    filter: grayscale(.35);
    opacity: .55;
    transform: none;
}

/* Ikincil: sakin krem, uzerine gelince altin. Dokunma hedefi 44px. */
body.wok-3d-shell.route-login-page .login-links,
body.wok-3d-shell.route-register-page .register-links {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 10px;
    margin: 22px 0 0 !important;
    padding: 14px 0 0 !important;
    text-align: center !important;
    border-top: 1px solid var(--ga-line) !important;
}

body.wok-3d-shell.route-login-page .login-links a,
body.wok-3d-shell.route-register-page .register-links a {
    display: inline-flex !important;
    align-items: center;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 10px !important;
    color: #c4bba7 !important;
    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    letter-spacing: .04em;
    text-decoration: none !important;
    border-radius: 5px;
    transition: color .18s ease, background-color .18s ease;
}

body.wok-3d-shell.route-login-page .login-links a:hover,
body.wok-3d-shell.route-register-page .register-links a:hover,
body.wok-3d-shell.route-login-page .login-links a:focus,
body.wok-3d-shell.route-register-page .register-links a:focus {
    color: var(--ga-gold) !important;
    background: rgba(232, 195, 122, .08);
    text-decoration: none !important;
}

/* --- 6) GERI BILDIRIM (dogrulama mesajlari - yerleri AYNEN korundu) ------- */

body.wok-3d-shell.route-login-page #loginPage_error,
body.wok-3d-shell.route-register-page #registerPage_error,
body.wok-3d-shell.route-register-page #registerPage_success {
    margin: 0 0 16px !important;
    padding: 11px 14px !important;
    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    border: 1px solid !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

body.wok-3d-shell.route-login-page #loginPage_error,
body.wok-3d-shell.route-register-page #registerPage_error {
    color: var(--ga-danger) !important;
    background: rgba(146, 40, 34, .18) !important;
    border-color: rgba(214, 102, 94, .42) !important;
}

body.wok-3d-shell.route-register-page #registerPage_success {
    color: var(--ga-ok) !important;
    background: rgba(40, 120, 60, .16) !important;
    border-color: rgba(120, 190, 130, .38) !important;
}

body.wok-3d-shell.route-register-page .field-error,
body.wok-3d-shell.route-login-page #turnstile_error {
    margin-top: 6px !important;
    color: var(--ga-danger) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}

body.wok-3d-shell.route-login-page #cf-turnstile-widget,
body.wok-3d-shell.route-register-page #cf-turnstile-widget {
    display: flex !important;
    justify-content: center !important;
    max-width: 100%;
    margin: 4px 0 16px !important;
    overflow: hidden;
    transform: none !important;
}

/* --- 7) MOBIL: tek sutun, >=44px hedef, yatay tasma sifir ---------------- */

@media (max-width: 620px) {
    /* Ozgulluk gerekcesi yukaridaki ana kuralla ayni (wok-interior.css:877). */
    body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) .main .cont-items,
    body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) .main .cont-items {
        padding: 20px 12px !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body.wok-3d-shell.route-login-page .login-page-container,
    body.wok-3d-shell.route-register-page .register-page-container {
        max-width: 100% !important;
        padding: 24px 18px 20px !important;
        border-radius: 8px !important;
    }

    body.wok-3d-shell.route-login-page .login-page-container .row,
    body.wok-3d-shell.route-register-page .register-page-container .row,
    body.wok-3d-shell.route-login-page .login-page-container [class*="col-"],
    body.wok-3d-shell.route-register-page .register-page-container [class*="col-"] {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.wok-3d-shell.route-login-page .login-form-group .form-control,
    body.wok-3d-shell.route-register-page .register-form-group .form-control,
    body.wok-3d-shell.route-register-page .register-page-container .form-control {
        height: 48px !important;
        font-size: 16px !important; /* iOS 16px altinda alana odaklaninca zoom yapar */
    }

    body.wok-3d-shell.route-login-page .login-page-subtitle,
    body.wok-3d-shell.route-register-page .register-page-subtitle {
        margin-bottom: 20px !important;
        padding-bottom: 16px !important;
        font-size: 12.5px !important;
    }

    /* Turnstile widget'i 300px sabit -> dar ekranda tasmasin diye kucultuluyor. */
    body.wok-3d-shell.route-login-page #cf-turnstile-widget,
    body.wok-3d-shell.route-register-page #cf-turnstile-widget {
        justify-content: center !important;
        transform: scale(.92) !important;
        transform-origin: center !important;
    }
}

@media (max-width: 360px) {
    body.wok-3d-shell.route-login-page #cf-turnstile-widget,
    body.wok-3d-shell.route-register-page #cf-turnstile-widget {
        transform: scale(.84) !important;
    }
}

/* Kisa/yatay ekran (telefon yan cevrildiginde): dikey ortalama yerine ustten
 * baslat; yoksa uzun form kisa ekranda ustten kirpilir. */
@media (max-height: 620px) {
    body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home) .main .cont-items,
    body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home) .main .cont-items {
        align-items: flex-start !important;
        min-height: 0 !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.wok-3d-shell.route-login-page .login-page-container,
    body.wok-3d-shell.route-register-page .register-page-container,
    body.wok-3d-shell.route-login-page .login-button,
    body.wok-3d-shell.route-register-page .register-button,
    body.wok-3d-shell.route-login-page .login-links a,
    body.wok-3d-shell.route-register-page .register-links a,
    body.wok-3d-shell.route-login-page .form-control,
    body.wok-3d-shell.route-register-page .form-control {
        animation: none !important;
        transition: none !important;
    }

    body.wok-3d-shell.route-login-page .login-button:hover:not(:disabled),
    body.wok-3d-shell.route-register-page .register-button:hover:not(:disabled) {
        transform: none;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   GİRİŞ / KAYIT ARKA PLANI (2026-08-13) — sahip: "kayıt ol giriş yap için ana sayfadaki
   arkaplanı koysana, şuan hiç arka plan yok oralarda".

   Anasayfanın zeminiyle AYNI kaynak: `.gmr-home__ambient` (wok-landing.css:105) ve
   `.gmr-home-hero` (satır 358) `gmr-hero-farm-v3.jpg` kullanıyor. O dosya bu iki sayfada
   YÜKLENMİYOR (yalnız route-landing), bu yüzden aynı görsel burada yeniden tanımlanır.
   Opaklık anasayfadaki .52 ile aynı his; üstteki koyu degrade formun okunurluğunu korur.

   `position: fixed` + `z-index:0`: sayfa kaysa da zemin sabit kalır; form `.cont-items`
   z-index'i zaten üstte (auth bloğunda tanımlı).
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
/* OZGULLUK NOTU (canlida olculdu): gmr-reference-theme.css ve wok-interior.css
   body.wok-3d-shell.route-login-page::before (0,3,0) ile duz degrade basiyor. Asagidaki
   secici AYNI ozgullukte ve wok-auth.css onlardan SONRA yuklendigi icin kazanir. */
/* :not() ICINDEKI SINIFLAR OZGULLUGE SAYILIR — tema kurali
   body.wok-3d-shell:not(.route-landing):not(.route-home)::before (0,3,1) benim (0,2,1)
   kuralimi eziyordu. Ayni hileyle (0,4,1) yapiliyor; canlida olculdu. */
body.wok-3d-shell.route-login-page:not(.route-landing):not(.route-home)::before,
body.wok-3d-shell.route-register-page:not(.route-landing):not(.route-home)::before {
    display: block !important;
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(17, 13, 8, .58), rgba(11, 9, 6, .88)),
        url('/assets/images/gmr-hero-farm-v3.jpg') center top / cover no-repeat !important;
}

/* Form ve başlık zeminin ÜSTÜNDE kalsın (::before z-index:0 ile aynı yığın bağlamında). */
body.route-login-page .main,
body.route-register-page .main,
body.route-login-page .cont-items,
body.route-register-page .cont-items {
    position: relative;
    z-index: 1;
}