/* admin.css — Lar de São Marcos Backoffice */
:root {
    --cor-primaria:     #c69130;
    --cor-secundaria:   #422b10;
    --cor-complementar: #e3c79e;
    --cor-navbar-bg:    #422b10;
    --cor-footer-bg:    #422b10;
    font-family: 'Roboto', sans-serif;
}

body {
    background-color: #f8f4ee;
    color: #212529;
}

/* NAVBAR */
#navbar-admin {
    background-color: var(--cor-navbar-bg) !important;
}
#navbar-admin .navbar-brand,
#navbar-admin .nav-link,
#navbar-admin span {
    color: var(--cor-complementar) !important;
}
#navbar-admin .nav-link.active,
#navbar-admin .nav-link:hover {
    color: var(--cor-primaria) !important;
}

/* FOOTER */
#footer-admin {
    background-color: var(--cor-footer-bg);
    color: var(--cor-complementar);
}

/* BOTÃO PRIMÁRIO */
.btn-primario {
    background-color: var(--cor-primaria);
    color: #000;
    border: none;
}
.btn-primario:hover {
    background-color: var(--cor-secundaria);
    color: var(--cor-complementar);
}

/* CARDS */
.card {
    border-top: 3px solid var(--cor-primaria) !important;
}

/* FORMULÁRIOS */
.form-control {
    background-color: #fff;
    color: #212529;
    border-color: #c8a96e;
}
.form-control:focus {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 0.2rem rgba(198,145,48,0.25);
}
h6.text-muted {
    color: var(--cor-primaria) !important;
}

/* LOGIN */
.form-signin {
    max-width: 400px;
    padding: 1rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 2px 12px rgba(66,43,16,0.12);
    padding: 2rem;
    text-align: center;
}
.form-signin .form-floating:focus-within {
    z-index: 2;
}
.form-signin p {
    color: #d4a843 !important;
}

/* LOGIN — fundo escuro */
.login-page {
    background-color: var(--cor-secundaria) !important;
}

.onoffswitch { position:relative; width:100px; user-select:none; }
.onoffswitch-checkbox { display:none; }
.onoffswitch-label { display:block; overflow:hidden; cursor:pointer; border:2px solid #ccc; border-radius:50px; }
.onoffswitch-inner { display:block; width:200%; margin-left:-100%; transition:margin 0.3s ease; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display:block; float:left; width:50%; height:30px; padding:0; line-height:30px; font-size:12px; font-weight:bold; box-sizing:border-box; }
.onoffswitch-inner:before { content:"SITE ON"; padding-top: 1px; padding-left:15px; background-color:var(--cor-primaria); color:#fff; }
.onoffswitch-inner:after { content:"SITE OFF"; padding-top: 1px; padding-right:12px; background-color:#ccc; color:#666; text-align:right; }
.onoffswitch-switch { display:block; width: 22px; height: 22px; margin:6px; background:#fff; border:2px solid #ccc; border-radius:50px; position:absolute; top:0; bottom:0; right:68px; transition:all 0.3s ease; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left:0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right:0; border-color:var(--cor-primaria); }