/*
Theme Name: Controle CiaPV Theme
Theme URI: http://controle3ciapv.test
Author: Lucas S. Sampaio
Author URI: https://vtechsolutions.com.br
Description: Sistema institucional Controle CiaPV 5º BBM
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.2
Text Domain: controleciapv

Developed by V-TECH Solutions
*/

body{
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    background:#1e232b;
}

.login-wrapper{
    width:100%;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:linear-gradient(90deg,#1d232a,#2d333d);
}

.login-card{
    width:400px;
    background:#f4f4f4;
    padding:40px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.3);
    text-align:center;
}

.login-logo{
    width:120px;
    margin-bottom:20px;
}

.login-card h1{
    color:#0066ff;
    margin-bottom:10px;
}

.subtitle{
    color:#555;
    margin-bottom:30px;
    font-weight:bold;
}

.login-card form{
    display:flex;
    flex-direction:column;
    text-align:left;
}

.login-card label{
    margin-bottom:8px;
    margin-top:15px;
    font-weight:bold;
}

.login-card input{
    height:50px;
    border:1px solid #ccc;
    border-radius:8px;
    padding:0 15px;
    font-size:16px;
}

.login-card button{
    margin-top:30px;
    height:55px;
    border:none;
    border-radius:8px;
    background:#0066ff;
    color:white;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    transition:0.3s;
}

.login-card button:hover{
    background:#0052cc;
}
/* =========================================
LOGIN PAGE
========================================= */

body.login-body,
.login-page{
    margin:0;
    padding:0;
    width:100%;
    height:100vh;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
}

.login-page{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
background:
    linear-gradient(
        rgba(10,15,25,0.80),
        rgba(10,15,25,0.85)
    ),
    url('./assets/images/background.jpg');
    background-size:cover;
    background-position:center;
}

.login-container{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:2;
}

.login-card{
    width:420px;
    padding:50px;
    border-radius:20px;

    background:rgba(255,255,255,0.96);

    backdrop-filter:blur(10px);

    box-shadow:
        0 20px 50px rgba(0,0,0,0.4);

    animation:fadeUp 0.5s ease;
}

.login-header{
    text-align:center;
    margin-bottom:35px;
}

.login-logo{
    width:110px;
    margin-bottom:15px;
}

.login-header h1{
    margin:0;
    font-size:28px;
    color:#1d3557;
    font-weight:800;
}

.login-header p{
    margin-top:10px;
    color:#666;
    font-size:15px;
}

.login-form{
    display:flex;
    flex-direction:column;
}

.form-group{
    display:flex;
    flex-direction:column;
    margin-bottom:20px;
}

.form-group label{
    margin-bottom:8px;
    font-size:14px;
    font-weight:700;
    color:#333;
}

.form-group input{
    height:55px;
    border:1px solid #dcdcdc;
    border-radius:10px;
    padding:0 18px;
    font-size:15px;
    transition:0.3s;
}

.form-group input:focus{
    border-color:#1d3557;
    outline:none;
    box-shadow:0 0 0 4px rgba(29,53,87,0.1);
}

.login-button{
    height:58px;
    border:none;
    border-radius:10px;

    background:#1d3557;

    color:white;

    font-size:16px;
    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.login-button:hover{
    background:#16324f;
    transform:translateY(-2px);
}

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(30px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}