/* Tema Bendita Batata / Bendito Crepe */
:root {
    --marca: #c2410c;
    --marca-escura: #7c2d12;
    --marca-clara: #fff7ed;
    --bs-primary: #c2410c;
    --bs-primary-rgb: 194, 65, 12;
    --bs-link-color: #c2410c;
    --bs-link-color-rgb: 194, 65, 12;
    --bs-link-hover-color: #7c2d12;
}

.btn-primary {
    --bs-btn-bg: #c2410c;
    --bs-btn-border-color: #c2410c;
    --bs-btn-hover-bg: #9a3412;
    --bs-btn-hover-border-color: #9a3412;
    --bs-btn-active-bg: #7c2d12;
    --bs-btn-active-border-color: #7c2d12;
    --bs-btn-disabled-bg: #c2410c;
    --bs-btn-disabled-border-color: #c2410c;
}
.btn-outline-primary {
    --bs-btn-color: #c2410c;
    --bs-btn-border-color: #c2410c;
    --bs-btn-hover-bg: #c2410c;
    --bs-btn-hover-border-color: #c2410c;
    --bs-btn-active-bg: #c2410c;
    --bs-btn-active-border-color: #c2410c;
}
.nav-pills { --bs-nav-pills-link-active-bg: #c2410c; }
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: #fdba74;
    box-shadow: 0 0 0 .2rem rgba(194, 65, 12, .2);
}
.form-check-input:checked { background-color: #c2410c; border-color: #c2410c; }

.bg-marca { background: linear-gradient(90deg, var(--marca-escura), var(--marca)); }
.text-marca { color: var(--marca); }
body.app, body.loja { background: #f6f3ef; }
.fundo-login { background: linear-gradient(135deg, var(--marca-escura), var(--marca)); }

/* ---------------------------------------------------------------- Menu lateral */
.sidebar { width: 250px; flex-shrink: 0; background: #fff; border-right: 1px solid #eadfd5; }
@media (min-width: 992px) {
    .sidebar { position: sticky; top: 56px; height: calc(100vh - 56px); overflow-y: auto; }
}
.sidebar .nav-link { color: #3f2a1d; border-radius: .5rem; padding: .45rem .75rem; }
.sidebar .nav-link i { width: 1.4rem; display: inline-block; }
.sidebar .nav-link:hover { background: var(--marca-clara); }
.sidebar .nav-link.active { background: var(--marca); color: #fff; }
.menu-grupo { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: #9a8a7d; padding: .5rem .75rem .25rem; }
.conteudo { min-width: 0; }

.card { border-color: #eadfd5; }
.card-indicador { border-left: 4px solid var(--marca); }
tr.linha-link { cursor: pointer; }
.detalhes-auditoria { max-width: 420px; }
.barra-relatorio { height: 4px; background: var(--marca); border-radius: 2px; margin-top: 2px; margin-left: auto; opacity: .6; }

/* ---------------------------------------------------------------- PDV */
.categorias-scroll { display: flex; gap: .4rem; overflow-x: auto; padding-bottom: .25rem; scrollbar-width: thin; }
.categorias-scroll .btn { white-space: nowrap; }
.produto-btn {
    position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;
    min-height: 92px; padding: .6rem .7rem; text-align: left; background: #fff; border: 1px solid #eadfd5; border-radius: .75rem;
}
.produto-btn:hover, .produto-btn:focus { border-color: var(--marca); background: var(--marca-clara); }
.produto-btn:active { transform: scale(.98); }
.produto-btn .nome { font-weight: 600; line-height: 1.2; padding-right: 1.1rem; }
.tipos-pedido { display: grid; grid-template-columns: repeat(2, 1fr); gap: .35rem; }
@media (min-width: 1400px) { .tipos-pedido { grid-template-columns: repeat(4, 1fr); } }
.tipos-pedido .btn { white-space: nowrap; padding-left: .25rem; padding-right: .25rem; }
.produto-btn .preco { color: var(--marca); font-weight: 700; margin-top: .35rem; }
.produto-btn .adic-ico { position: absolute; top: .4rem; right: .5rem; color: #9a8a7d; }
@media (min-width: 992px) {
    .pdv-carrinho { position: sticky; top: 72px; max-height: calc(100vh - 90px); overflow-y: auto; }
}
.itens-carrinho .linha-editar { cursor: pointer; }
.resultado-clientes { z-index: 20; max-height: 260px; overflow-y: auto; }
.barra-carrinho {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; padding: .5rem .75rem;
    padding-bottom: max(.5rem, env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .95); box-shadow: 0 -2px 8px rgba(0, 0, 0, .1);
}
body:has(.barra-carrinho:not([hidden])) main { padding-bottom: 5rem !important; }

/* ---------------------------------------------------------------- Cozinha (KDS) */
.kds-card .card-header { background: #fff; }
.kds-card.status-novo { border-color: #0d6efd; }
.kds-card.status-preparo { border-color: #ffc107; }
.kds-card.status-pronto { border-color: #198754; opacity: .75; }

/* ---------------------------------------------------------------- Loja online */
.cabecalho-loja { background: linear-gradient(120deg, var(--marca-escura), var(--marca)); }
.sticky-categorias { position: sticky; top: 56px; z-index: 10; background: #f6f3ef; padding: .5rem 0; }
.card-produto { border: 1px solid #eadfd5; background: #fff; border-radius: .75rem; transition: box-shadow .15s; }
.card-produto:hover { box-shadow: 0 4px 14px rgba(124, 45, 18, .12); }
.botao-mais { width: 2.4rem; height: 2.4rem; display: inline-flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; }
.card-loja:hover { box-shadow: 0 8px 24px rgba(124, 45, 18, .18) !important; }
.campo-armadilha { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
section[id^="cat"] { scroll-margin-top: 120px; }

.linha-status li { position: relative; padding: .35rem 0 .35rem 1.8rem; color: #9a8a7d; }
.linha-status li .bolinha { position: absolute; left: .2rem; top: .6rem; width: .9rem; height: .9rem; border-radius: 50%; background: #ddd; }
.linha-status li.feito { color: #198754; }
.linha-status li.feito .bolinha { background: #198754; }
.linha-status li.atual { color: var(--marca); font-weight: 700; }
.linha-status li.atual .bolinha { background: var(--marca); box-shadow: 0 0 0 4px rgba(194, 65, 12, .2); }