/* ==========================================================================
   Vital Breath – jednotné UI ikony (generované skriptom gen-css.py, needitovať ručne)
   Zdroj: Figma „UI Icons“ (Untitled UI), 24×24, stroke 1.5 px, farba = currentColor.
   Veľkosti: 16 px drobné (šípky v texte), 20 px bežné UI, 22–24 px hlavička a tlačidlá.
   ========================================================================== */

/* --- 1. Inline SVG z vb_icon() a z Elementoru ------------------------------- */
svg.vb-icon{display:inline-block;flex:none;vertical-align:middle;fill:currentColor;color:inherit;overflow:visible}
svg.vb-icon *{fill:inherit}

/* Pomocná trieda pre ikony cez CSS masku (kde HTML nevieme zmeniť) */
.vb-mask,.vb-mask::before{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}

/* --- 2. Elementor -------------------------------------------------------------- */
/* Ikony v zoznamoch: Elementor farbí cez premennú, my ju len zopakujeme pre fill */
.elementor-icon-list-icon svg.vb-icon{fill:var(--e-icon-list-icon-color,currentColor)}
.elementor-icon-list-item:hover .elementor-icon-list-icon svg.vb-icon{fill:var(--e-icon-list-icon-hover-color,var(--e-icon-list-icon-color,currentColor))}
/* Ikony v tlačidlách: jednotne 1.2em z písma tlačidla (16 px → 19 px, 17 px → 20 px),
   vycentrované na stred textu */
/* Veľkosť ikony sa odvíja od písma tlačidla, nie od nastavenia „Icon size“ v jednotlivých
   widgetoch (tie boli rôzne: 11, 12, 14, 18 px) – preto !important. */
.elementor-button .elementor-button-icon{display:inline-flex;align-items:center;font-size:1em!important}
.elementor-button .elementor-button-icon svg.vb-icon{width:1.2em;height:1.2em;margin:0}
/* Zobrazenie „stacked/framed“ v Elementore dáva fill z farby rámu – ikony musia ostať currentColor */
.elementor-view-stacked .elementor-icon svg.vb-icon,.elementor-view-framed .elementor-icon svg.vb-icon{fill:currentColor}


/* Tlačidlo „prehrať“ nad videami (Elementor kreslí vlastný eicon) */
.elementor-custom-embed-play svg.e-eicon-play path{display:none}
.elementor-custom-embed-play svg.e-eicon-play{-webkit-mask-image:url(svg/play-circle.svg);mask-image:url(svg/play-circle.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}

/* --- 3. Blocksy – hlavička, menu, späť hore ----------------------------------- */
.ct-header [data-id="search"] .ct-icon,
.ct-header [data-id="account"] .ct-icon,
.ct-header .ct-header-trigger .ct-icon,
.ct-toggle-close .ct-icon{width:22px;height:22px}

/* Hamburger – Blocksy kreslí tri obdĺžniky, nahradíme ich ikonou menu-01 */
.ct-header-trigger .ct-icon rect{display:none}
.ct-header-trigger .ct-icon{-webkit-mask-image:url(svg/menu-01.svg);mask-image:url(svg/menu-01.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}

/* Lupa vo vyhľadávacom formulári (modálne okno) */
.ct-search-form svg.ct-search-button-content path{display:none}
.ct-search-form svg.ct-search-button-content{-webkit-mask-image:url(svg/search-md.svg);mask-image:url(svg/search-md.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:20px;height:20px}

/* Tlačidlo „späť hore“ */
.ct-back-to-top svg path{display:none}
.ct-back-to-top svg{-webkit-mask-image:url(svg/arrow-up.svg);mask-image:url(svg/arrow-up.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:22px;height:22px}

/* --- 4. MemberPress (ReadyLaunch): účet, prihlásenie, pokladňa ---------------- */
/* Ceruzka „upraviť“ v profile */
.mepr-profile-details__button svg.mepr-profile-details__icon path{display:none}
.mepr-profile-details__button svg.mepr-profile-details__icon{-webkit-mask-image:url(svg/edit-02.svg);mask-image:url(svg/edit-02.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:18px;height:18px}
/* Výstražný trojuholník pri chybách / neoprávnenom prístupe */
.mepr_pro_error > svg path,.mepr-unauthorized-message > svg path,.mepr-unauthorized-excerpt > svg path{display:none}
.mepr_pro_error > svg,.mepr-unauthorized-message > svg,.mepr-unauthorized-excerpt > svg{-webkit-mask-image:url(svg/alert-triangle.svg);mask-image:url(svg/alert-triangle.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:24px;height:24px;flex:none}
/* Tri bodky (akcie) v tabuľkách platieb a predplatných */
svg.mepr-tooltip-trigger path{display:none}
svg.mepr-tooltip-trigger{-webkit-mask-image:url(svg/dots-vertical.svg);mask-image:url(svg/dots-vertical.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:22px;height:22px}
/* Ďakovacia stránka – fajka a externý odkaz */
svg.thankyou path{display:none}
svg.thankyou{-webkit-mask-image:url(svg/check-circle.svg);mask-image:url(svg/check-circle.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:28px;height:28px}
/* Oko pri hesle (Dashicons → eye / eye-off) */
button.mp-hide-pw .dashicons{font-family:inherit!important;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:20px;height:20px}
button.mp-hide-pw .dashicons::before{content:none!important}
button.mp-hide-pw .dashicons-visibility{-webkit-mask-image:url(svg/eye.svg);mask-image:url(svg/eye.svg)}
button.mp-hide-pw .dashicons-hidden{-webkit-mask-image:url(svg/eye-off.svg);mask-image:url(svg/eye-off.svg)}
/* Zaškrtávacie políčka – fajka z knižnice namiesto kreslenej cez border */
body .mp_wrapper input[type="checkbox"]::after,
body .mepr-form input[type="checkbox"]::after,
body .mepr-account-container input[type="checkbox"]::after,
body .mepr-checkbox-field input[type="checkbox"]::after,
body .vb-odstupenie input[type="checkbox"]::after,
body .mepr-signup-form input[type="checkbox"]::after{left:1px;top:1px;width:14px;height:14px;border:0;background-color:#fff;-webkit-mask-image:url(svg/check.svg);mask-image:url(svg/check.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:scale(.6)}
body .mp_wrapper input[type="checkbox"]:checked::after,
body .mepr-form input[type="checkbox"]:checked::after,
body .mepr-account-container input[type="checkbox"]:checked::after,
body .mepr-checkbox-field input[type="checkbox"]:checked::after,
body .vb-odstupenie input[type="checkbox"]:checked::after,
body .mepr-signup-form input[type="checkbox"]:checked::after{transform:scale(1)}
/* Zámok na kartách kurzov */
.mpcs-card-link > svg path{display:none}
.mpcs-card-link > svg{-webkit-mask-image:url(svg/lock-01.svg);mask-image:url(svg/lock-01.svg);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:16px;height:16px}

/* --- 5. MemberPress Courses (učebňa) – fontello glyfy → ikony z Figmy ------- */

i.mpcs-print::before,
i.mpcs-list-alt::before,
i.mpcs-award::before,
i.mpcs-award-1::before,
i.mpcs-user::before,
i.mpcs-share::before,
i.mpcs-ok-circled::before,
i.mpcs-circle-regular::before,
i.mpcs-adjust-solid::before,
i.mpcs-lesson-icon::before,
i.mpcs-quiz-icon::before,
i.mpcs-assignment-icon::before,
i.mpcs-lesson-draft-icon::before,
i.mpcs-left-big::before,
i.mpcs-right-big::before,
i.mpcs-th-list::before,
i.mpcs-cancel::before,
i.mpcs-cancel-circled::before,
i.mpcs-angle-circled-left::before,
i.mpcs-angle-circled-down::before,
i.mpcs-ellipsis::before,
i.mpcs-ellipsis-vert::before,
i.mpcs-down-dir::before,
i.mpcs-angle-right::before,
i.mpcs-angle-left::before,
i.mpcs-angle-down::before,
i.mpcs-arrow-narrow-left::before,
i.mpcs-download::before,
i.mpcs-download-1::before,
i.mpcs-link::before,
i.mpcs-link-1::before,
i.mpcs-lock::before,
i.mpcs-info-circled::before,
i.mpcs-eye::before,
i.mpcs-edit::before,
i.mpcs-search::before,
i.mpcs-plus::before,
i.mpcs-check::before,
i.mpcs-option-check::before,
i.mpcs-check-circle-regular::before,
i.mpcs-play-circled::before,
i.mpcs-menu::before,
i.mpcs-spinner::before,
i.mpcs-checkbox-checked::before,
i.mpcs-checkbox-unchecked::before,
i.mpcs-radio-checked::before,
i.mpcs-radio-unchecked::before,
i.mpcs-correct-answer::before,
i.mpcs-incorrect-answer::before,
i.mpcs-ccw::before,
i.mpcs-chart-area::before,
i.mpcs-chat::before,
i.mpcs-dot-circled::before,
i.mpcs-comment-alt-dots-light::before,
i.mpcs-comment-alt-minus-light::before,
i.mpcs-grip-vertical-solid::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;margin:0;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
i.mpcs-print::before{-webkit-mask-image:url(svg/printer.svg);mask-image:url(svg/printer.svg)}
i.mpcs-list-alt::before{-webkit-mask-image:url(svg/list.svg);mask-image:url(svg/list.svg)}
i.mpcs-award::before{-webkit-mask-image:url(svg/award-01.svg);mask-image:url(svg/award-01.svg)}
i.mpcs-award-1::before{-webkit-mask-image:url(svg/award-01.svg);mask-image:url(svg/award-01.svg)}
i.mpcs-user::before{-webkit-mask-image:url(svg/user-01.svg);mask-image:url(svg/user-01.svg)}
i.mpcs-share::before{-webkit-mask-image:url(svg/share-01.svg);mask-image:url(svg/share-01.svg)}
i.mpcs-ok-circled::before{-webkit-mask-image:url(svg/check-circle.svg);mask-image:url(svg/check-circle.svg)}
i.mpcs-circle-regular::before{-webkit-mask-image:url(svg/circle.svg);mask-image:url(svg/circle.svg)}
i.mpcs-adjust-solid::before{-webkit-mask-image:url(svg/arrow-circle-right.svg);mask-image:url(svg/arrow-circle-right.svg)}
i.mpcs-lesson-icon::before{-webkit-mask-image:url(svg/play-circle.svg);mask-image:url(svg/play-circle.svg)}
i.mpcs-quiz-icon::before{-webkit-mask-image:url(svg/check-square.svg);mask-image:url(svg/check-square.svg)}
i.mpcs-assignment-icon::before{-webkit-mask-image:url(svg/edit-04.svg);mask-image:url(svg/edit-04.svg)}
i.mpcs-lesson-draft-icon::before{-webkit-mask-image:url(svg/file-02.svg);mask-image:url(svg/file-02.svg)}
i.mpcs-left-big::before{-webkit-mask-image:url(svg/arrow-left.svg);mask-image:url(svg/arrow-left.svg)}
i.mpcs-right-big::before{-webkit-mask-image:url(svg/arrow-right.svg);mask-image:url(svg/arrow-right.svg)}
i.mpcs-th-list::before{-webkit-mask-image:url(svg/list.svg);mask-image:url(svg/list.svg)}
i.mpcs-cancel::before{-webkit-mask-image:url(svg/x-close.svg);mask-image:url(svg/x-close.svg)}
i.mpcs-cancel-circled::before{-webkit-mask-image:url(svg/x-circle.svg);mask-image:url(svg/x-circle.svg)}
i.mpcs-angle-circled-left::before{-webkit-mask-image:url(svg/arrow-circle-left.svg);mask-image:url(svg/arrow-circle-left.svg)}
i.mpcs-angle-circled-down::before{-webkit-mask-image:url(svg/chevron-down.svg);mask-image:url(svg/chevron-down.svg)}
i.mpcs-ellipsis::before{-webkit-mask-image:url(svg/dots-horizontal.svg);mask-image:url(svg/dots-horizontal.svg)}
i.mpcs-ellipsis-vert::before{-webkit-mask-image:url(svg/dots-vertical.svg);mask-image:url(svg/dots-vertical.svg)}
i.mpcs-down-dir::before{-webkit-mask-image:url(svg/chevron-down.svg);mask-image:url(svg/chevron-down.svg)}
i.mpcs-angle-right::before{-webkit-mask-image:url(svg/chevron-right.svg);mask-image:url(svg/chevron-right.svg)}
i.mpcs-angle-left::before{-webkit-mask-image:url(svg/chevron-left.svg);mask-image:url(svg/chevron-left.svg)}
i.mpcs-angle-down::before{-webkit-mask-image:url(svg/chevron-down.svg);mask-image:url(svg/chevron-down.svg)}
i.mpcs-arrow-narrow-left::before{-webkit-mask-image:url(svg/arrow-narrow-left.svg);mask-image:url(svg/arrow-narrow-left.svg)}
i.mpcs-download::before{-webkit-mask-image:url(svg/download-01.svg);mask-image:url(svg/download-01.svg)}
i.mpcs-download-1::before{-webkit-mask-image:url(svg/download-01.svg);mask-image:url(svg/download-01.svg)}
i.mpcs-link::before{-webkit-mask-image:url(svg/link-01.svg);mask-image:url(svg/link-01.svg)}
i.mpcs-link-1::before{-webkit-mask-image:url(svg/link-01.svg);mask-image:url(svg/link-01.svg)}
i.mpcs-lock::before{-webkit-mask-image:url(svg/lock-01.svg);mask-image:url(svg/lock-01.svg)}
i.mpcs-info-circled::before{-webkit-mask-image:url(svg/info-circle.svg);mask-image:url(svg/info-circle.svg)}
i.mpcs-eye::before{-webkit-mask-image:url(svg/eye.svg);mask-image:url(svg/eye.svg)}
i.mpcs-edit::before{-webkit-mask-image:url(svg/edit-02.svg);mask-image:url(svg/edit-02.svg)}
i.mpcs-search::before{-webkit-mask-image:url(svg/search-md.svg);mask-image:url(svg/search-md.svg)}
i.mpcs-plus::before{-webkit-mask-image:url(svg/plus.svg);mask-image:url(svg/plus.svg)}
i.mpcs-check::before{-webkit-mask-image:url(svg/check.svg);mask-image:url(svg/check.svg)}
i.mpcs-option-check::before{-webkit-mask-image:url(svg/check.svg);mask-image:url(svg/check.svg)}
i.mpcs-check-circle-regular::before{-webkit-mask-image:url(svg/check-circle.svg);mask-image:url(svg/check-circle.svg)}
i.mpcs-play-circled::before{-webkit-mask-image:url(svg/play-circle.svg);mask-image:url(svg/play-circle.svg)}
i.mpcs-menu::before{-webkit-mask-image:url(svg/menu-01.svg);mask-image:url(svg/menu-01.svg)}
i.mpcs-spinner::before{-webkit-mask-image:url(svg/loading-01.svg);mask-image:url(svg/loading-01.svg)}
i.mpcs-checkbox-checked::before{-webkit-mask-image:url(svg/check-square.svg);mask-image:url(svg/check-square.svg)}
i.mpcs-checkbox-unchecked::before{-webkit-mask-image:url(svg/square.svg);mask-image:url(svg/square.svg)}
i.mpcs-radio-checked::before{-webkit-mask-image:url(svg/check-circle.svg);mask-image:url(svg/check-circle.svg)}
i.mpcs-radio-unchecked::before{-webkit-mask-image:url(svg/circle.svg);mask-image:url(svg/circle.svg)}
i.mpcs-correct-answer::before{-webkit-mask-image:url(svg/check-circle.svg);mask-image:url(svg/check-circle.svg)}
i.mpcs-incorrect-answer::before{-webkit-mask-image:url(svg/x-circle.svg);mask-image:url(svg/x-circle.svg)}
i.mpcs-ccw::before{-webkit-mask-image:url(svg/refresh-ccw-01.svg);mask-image:url(svg/refresh-ccw-01.svg)}
i.mpcs-chart-area::before{-webkit-mask-image:url(svg/line-chart-up-01.svg);mask-image:url(svg/line-chart-up-01.svg)}
i.mpcs-chat::before{-webkit-mask-image:url(svg/message-chat-circle.svg);mask-image:url(svg/message-chat-circle.svg)}
i.mpcs-dot-circled::before{-webkit-mask-image:url(svg/circle.svg);mask-image:url(svg/circle.svg)}
i.mpcs-comment-alt-dots-light::before{-webkit-mask-image:url(svg/message-dots-square.svg);mask-image:url(svg/message-dots-square.svg)}
i.mpcs-comment-alt-minus-light::before{-webkit-mask-image:url(svg/message-x-square.svg);mask-image:url(svg/message-x-square.svg)}
i.mpcs-grip-vertical-solid::before{-webkit-mask-image:url(svg/dots-grid.svg);mask-image:url(svg/dots-grid.svg)}

/* Jemné doladenie veľkostí v učebni */
.mpcs-classroom #mpcs-sidebar .tile-icon i::before{width:20px;height:20px;vertical-align:middle}
.mpcs-classroom .mpcs-lesson-progress i::before,.mpcs-classroom .mpcs-lesson-complete i::before,.mpcs-classroom .mpcs-lesson-not-complete i::before,.mpcs-classroom .mpcs-lesson-current i::before,.mpcs-classroom .mpcs-lesson-locked i::before{width:20px;height:20px}
.mpcs-classroom .mpcs-button i::before,.mpcs-classroom .btn i::before{width:18px;height:18px}
.mpcs-classroom .entry-title i::before{width:.9em;height:.9em;vertical-align:-.08em}