/* WooCommerce „info" notice — svetlomodrú čiaru na sivú.

   Modrá pochádza z Avada globálnej farby oddeľovača (`--awb-sep-color: #cde6ff`),
   ktorou Avada orámuje info hlášky (napr. „Potvrďte e-mail…", „Zatiaľ nemáte
   žiadne podúčty."). Zákazník chce sivú, akú majú ostatné oddeľovače/karty.

   Nastavujeme explicitný sivý horný a dolný rámik a vypíname prípadný modrý
   `box-shadow` — tak je výsledok sivý bez ohľadu na to, či Avada čiaru kreslí
   cez `border` alebo cez tieň. Meníme len „info" (modré) hlášky; chybové
   (červené) a úspešné (zelené) ostávajú, aby si podržali svoj význam.

   `!important` je tu nutné: Avada svoju farbu notice generuje dynamicky s
   rovnakou alebo vyššou presnosťou. */

.woocommerce-info,
body .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-info {
	border-top: 1px solid rgba(0, 0, 0, .12) !important;
	border-bottom: 1px solid rgba(0, 0, 0, .12) !important;
	border-left: 0 !important;
	border-right: 0 !important;
	box-shadow: none !important;
}

/* ── Blokové notice: nech farba nesie význam ───────────────────────────
 *
 * Hlášky sa na tomto webe vykresľujú ako blokové notice WooCommerce
 * (`wc-block-components-notice-banner`), nie ako klasické `.woocommerce-*`.
 * Avada im nastavuje `border-color: var(--sep_color)` — teda farbu
 * oddeľovača, ktorá s významom hlášky nesúvisí. Odmerané: úspešná hláška
 * mala svetlomodrý rám #cde6ff, čo vyzerá ako informácia, nie ako potvrdenie.
 * A keby premenná v niektorom stave chýbala, `border-color` sa stane
 * neplatným a rám spadne na `currentColor` — pri tmavom texte to vyzerá ako
 * čierne orámovanie.
 *
 * Preto tu má každý stav vlastnú, výslovne zapísanú farbu. Nezávisí to na
 * Avada premenných a potvrdenie sa nedá pomýliť s výstrahou. */

.fusion-body .wc-block-components-notice-banner.is-success,
.wc-block-components-notice-banner.is-success {
	border-color: rgba(74, 184, 102, .55) !important;
	background-color: rgba(74, 184, 102, .08) !important;
}

.fusion-body .wc-block-components-notice-banner.is-error,
.wc-block-components-notice-banner.is-error {
	border-color: rgba(214, 54, 56, .55) !important;
	background-color: rgba(214, 54, 56, .08) !important;
}

/* Blokové notice (košík/pokladňa cez bloky) — `is-info` má modrý rámik,
   bledomodré pozadie a modrú ikonu. Zošedíme ich rovnako. */
.wc-block-components-notice-banner.is-info {
	border-color: rgba(0, 0, 0, .12) !important;
	background-color: transparent !important;
}

.wc-block-components-notice-banner.is-info > svg {
	background-color: rgba(0, 0, 0, .45) !important;
}

/* ── Rozloženie info hlášky s tlačidlom (napr. „Potvrďte e-mail…") ─────
   WooCommerce dáva tlačidlo do markupu ako prvé a vplavuje ho doprava, takže
   text sa okolo neho obtekal a veta sa lámala uprostred (na mobile obzvlášť
   nečitateľné). Hlášky, ktoré tlačidlo obsahujú, prepneme na stĺpec: najprv
   text, pod ním tlačidlo. `column-reverse` je preto, že tlačidlo je v DOM
   pred textom. Scopnuté cez `:has(.button)`, aby to neovplyvnilo bežné
   textové hlášky. */
   Poradie (text, potom tlačidlo) rieši PHP v `overenie-emailu.php` — prehodí
   ho priamo v HTML, takže tu už netreba `:has()` ani `column-reverse`, ktoré
   staršie prehliadače nezvládnu. CSS len urobí z tlačidla blok pod textom. */
.woocommerce-info > .button,
.woocommerce-info > .button.wc-forward {
	float: none !important;
	display: inline-block !important;
	margin: 14px 0 0 !important;
	max-width: 100%;
}

.woocommerce-info .zz-notice__text {
	display: block;
}

/* Avada lepí pred `.wc-forward` ikonu košíka (`--awb-cart-icon-content`).
   Pri hláške „Potvrdiť e-mailovú adresu" nedáva zmysel — nejde o košík. */
.woocommerce-info > .button.wc-forward::before {
	content: none !important;
	display: none !important;
	margin: 0 !important;
}