/*
 * Jednotná barva všech hoverů na webu.
 * Vychází z tlačítka "Vytvořit rezervaci" (Reservio) na úvodní stránce:
 * klidový stav #D11B82 (jednotná růžová webu), po najetí #AE1468.
 *
 * Menu, podmenu, mobilní menu a tlačítka The7 jsou nastavené přímo
 * v Theme Options (The7 si barvy kompiluje natvrdo do vlastního CSS).
 * Tady jsou jen prvky, které přes nastavení tématu nejdou.
 *
 * Načítá se až za styly The7.
 */

:root {
    --pf-hover: #AE1468;
}

/* --- Odkazy v obsahu a v patičce (mimo tlačítka a oválné rámečky služeb) --- */
.wf-container-main a:not([class*="button"]):not([class*="btn"]):not(.seznam-sluzeb__odkaz):hover,
.footer a:not([class*="button"]):not([class*="btn"]):hover {
    color: var(--pf-hover);
}

/*
 * Elementor nastavuje hover u každého widgetu zvlášť a s vysokou specificitou.
 * Bez !important by se jednotná barva neprosadila a musela by se přenastavovat
 * ručně u desítek widgetů.
 */

/* Plná tlačítka - přebarvuje se pozadí. */
.elementor-button:not(.elementor-button-link):hover,
.elementor-button:not(.elementor-button-link):focus {
    background-color: var(--pf-hover) !important;
    border-color: var(--pf-hover) !important;
}

/*
 * Odkazová tlačítka - přebarvuje se jen rámeček, tak jak to dělala
 * původní barva. Text zůstává, aby zůstal čitelný na svém pozadí.
 */
.elementor-button.elementor-button-link:hover,
.elementor-button.elementor-button-link:focus {
    border-color: var(--pf-hover) !important;
}

/* Ikony sociálních sítí. */
.elementor-social-icon:hover,
.elementor-social-icon:focus {
    background-color: var(--pf-hover) !important;
}

/* Menu a přepínač jazyků vykreslené Elementorem. */
.elementor-nav-menu a:hover,
.elementor-item:hover {
    color: var(--pf-hover) !important;
}

/* Ikonové boxy a seznamy odkazů. */
.elementor-icon-box-wrapper:hover .elementor-icon-box-title a,
.elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-icon-list-item a:hover .elementor-icon-list-text {
    color: var(--pf-hover);
}

/*
 * Tlačítko přihlášení k newsletteru. MailerLite si barvu vnucuje ze svého CDN
 * selektorem s ID a !important, a jeho stylopis se načítá až za naším - proto
 * je tu ID zopakované (zvýší sílu selektoru nad jejich pravidlo).
 *
 * ID patří konkrétním formulářům (24815888 = CS, 24836323 = EN). Kdyby ho klientka v MailerLite vytvořila
 * znovu, je potřeba ho tady aktualizovat - čistší cesta je nastavit barvu
 * rovnou v návrháři formuláře v MailerLite.
 */
#mlb2-24815888#mlb2-24815888 .ml-form-embedSubmit button.primary:hover,
#mlb2-24815888#mlb2-24815888 .ml-form-embedSubmit button.primary:focus,
#mlb2-24836323#mlb2-24836323 .ml-form-embedSubmit button.primary:hover,
#mlb2-24836323#mlb2-24836323 .ml-form-embedSubmit button.primary:focus {
    background-color: var(--pf-hover) !important;
}

/*
 * Newsletter (MailerLite) - klidový stav tlačítka a nadpis formuláře.
 * MailerLite si růžovou #E98CC0 vnucuje ze svého CDN selektorem s ID
 * a !important, proto stejně silný selektor. Čistší je nastavit barvy
 * přímo v návrháři formuláře v MailerLite.
 */
#mlb2-24815888#mlb2-24815888 .ml-form-embedSubmit button.primary,
#mlb2-24836323#mlb2-24836323 .ml-form-embedSubmit button.primary {
    background-color: #D11B82 !important;
}

#mlb2-24815888#mlb2-24815888 h4,
#mlb2-24836323#mlb2-24836323 h4 {
    color: #D11B82 !important;
}