@import "../baseStyle.css";

/* Papa Food — logo.png je čistě bílé PNG na průhledném pozadí, proto ho
   obalujeme kompaktní zelenou "podložkou" (v hlavičce i v patičce). Zbytek
   hlavičky necháváme ve výchozím světlém stylu — díky tomu funguje kontrast
   textu (jméno uživatele, přihlašovací tlačítko, navigace) beze změn, stejně
   jako u ostatních white-label firem. */
:root {
    --base-text-color: #496F2B;
    --href-color: #395722;
    --background-color: #F7F8F2;
    --button-hover-color: #395722;
    --profile-circle-color: #496F2B;
    --hover-row: #EDF0EA;
    --order-food-color: #496F2B;
    --order-buttons-color: #496F2B;
}

#header-container header #brand {
    background-color: var(--base-text-color);
    padding: 0.65rem 1.25rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

/* !important nutné — hlavní bundle má pod 1024px `.brand-logo { height: 55px !important; }`
   (3-responsive.less), které by jinak zvětšení loga přebilo. */
#header-container header #brand .brand-logo {
    width: auto !important;
    height: 4.5rem !important;
}

/* width: fit-content — #brand-footer je jinak blokový/flex prvek roztažený
   na celou dostupnou šířku (max-width: 20rem z hlavního bundlu), takže by
   zelená podložka byla mnohem širší než samotné logo uvnitř. */
#brand-footer {
    background-color: var(--base-text-color);
    padding: 0.85rem 1.3rem;
    border-radius: 10px;
    width: fit-content !important;
    display: flex;
    align-items: center;
    align-self: center;
    margin: 0 auto;
}

/* !important nutné — hlavní bundle má na desktopu `#brand-footer .footer-logo { height: 7rem; }`
   (3-responsive.less), vyšší specificita než prosté `.footer-logo`. */
.footer-logo {
    width: auto !important;
    height: 3.7rem !important;
}