/* Styly webu kampaně Pomáháme obcím. Načítá je jen web kampaně (pohled fpo_campaign.layout).
   ZÁSTUPNÝ vzhled: nahradí ho vzhled od Marketingu. Drobné úpravy jdou i v Odoo, v záložce Vlastní kód webu. */
:root { --fpo-cerna: #111111; --fpo-seda: #9a9a9a; --fpo-chyba: #b00020; }

.fpo-hlavicka { background: #fff; color: var(--fpo-cerna); border-bottom: 1px solid #eee; }
.fpo-hlavicka-obsah { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding-top: 12px; padding-bottom: 12px; }
.fpo-logo img { display: block; max-width: 100%; height: auto; }
.fpo-menu { display: flex; flex-wrap: wrap; gap: 20px; }
.fpo-menu a { color: var(--fpo-cerna); text-decoration: none; font-weight: 600; }
.fpo-menu a:hover { text-decoration: underline; }

.fpo-hero { background: var(--fpo-cerna); color: #fff; padding: 64px 0; }
.fpo-hero h1 { color: #fff; }
.fpo-hero .btn-primary { background: #fff; border-color: #fff; color: var(--fpo-cerna); }

.fpo-paticka { background: #f2f2f2; color: #555; padding: 24px 0; font-size: 0.85rem; }

.s_website_form .s_website_form_label_content { font-weight: 600; }
.s_website_form .is-invalid, .s_website_form .o_has_error .form-control { border-color: var(--fpo-chyba); }
.s_website_form .text-danger { color: var(--fpo-chyba) !important; }