/* Café del Valle — touch/tablet + hub/admin hover (tenant-local) */

:root {
    --cdv-olive: #5A6B47;
    --cdv-dark: #333F2E;
    --cdv-earth: #A07855;
    --cdv-cream: #FDFBF7;
    --cdv-soft: #E4EADF;
}

/* Hub */
.hub-page.cafedelvalle-brand .hub-card {
    border-color: var(--cdv-soft);
}

.hub-page.cafedelvalle-brand .hub-card:hover,
.hub-page.cafedelvalle-brand .hub-card:focus-visible,
.hub-page.cafedelvalle-brand .hub-card:active {
    border-color: var(--cdv-olive);
    background: var(--cdv-soft);
}

.hub-page.cafedelvalle-brand .hub-card.supervisor-action {
    background: var(--cdv-olive);
    border-color: var(--cdv-dark);
    color: #fff;
}

.hub-page.cafedelvalle-brand .hub-card.supervisor-action .hub-card-label,
.hub-page.cafedelvalle-brand .hub-card.supervisor-action .hub-card-icon {
    color: #fff;
}

.hub-page.cafedelvalle-brand .hub-card.supervisor-action .hub-card-hint {
    color: rgba(255, 255, 255, 0.88);
}

.hub-page.cafedelvalle-brand .hub-card.supervisor-action:hover,
.hub-page.cafedelvalle-brand .hub-card.supervisor-action:focus-visible,
.hub-page.cafedelvalle-brand .hub-card.supervisor-action:active {
    background: var(--cdv-dark);
    border-color: #2a3324;
    color: #fff;
    transform: translateY(-1px);
}

.hub-page.cafedelvalle-brand .hub-card.supervisor-action:hover .hub-card-label,
.hub-page.cafedelvalle-brand .hub-card.supervisor-action:focus-visible .hub-card-label,
.hub-page.cafedelvalle-brand .hub-card.supervisor-action:active .hub-card-label,
.hub-page.cafedelvalle-brand .hub-card.supervisor-action:hover .hub-card-icon,
.hub-page.cafedelvalle-brand .hub-card.supervisor-action:focus-visible .hub-card-icon,
.hub-page.cafedelvalle-brand .hub-card.supervisor-action:active .hub-card-icon {
    color: #fff;
}

/* Admin sidebar */
body.admin-shell.cafedelvalle-brand {
    --ap-sidebar-hover: #4a5a3a;
    --ap-sidebar-active: var(--cdv-cream);
    --ap-sidebar-active-ink: var(--cdv-dark);
}

body.admin-shell.cafedelvalle-brand .nav-item:hover,
body.admin-shell.cafedelvalle-brand .nav-item:focus-visible {
    background: var(--ap-sidebar-hover) !important;
    color: #ffffff !important;
}

body.admin-shell.cafedelvalle-brand .nav-item:hover .nav-ico,
body.admin-shell.cafedelvalle-brand .nav-item:hover .nav-ico svg,
body.admin-shell.cafedelvalle-brand .nav-item:focus-visible .nav-ico,
body.admin-shell.cafedelvalle-brand .nav-item:focus-visible .nav-ico svg {
    color: #ffffff !important;
}

body.admin-shell.cafedelvalle-brand .nav-item.active,
body.admin-shell.cafedelvalle-brand .nav-item[aria-current="page"] {
    background: var(--ap-sidebar-active) !important;
    color: var(--ap-sidebar-active-ink) !important;
}

body.admin-shell.cafedelvalle-brand .nav-item.active:hover,
body.admin-shell.cafedelvalle-brand .nav-item.active:focus-visible {
    background: var(--cdv-soft) !important;
    color: var(--cdv-dark) !important;
}

body.admin-shell.cafedelvalle-brand .btn-primary {
    background: var(--cdv-olive);
    border-color: var(--cdv-olive);
    color: #fff;
}

body.admin-shell.cafedelvalle-brand .btn-primary:hover,
body.admin-shell.cafedelvalle-brand .btn-primary:focus-visible,
body.admin-shell.cafedelvalle-brand .btn-primary:active {
    background: var(--cdv-dark);
    border-color: var(--cdv-dark);
    color: #fff;
}

/* POS tablet */
@media (min-width: 768px) and (max-width: 1180px) {
    .pos-app .product-card,
    .pos-app .table-btn,
    .pos-app .btn,
    .pos-app .qty-btn,
    .pos-app .size-btn {
        min-height: 48px;
        min-width: 48px;
    }

    .pos-app .tables-grid {
        gap: 0.65rem;
    }

    .pos-app .cart-panel {
        max-height: 42vh;
    }
}