@import "../baseStyle.css";

/*
 * Vidličkárna — barvy převzaté z vidlickarna.cz (téma WordPressu).
 *
 * Značka stojí na dvojici tmavě zelená + jantarová. Jantarová je na webu
 * barvou hlavních tlačítek, tady ale nese strukturu zelená: proměnná
 * --order-buttons-color se v baseStyle.css používá jako barva textu, rámečků
 * a fajfek na bílém pozadí, kde by jantarová (#fab005) měla kontrast pod 2:1
 * a byla nečitelná. Jantarová proto zůstává v logu a v podbarvení řádku.
 */
:root {
    --base-text-color: #00663b;
    --href-color: #00663b;
    --background-color: #FAFAFA;
    --button-hover-color: #004227;
    --profile-circle-color: #00663b;
    --hover-row: #fdf6e6;
    --order-buttons-color: #00663b;
}

/* Teplý podklad místo šedé — dvojice s jantarovým podbarvením řádku. */
body {
    background-color: #faf9f4;
}

/* --- Open Sans (font z vidlickarna.cz) ---------------------------------------------
   Servíruje se z vlastního serveru, ne z Google Fonts — stejně jako u ostatních firem.
   Soubory jsou dva, ne čtyři: Open Sans je variabilní font, takže jeden soubor nese
   celý rozsah tlouštěk (Google na dotaz `wght@400;700` vrací dvakrát tentýž soubor,
   ověřeno kontrolním součtem). Dělí se jen po znakových podmnožinách — čeština
   potřebuje obě: čárky (á é í ó ú ý) jsou v `latin`, háčky a kroužky (č ř ž ě ů)
   v `latin-ext`. Bez `latin-ext` by se diakritika sázela náhradním fontem a text
   by poskakoval. */
@font-face {
    font-family: 'Open Sans';
    src: url('./font/opensans-latin.woff2') format('woff2');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./font/opensans-latin-ext.woff2') format('woff2');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
        U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
        U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Bundle sází Poppins nejen na `body`, ale i na tlačítkách a čtyřech zanořených
   selektorech pro vstupní pole (1-styles.less). Zrcadlíme je přesně tak, jak vypadají
   ve zkompilovaném template.css — při shodné specificitě vyhraje pořadím, protože
   white-label CSS se linkuje až za bundlem, takže není potřeba `!important`.
   Kdyby se některý vynechal, zůstala by ta část stránky v jiném písmu.
   `body` má vlastní blok níž, ten se musí vypořádat ještě s country-flags.css. */
button,
.base-input,
.login-container form input,
.login-container form button,
.login-container form select,
.login-container form a.button,
.content-box .content-box-inner-days-open .food-list .food-cart .supplements-container .customer-note label input {
    font-family: 'Open Sans', sans-serif;
}

/* `body` musí ven z předchozí skupiny: www/front/css/country-flags.css se ve všech
   layoutech linkuje AŽ ZA white-label CSS a sází
   `body, select, option { font-family: "Twemoji Country Flags", Poppins, sans-serif }`.
   Při shodné specificitě vyhrává pozdější pravidlo, takže prosté `body` by nám Open Sans
   přebilo zpátky na Poppins — a ten se ve FrontModule nikde nenačítá, takže by text
   spadl na systémový bezpatkový font. Řeší se to vyšší specificitou přes `html`,
   ne `!important`, ať jde pravidlo dál přebít.
   Vlajkový font musí zůstat první v pořadí, jinak se na Windows rozbijí vlajky
   v přepínači jazyků — Twemoji přes unicode-range pokrývá jen glyfy vlajek
   a všechno ostatní propadne na Open Sans. */
html body,
html select,
html option {
    font-family: "Twemoji Country Flags", 'Open Sans', sans-serif;
}

/* Jazykový přepínač v profilu má v country-flags.css `!important`, jinak ho nepřebijeme. */
select[name="language999"],
select[name="language999"] option {
    font-family: "Twemoji Country Flags", 'Open Sans', sans-serif !important;
}

/*
 * Logo má poměr 1,58:1, tedy mnohem vyšší než u většiny firem, proto se řídí
 * výškou, ne šířkou (ve výchozích 20rem by zabralo přes 12rem výšky). 8rem
 * odpovídá logu na vidlickarna.cz (9,6rem při 8px základu = ~77px) a zároveň
 * nepřesahuje profilové tlačítko vpravo (~8,5rem), takže hlavičku nenatahuje —
 * jídelníček pak začíná stejně vysoko jako u firem bez white-labelu.
 * Pod 1024px výšku určuje bundle (55px !important, 3-responsive.less).
 */
#header-container header #brand .brand-logo {
    width: auto;
    height: 8rem;
}