/* Giriş, Kayıt Ol, Şifremi Unuttum, E-posta Doğrulama … (layouts/auth.php): the buttons and links look like the public
   site's (site.css: .site-header .btn, .site-hero-btn) — square corners, hollow (only a border), in the site's orange,
   changing color softly on hover. The orange one fills orange on hover; the light ones (Çıkış Yap, Kodu yenile, the
   language button) take the theme's border and text color (these pages can be light or dark) and turn orange on hover. */
body {
    --theme-link-color: #e68900;
    --theme-link-color-rgb: 230, 137, 0;
    --theme-link-hover-color: #ff9800;
    --theme-link-hover-color-rgb: 255, 152, 0;
}

.auth-box a:not(.btn),
.auth-box a:not(.btn):hover {
    transition: color .3s ease, text-decoration-color .3s ease;
}

.auth-box .btn,
.auth-lang .btn {
    border-radius: 0 !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.auth-box .btn.btn-primary {
    --theme-btn-color: #ff9800;
    --theme-btn-bg: transparent;
    --theme-btn-border-color: #ff9800;
    --theme-btn-hover-color: #fff;
    --theme-btn-hover-bg: #ff9800;
    --theme-btn-hover-border-color: #ff9800;
    --theme-btn-active-color: #fff;
    --theme-btn-active-bg: #ff9800;
    --theme-btn-active-border-color: #ff9800;
    --theme-btn-focus-shadow-rgb: 255, 152, 0;
    box-shadow: none;
}

/* (.btn.btn-light: stronger than the template's dark mode rule for light buttons) */
.auth-box .btn.btn-light,
.auth-lang .btn.btn-light {
    --theme-btn-color: var(--theme-body-color);
    --theme-btn-bg: transparent;
    --theme-btn-border-color: var(--theme-border-color);
    --theme-btn-hover-color: #ff9800;
    --theme-btn-hover-bg: transparent;
    --theme-btn-hover-border-color: #ff9800;
    --theme-btn-active-color: #ff9800;
    --theme-btn-active-bg: transparent;
    --theme-btn-active-border-color: #ff9800;
    box-shadow: none;
    outline: 0 !important; /* the template's dashed outline on light buttons */
}

/* Checkboxes (Beni hatırla, KVKK) and the fields' focus ring in orange too, like the site's forms. */
.auth-box .form-check-input:checked {
    background-color: #ff9800;
    border-color: #ff9800;
}

.auth-box .form-check-input:focus,
.auth-box .form-control:focus,
.auth-box .form-select:focus {
    border-color: rgba(255, 152, 0, .55);
    box-shadow: 0 0 0 .2rem rgba(255, 152, 0, .15);
}

/* The language menu: the chosen language marked orange, like the buttons. */
.auth-lang .dropdown-item.active,
.auth-lang .dropdown-item:active {
    background-color: #ff9800;
    color: #fff;
}