/*
 * Menuly Brand Theme
 *
 * CSS custom properties and Bootstrap overrides for the Menuly brand palette.
 * Source of truth for colors: docs/brand/README.md
 */

:root {
    /* Brand palette */
    --menuly-navy: #2a2c41;
    --menuly-coral: #f3724f;
    --menuly-golden: #fbc04f;
    --menuly-off-white: #f3f3f8;
    --menuly-near-black: #231f20;

    /* Brand gradient (golden → coral) */
    --menuly-gradient: linear-gradient(to right, #fbc04f, #f3724f);

    /* Bootstrap theme overrides */
    --bs-primary: var(--menuly-navy);
    --bs-primary-rgb: 42, 44, 65;

    --bs-body-bg: var(--menuly-off-white);
    --bs-body-color: var(--menuly-navy);

    --bs-link-color: var(--menuly-coral);
    --bs-link-color-rgb: 243, 114, 79;
    --bs-link-hover-color: #d15a3a;
}

/* Brand utility classes */
.text-menuly-navy { color: var(--menuly-navy) !important; }
.text-menuly-coral { color: var(--menuly-coral) !important; }
.text-menuly-golden { color: var(--menuly-golden) !important; }
.bg-menuly-navy { background-color: var(--menuly-navy) !important; }
.bg-menuly-coral { background-color: var(--menuly-coral) !important; }
.bg-menuly-golden { background-color: var(--menuly-golden) !important; }
.bg-menuly-off-white { background-color: var(--menuly-off-white) !important; }

/* WhatsApp-green for the chat button — intentionally kept as Bootstrap success */
.btn-menuly-whatsapp {
    --bs-btn-color: #fff;
    --bs-btn-bg: #25d366;
    --bs-btn-border-color: #25d366;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1da851;
    --bs-btn-hover-border-color: #1da851;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a9648;
    --bs-btn-active-border-color: #1a9648;
}

/* Accent button using coral */
.btn-menuly-accent {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--menuly-coral);
    --bs-btn-border-color: var(--menuly-coral);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d15a3a;
    --bs-btn-hover-border-color: #d15a3a;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b84e33;
    --bs-btn-active-border-color: #b84e33;
}

/* Footer styling */
.menuly-footer {
    font-size: 0.85rem;
    color: #6c757d;
}

.menuly-footer a {
    color: var(--menuly-coral);
    text-decoration: none;
}

.menuly-footer a:hover {
    text-decoration: underline;
}

/* Dashboard layout: push footer to bottom.
   Set min-height on bb-page so that main (via flex: 1)
   fills remaining space, and article stretches to push
   the footer down when content is short. */
.bb-page {
    min-height: 100dvh;
}

.bb-page > main {
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.bb-page > main > article {
    flex: 1;
}

/* On mobile, hide the breadcrumb text overflow cleanly */
@media (max-width: 640.98px) {
    .bb-top-row .breadcrumb {
        font-size: 0.85rem;
    }
}

/* Vertically center breadcrumb and logout in the header bar */
.bb-top-row .breadcrumb {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.bb-top-row > div {
    padding-left: 0;
}

/* Compact dashboard footer */
.bb-page .bb-footer {
    padding: 0.25rem 1rem !important;
}