.login-button, .bar:before, .bar:after {background:#f30051 !important}
.form-group-default.focused {border-color:#f30051 !important}
.login-sidebar {border-color:#f30051 !important}

.login-sidebar a {color:#575f64 !important}

body.login .login-sidebar {
    border-top:0px !important;
    border-left:5px solid #040e41;
    background-image:url('https://meu-garcom.s3.sa-east-1.amazonaws.com/meu-garcom_1.png');
    background-position:center 25px;
    background-repeat:no-repeat;
    background-size:25vw;
    overflow-y:auto !important
}
@media (max-width: 767px) {
    body.login .login-sidebar {background-size:60vw;background-position:center 50px}
    .container-fluid{padding:0}
    .container-fluid form{padding-bottom:40px}
    body > div.app-container > div.row.content-container > div.container-fluid > div > div.page-content.browse.container-fluid > div.row > div{padding:0}
    .panel-bordered>.panel-body{padding:0 0 35px 0}
    .panel-bordered>.panel-body .table-responsive{padding-top:30px}
}

.privacy-text {padding:0 5px}

.register-button:hover,
.register-button:focus,
.register-button:active {background:#f30051 !important;color:#fff !important}

.voyager .panel.panel-primary .panel-heading {background:#f30051 !important}

.panel-footer{text-align:right}

.voyager .breadcrumb a {color:#f30051 !important}
.voyager .side-menu .navbar-header {
    background:#f30051 !important;
    border-color:#f30051 !important;
    color:#fff !important
}
.voyager .navbar.navbar-default .navbar-header .navbar-brand, .voyager .navbar .navbar-header .navbar-brand {color:#fff !important}
.btn.btn-primary {
    background:#f30051 !important;
    color:#fff !important
}
.voyager .navbar.navbar-default .navbar-nav>li:hover>a, .voyager .navbar .navbar-nav>li:hover>a{color:#f30051 !important}
.voyager .side-menu.sidebar-inverse .navbar li>a:hover{background:#f30051 !important color: #fff !important}

.voyager .pagination .active>a, .voyager .pagination .active>a:focus, .voyager .pagination .active>a:hover, .voyager .pagination .active>span:focus, .voyager .pagination .active>span:hover, .voyager .pagination .active span {background:#f30051 !important;border-color:#f30051 !important}

.bread-actions {white-space:nowrap !important;min-width:110px}
table.dataTable tbody td, table.dataTable tbody th {padding:5px 5px}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align:middle !important}

.voyager .alert a, .voyager .alert a:hover{color: #FFF !important;font-weight:bolder}

label.required:after{content:' *';color:#e32e32}

#dataTable > thead > tr > th:nth-child(1){max-width:0}
#dataTable > thead > tr > th.actions{max-width:80px}
#dataTable .bread-actions a.btn{margin-left:3px;margin-right:3px}
#dataTable .bread-actions a.btn:first-child{margin-right:0}
#dataTable .bread-actions a.btn:last-child{margin-left:0}

/* Cardápio - Modal Detalhes Produto */
.modal-with-slider .modal-dialog { max-width: 100% !important; width: auto !important; margin: 10px; }
@media (min-width: 576px) {
  .modal-with-slider .modal-dialog { max-width: 600px !important; margin: 1.75rem auto; }
}
@media (min-width: 992px) {
  .modal-with-slider .modal-dialog { max-width: 960px !important; }
}
@media (min-width: 1200px) {
  .modal-with-slider .modal-dialog { max-width: 1100px !important; }
}

.adicionais-container { padding: 0 15px 15px 15px; }
.adicional-grupo { border: 1px solid #eee; border-radius: 8px; padding: 14px 14px; margin-bottom: 14px; background: #fff; }
.adicional-header { display:flex; align-items:center; gap:12px; }
.adicional-header strong { font-size: 18px; line-height: 1.2; }
.adicional-header .grupo-contador { margin-left:auto; }


.adicional-itens { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }
@media (min-width: 576px) { .adicional-itens { grid-template-columns: 1fr 1fr; } }
@media (min-width: 992px) { .adicional-itens { grid-template-columns: 1fr 1fr 1fr; } }
.adicional-item { margin: 0; padding: 0; border-radius: 999px; transition: background .15s ease, box-shadow .15s ease; }
.adicional-item .custom-control-input { display:none; }
.adicional-item .custom-control-label { display:inline-block; width:100%; border:1px solid #e6e6e6; border-radius:999px; padding:10px 14px; cursor:pointer; user-select:none; background:#fff; }
.adicional-item .custom-control-label:hover { background:#fafafa; }
.adicional-item .custom-control-input:checked + .custom-control-label { background:#f30051; border-color:#f30051; color:#fff; box-shadow: 0 2px 8px rgba(243,0,81,.25); }
.adicional-item .custom-control-input:disabled + .custom-control-label { opacity:.55; cursor:not-allowed; }

/* Centralizar checkbox nativo quando usado (fallback texto/plano) */
.custom-control-input { vertical-align: middle; }
.custom-control-label { display:flex; align-items:center; gap:10px; padding-left:28px; }

.modal-with-slider .modal-footer { display:flex; justify-content: space-between; }

/* Estados e espaçamentos melhores */
.adicionais-container p, .adicionais-container ul, .adicionais-container li { margin-bottom: 0; }
.adicional-grupo.grupo-erro { border-color: #f8d7da; box-shadow: 0 0 0 2px rgba(220,53,69,.08) inset; background:#fff8f8; }
.adicional-grupo + .adicional-grupo { margin-top: 14px; }
.adicional-header { padding-bottom: 8px; border-bottom: 1px dashed #eee; }
.adicional-itens { padding-top: 10px; }

/* Melhorar layout do card de categoria */
.menu .box-container .box {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 400px; /* Altura mínima para garantir consistência */
}

.menu .box-container .box .image {
    flex-shrink: 0; /* Não encolhe a imagem */
}

.menu .box-container .box .content {
    display: flex;
    flex-direction: column;
    flex: 1; /* Ocupa todo espaço restante */
    padding: 2rem;
    justify-content: space-between;
    min-height: 0; /* Permite que o flex funcione corretamente */
}

.menu .box-container .box .content h3 {
    margin: 0 0 1rem 0;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.2;
}

.menu .box-container .box .content .btn {
    margin: 0;
    margin-top: auto;
    align-self: flex-start;
    padding: 0.8rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    min-width: 120px;
    text-align: center;
    width: fit-content;
}