/* ================================================================
   RYVA FIX V4
   Corrige register/login, escala del background y CTAs secundarios.
   Cargado AL FINAL para ganar a style.css / final-force.css.
   ================================================================ */

/* ------------------------------------------------
   1) BACKGROUND: evitar efecto de imagen gigante en login/register
   ------------------------------------------------ */
body[data-vulk-page="login"],
body[data-vulk-page="register"]{
    background-color:#010805 !important;
    background-image:
      linear-gradient(90deg,rgba(0,8,5,.30),rgba(0,8,5,.08) 45%,rgba(0,8,5,.28)),
      url('../img/background.jpg') !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    background-size:1920px auto !important;
    background-attachment:fixed !important;
}

body[data-vulk-page="login"]:before,
body[data-vulk-page="register"]:before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
      linear-gradient(180deg,rgba(0,6,4,.08),rgba(0,6,4,.28)),
      radial-gradient(circle at 50% 18%,rgba(19,235,145,.07),transparent 34%) !important;
}

/* ------------------------------------------------
   2) HOME: Descargar manda; Crear Cuenta/Discord oscuros
   Selectores más específicos que los estilos antiguos.
   ------------------------------------------------ */
body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-download{
    background:linear-gradient(135deg,#20f4a0 0%,#0bcf7c 45%,#087d4d 100%) !important;
    border:1px solid rgba(164,255,221,.88) !important;
    color:#f8fffb !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.24),
      0 9px 22px rgba(0,0,0,.26),
      0 0 25px rgba(18,233,143,.24) !important;
    filter:none !important;
}

body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-register,
body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-discord{
    background:linear-gradient(180deg,#06140f 0%,#020a07 100%) !important;
    border:1px solid rgba(20,190,117,.34) !important;
    color:#e8f7ef !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025),
      0 8px 20px rgba(0,0,0,.28) !important;
    animation:none !important;
    filter:none !important;
}

body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-register i,
body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-discord i{
    background:#0a2419 !important;
    border:1px solid rgba(18,233,143,.16) !important;
    color:#72e9b5 !important;
    box-shadow:none !important;
}

body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-register:hover,
body[data-vulk-theme="emerald"] .ref-actions.vora-actions .btn-hero-large.btn-hero-discord:hover{
    background:linear-gradient(180deg,#0a2118 0%,#03100b 100%) !important;
    border-color:rgba(106,255,196,.58) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.32),0 0 18px rgba(18,233,143,.08) !important;
    transform:translateY(-2px) !important;
}

/* ------------------------------------------------
   3) REGISTER: mismo lenguaje visual que login, compacto y limpio
   ------------------------------------------------ */
body[data-vulk-page="register"] #container{
    min-height:calc(100vh - 40px) !important;
    padding:34px 16px !important;
    align-items:center !important;
}

body[data-vulk-page="register"] form.register-widget-active{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
}

body[data-vulk-page="register"] .register-container{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    padding:32px 34px 28px !important;
    border:1px solid rgba(18,233,143,.36) !important;
    border-top:1px solid rgba(91,255,191,.65) !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(18,233,143,.075),transparent 36%),
      linear-gradient(180deg,rgba(2,15,10,.96),rgba(1,8,5,.985)) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.015) inset !important;
    overflow:hidden !important;
}

body[data-vulk-page="register"] .register-container:before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.018) 40%,transparent 65%) !important;
}

body[data-vulk-page="register"] .register-container .reg-logo-small{
    display:none !important;
}

body[data-vulk-page="register"] .register-container h2.page-title{
    display:block !important;
    margin:0 0 26px !important;
    padding:0 0 18px !important;
    border-bottom:1px solid rgba(18,233,143,.13) !important;
    color:#effff7 !important;
    font-family:inherit !important;
    font-size:25px !important;
    line-height:1.08 !important;
    font-weight:1000 !important;
    letter-spacing:.7px !important;
    text-align:left !important;
    text-transform:uppercase !important;
    text-shadow:none !important;
}
body[data-vulk-page="register"] .register-container h2.page-title:before{
    content:"CREAR CUENTA" !important;
    display:block !important;
    margin-bottom:6px !important;
    color:#62ffc0 !important;
    font-size:9px !important;
    font-weight:950 !important;
    letter-spacing:2.1px !important;
}

body[data-vulk-page="register"] .register-form-inner{
    position:relative !important;
    z-index:1 !important;
}

body[data-vulk-page="register"] .register-container .form-group{
    margin:0 0 17px !important;
}

body[data-vulk-page="register"] .register-container .form-group label{
    display:block !important;
    margin:0 0 7px 2px !important;
    color:#a9c0b4 !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:1.15px !important;
}
body[data-vulk-page="register"] .register-container .form-group label>i{
    display:none !important;
}

body[data-vulk-page="register"] .register-container .input-group{
    display:flex !important;
    width:100% !important;
    height:50px !important;
    margin:0 !important;
    border:1px solid rgba(18,233,143,.18) !important;
    border-radius:13px !important;
    background:#020b07 !important;
    overflow:hidden !important;
    box-shadow:inset 0 0 18px rgba(18,233,143,.018) !important;
}

body[data-vulk-page="register"] .register-container .input-group-addon{
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-right:1px solid rgba(18,233,143,.17) !important;
    border-radius:0 !important;
    background:#061711 !important;
    color:#5cffbd !important;
}

body[data-vulk-page="register"] .register-container [id^="slot-"]{
    flex:1 1 auto !important;
    min-width:0 !important;
}

body[data-vulk-page="register"] .register-container .form-control{
    width:100% !important;
    height:48px !important;
    margin:0 !important;
    padding:0 14px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#edfdf5 !important;
    font-size:13px !important;
    box-shadow:none !important;
}
body[data-vulk-page="register"] .register-container .form-control::placeholder{
    color:#586f63 !important;
    opacity:1 !important;
}
body[data-vulk-page="register"] .register-container .input-group:focus-within{
    border-color:rgba(100,255,195,.54) !important;
    box-shadow:0 0 0 3px rgba(18,233,143,.055) !important;
}

body[data-vulk-page="register"] .register-container #grp-terms{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    margin:22px 0 18px !important;
    padding:12px 14px !important;
    border:1px solid rgba(18,233,143,.12) !important;
    border-radius:12px !important;
    background:rgba(18,233,143,.025) !important;
    color:#9cb3a7 !important;
    font-size:11px !important;
    text-align:left !important;
}
body[data-vulk-page="register"] .register-container #grp-terms input{
    margin:0 !important;
    accent-color:#16df8b !important;
}
body[data-vulk-page="register"] .register-container #grp-terms span{
    margin-left:0 !important;
}
body[data-vulk-page="register"] .register-container #grp-terms a{
    color:#60f4b9 !important;
}

body[data-vulk-page="register"] .register-container #slot-btn .btn-primary{
    height:52px !important;
    margin:0 !important;
    border:1px solid rgba(137,255,210,.62) !important;
    border-radius:13px !important;
    background:linear-gradient(180deg,#1ae795,#0b9c60) !important;
    color:#031c11 !important;
    font-size:12px !important;
    font-weight:1000 !important;
    letter-spacing:1px !important;
    box-shadow:0 10px 22px rgba(0,0,0,.22),0 0 18px rgba(18,233,143,.10) !important;
}

body[data-vulk-page="register"] .register-container .btn-home-custom{
    margin:0 !important;
    padding:9px 16px !important;
    border:1px solid rgba(18,233,143,.16) !important;
    border-radius:10px !important;
    background:#05140e !important;
    color:#9dbaab !important;
    font-size:9px !important;
    letter-spacing:.8px !important;
}
body[data-vulk-page="register"] .register-container .btn-home-custom:hover{
    background:#09241a !important;
    color:#dfffee !important;
}

/* ------------------------------------------------
   4) LOGIN: compacto, moderno, sin bloque verde gigante
   ------------------------------------------------ */
body[data-vulk-page="login"] #container{
    min-height:calc(100vh - 120px) !important;
    padding:40px 16px !important;
}

body[data-vulk-page="login"] .login-widget-container{
    width:100% !important;
    max-width:500px !important;
    margin:0 auto !important;
}

body[data-vulk-page="login"] .vulk-login-widget{
    width:100% !important;
    max-width:500px !important;
    margin:0 auto !important;
    padding:30px !important;
    border:1px solid rgba(18,233,143,.34) !important;
    border-top:1px solid rgba(91,255,191,.60) !important;
    border-radius:22px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(18,233,143,.065),transparent 34%),
      linear-gradient(180deg,rgba(2,15,10,.96),rgba(1,8,5,.985)) !important;
    backdrop-filter:blur(10px) !important;
    box-shadow:0 22px 52px rgba(0,0,0,.40) !important;
}
body[data-vulk-page="login"] .vulk-login-widget:before{
    content:"INICIAR SESIÓN" !important;
    position:static !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 0 23px !important;
    padding:0 0 17px !important;
    border-bottom:1px solid rgba(18,233,143,.13) !important;
    background:none !important;
    color:#f2fff8 !important;
    font-size:24px !important;
    font-weight:1000 !important;
    letter-spacing:.6px !important;
    animation:none !important;
}

body[data-vulk-page="login"] .vulk-login-widget .input-group{
    height:50px !important;
    margin-bottom:7px !important;
    border:1px solid rgba(18,233,143,.18) !important;
    border-radius:13px !important;
    overflow:hidden !important;
    background:#020b07 !important;
}
body[data-vulk-page="login"] .vulk-login-widget .input-group-text{
    width:50px !important;
    min-width:50px !important;
    height:50px !important;
    border:0 !important;
    border-right:1px solid rgba(18,233,143,.17) !important;
    border-radius:0 !important;
    background:#061711 !important;
    color:#5cffbd !important;
}
body[data-vulk-page="login"] .vulk-login-widget .form-control{
    height:48px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#effff7 !important;
    font-size:13px !important;
    box-shadow:none !important;
}
body[data-vulk-page="login"] .vulk-login-widget .input-group:focus-within{
    border-color:rgba(100,255,195,.54) !important;
    box-shadow:0 0 0 3px rgba(18,233,143,.055) !important;
}
body[data-vulk-page="login"] .vulk-login-widget small,
body[data-vulk-page="login"] .vulk-login-widget .text-muted{
    margin:4px 0 15px !important;
    color:#718d7f !important;
    font-size:10px !important;
}
body[data-vulk-page="login"] .vulk-login-widget .help-block{
    margin:2px 0 16px !important;
}
body[data-vulk-page="login"] .vulk-login-widget .help-block a{
    color:#91a99c !important;
    font-size:11px !important;
    font-weight:800 !important;
}
body[data-vulk-page="login"] .vulk-login-widget .btn-primary{
    height:52px !important;
    border:1px solid rgba(137,255,210,.62) !important;
    border-radius:13px !important;
    background:linear-gradient(180deg,#1ae795,#0b9c60) !important;
    color:#031c11 !important;
    font-size:12px !important;
    font-weight:1000 !important;
    letter-spacing:1px !important;
    box-shadow:0 10px 22px rgba(0,0,0,.22),0 0 18px rgba(18,233,143,.10) !important;
}
body[data-vulk-page="login"] .vulk-login-widget .btn-primary:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg,#3af2a7,#0bac6a) !important;
}

@media(max-width:620px){
    body[data-vulk-page="register"] .register-container,
    body[data-vulk-page="login"] .vulk-login-widget{
        width:100% !important;
        padding:24px 20px !important;
        border-radius:18px !important;
    }
    body[data-vulk-page="register"] .register-container h2.page-title,
    body[data-vulk-page="login"] .vulk-login-widget:before{
        font-size:21px !important;
    }
}