/*!
Theme Name: Monasterra
Theme URI: https://www.monasterra.eu/
Author: cverna
Author URI: https://cverna.sk/
Description: Theme for Monasterra
Version: 1.0
*/

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 2em;
}

body {
  background-color: var(--wp--preset--color--gray-1);
}

p.has-velkost-h-1-font-size,
p.has-velkost-h-2-font-size,
p.has-velkost-h-3-font-size,
p.has-velkost-h-4-font-size,
p.has-velkost-h-5-font-size,
p.has-velkost-h-6-font-size {
  line-height: 1.2;
}

#cv-wrap {
  margin: 0 auto;
}

#skiptocontent a {
  position: absolute;
  top: -90px;
  left: 0;
  color: var(--wp--preset--color--white);
  background: var(--wp--preset--color--primary-1);
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 10000;
  display: inline-block;
  padding: 7px;
}

#skiptocontent a:focus {
  top: 0;
}

strong {
  font-weight: 600;
}

small {
  font-size: var(--step--1);
  color: var(--clr-body);
}

a {
  cursor: pointer;
  color: var(--wp--preset--color--primary-1);

  text-decoration: none;
  transition: all 500ms ease;
  text-underline-offset: 3px;
}

a:focus {
  outline: 2px solid #ffbf50;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;

  color: #000;
}

a:click {
  outline: none;
}

main ul,
main ol {
  margin-left: 1.25rem;
}

hr,
hr.wp-block-spacer {
  margin: var(--space-3xl) 0;
  background-color: #dfdfdf;
  height: 1px;
  width: 100%;
  border: none !important;
}

hr.wp-block-separator {
  margin-top: var(--space-l) !important;
  margin-bottom: var(--space-l) !important;
  height: 1px;
  background-color: var(--wp--preset--color--gray-4);
  border: none;
}

hr.is-style-dots {
  margin: var(--space-l) 0;
}

.has-text-align-center {
  text-align: center;
}

address {
  font-style: normal;
}

img,
video {
  width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

video {
  border-radius: var(--radius);
}

input,
select,
button,
textarea {
  border-radius: 1.5rem;
  border: 1px solid var(--wp--preset--color--gray-4);
  font-size: var(--step-0);
  font-family: var(--wp--preset--font-family--bezny-text);
  font-optical-sizing: auto;
  font-weight: var(--font-body-weight);
  padding: var(--wp--custom--spacing--size-2-xs) var(--wp--custom--spacing--size-2-xs);
  background-color: var(--wp--preset--color--white);
}

input[type="text"],
input[type="email"],
textarea {
  background-color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--gray-3);
}

.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
}

.wpcf7-form label {
  margin-bottom: var(--wp--custom--spacing--size-m);
}

input[type="submit"] {
  width: auto;
}

input[type="checkbox"] {
  transform: scale(1);
  padding: 0;
  border: 0;
  width: auto;
  margin-right: 0.5rem;
}

label {
  color: var(--clr-black);
  font-weight: var(--font-heading-weight);
  margin-bottom: var(--space-s);
  display: block;
}

header {
  padding: var(--wp--custom--spacing--size-s-m) var(--wp--custom--layout--edge);
  border-bottom: 0.5px solid var(--wp--preset--color--gray-4);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(250, 249, 245, 0.85) !important;

  /* Samotný efekt rozostrenia (Frosty look) */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  /* Pre Safari/iPhone */

  /* Jemný tieň a okraj pre lepší 3D efekt */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

body.home header {
  border-bottom: none !important;
}

.cverna-header-logo,
.cverna-footer-logo {
  width: 180px;
}

.cverna-footer-logo {
  margin-bottom: var(--wp--custom--spacing--size-m);
}

header>div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.header-search-wrapper {
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  flex-grow: 1;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--wp--preset--color--gray-1);
  padding: 1rem;
  z-index: 100;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.user-actions.search-active .header-search-wrapper {
  display: flex;
}

.user-actions.search-active .header-search-trigger {
  display: none;
}

.header-search-close {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.user-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
}

.menu-user-menu-container {
  margin-left: 0;
}

.header-search-trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.wp-block-media-text>.wp-block-media-text__content {
  padding-left: 0;
  padding-right: 0;
}

.mon-product-content>* {
  margin-top: var(--wp--custom--spacing--size-m);
}

.mon-product-content>*:first-child {
  margin-top: 0;
}

main section {
  padding: var(--wp--custom--layout--sekcie) 0;
}

main section>div>*:last-child {
  margin-bottom: 0;
}

.wp-block-button a,
button,
input[type="submit"].um-button,
input[type="submit"].um-button:focus,
input[type="submit"] {
  background-color: var(--wp--preset--color--primary-1);
  border: 1px solid var(--wp--preset--color--primary-1);
  color: var(--wp--preset--color--white);
  text-decoration: none;
  padding: var(--wp--custom--spacing--size-s) var(--wp--custom--spacing--size-m);
  line-height: 1;
  display: inline-block;
  text-transform: uppercase !important;
  border-radius: 30px !important;
  font-size: var(--step-0) !important;
}

.wpcf7-submit {
  margin-top: var(--wp--custom--spacing--size-m);
  border-color: var(--wp--preset--color--primary-3);
  background-color: var(--wp--preset--color--primary-3);
}

.wpcf7-submit:hover {
  cursor: pointer;
  background-color: #000 !important;
  border-color: #000 !important;
}

.hcta a {
  background-color: var(--wp--preset--color--primary-1) !important;
  border: 1px solid var(--wp--preset--color--primary-1) !important;
  color: var(--wp--preset--color--white) !important;
  text-decoration: none;
  padding: var(--wp--custom--spacing--size-xs) var(--wp--custom--spacing--size-m) !important;
  line-height: 1;
  display: block;
  text-transform: uppercase !important;
  border-radius: 30px !important;
  font-size: 1rem !important;
}

.wp-block-button a:hover,
button:hover,
.hcta a:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

blockquote {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--space-s);
}

blockquote * {
  order: 2;
}

blockquote p {
  margin-top: var(--space-s);
}

blockquote cite {
  order: 1;
}

.wp-block-columns>.wp-block-column>*:last-child {
  margin-bottom: 0;
}

blockquote>p {
  margin-bottom: 0;
  display: flex;
  gap: var(--space-xs);
  align-items: center;
}

blockquote>p:before {
  content: "";
  position: relative;
  width: 20px;
  height: 1px;
  background-color: var(--clr-black);
  display: block;
}

.wp-block-embed__wrapper iframe {
  aspect-ratio: 16 / 9;
  width: 100% !important;
  height: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Pomer strán 16:9 */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header-system {
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin-top: var(--wp--custom--spacing--size-m);
  gap: var(--wp--custom--spacing--size-m);
}

.header-system h2 {
  margin-bottom: 0;
  color: var(--wp--preset--color--gray-4);
  margin-bottom: var(--wp--custom--spacing--size-m);
}

.header-system>div:first-child {
  max-width: 70ch;
}

.header-system>div:last-child {
  max-width: 200px;
  margin-left: auto;
}

.wp-block-group.is-style-sivy-box-s-paddingom {
  background: var(--wp--preset--gradient--primary-gradient);
  padding: var(--wp--custom--spacing--size-m-l);
  border-radius: 1.5rem;
}

.wp-block-column.is-style-sivy-box-s-paddingom {
  background: var(--wp--preset--gradient--primary-gradient);
  padding: var(--wp--custom--spacing--size-m-l);
  border-radius: 1.5rem;
}

.is-style-sivy-box-s-paddingom img {
  max-width: var(--wp--custom--spacing--size-3-xl);
}

.is-style-sirka-920 {
  max-width: 920px;
  margin-left: auto !important;
  margin-right: auto !important;
}

footer {
  background-color: var(--wp--preset--color--primary-3);
  color: var(--wp--preset--color--gray-2);
  background-image: url(images/monasterra-footer.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-right: var(--wp--custom--spacing--size-s);
  padding-left: var(--wp--custom--spacing--size-s);
}

footer a {
  color: var(--wp--preset--color--gray-2);
}

footer a:hover {
  color: #fff;
}

footer>div {
  padding-top: calc(2 * var(--wp--custom--layout--sekcie));
  padding-bottom: calc(2 * var(--wp--custom--layout--sekcie));
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--custom--spacing--size-m);
}

footer ul {
  list-style: none;
}

footer li {
  padding: 5px 0;
}

footer nav {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--custom--spacing--size-m);
}

footer img {
  filter: brightness(0) invert(1);
}

footer .site-description {
  font-size: var(--step-1);
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  margin-top: var(--wp--custom--spacing--size-m);
}

#mega-menu-wrap-hlavne-menu #mega-menu-hlavne-menu>li.mega-menu-item>a.mega-menu-link {
  font-weight: 600 !important;
}

#menu-user-menu {
  list-style: none;
  display: flex;
}

#menu-user-menu a {
  color: var(--wp--preset--color--gray-4);
}

.menu-user-menu-container {
  margin-left: 0;
}

.mon-product-details h1 {
  color: var(--wp--preset--color--primary-2);
}

.kniha .mon-product-details h1 {
  color: var(--wp--preset--color--primary-3);
  margin-bottom: var(--wp--custom--spacing--size-m);
}

.cv-edge {
  padding-left: var(--wp--custom--spacing--size-s);
  padding-right: var(--wp--custom--spacing--size-s);
}

.knihy-grid,
.cv-grid-3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--custom--spacing--size-m);
  margin-top: var(--wp--custom--spacing--size-l);
}

.cv-grid-3 article>a:hover {
  text-decoration: none;
}

.cv-grid-3 article>a:hover h2 {
  text-decoration: underline;
}

.detail-pouzitie {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 1rem;
}

.detail-pouzitie h1 {
  color: #000;
}

h1 em {
  font-style: normal;
}

.is-style-hero-sekcia .wp-block-media-text__content {
  padding: 0;
}

.is-style-hero-sekcia .wp-block-media-text__content>div {
  padding: var(--wp--custom--spacing--size-xl-2-xl) var(--wp--custom--spacing--size-s);
}

.cv-small {
  font-size: 0.9rem;
}

.cv-edge {
  padding-left: var(--wp--custom--spacing--size-s);
  padding-right: var(--wp--custom--spacing--size-s);
}

article ol li>ul {
  margin-bottom: var(--wp--custom--spacing--size-m);
}

.cv-products-cta p a {
  color: var(--wp--preset--color--gray-4);
}

.cv-shop {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: var(--wp--custom--spacing--size-m);
}

.ch-70 {
  max-width: 70ch;
}

.cv-popis-produktu-detail {
  border-top: 0.5px solid var(--wp--preset--color--gray-4);
  padding-top: var(--wp--custom--layout--sekcie);
  margin-top: var(--wp--custom--layout--sekcie);
}

.product-warnings {
  margin-top: var(--wp--custom--layout--sekcie);
}

.book-mon-product-content {
  margin-top: var(--wp--custom--spacing--size-m);
  margin-bottom: var(--wp--custom--spacing--size-m);
}

.next-books {
  border-top: 1px solid var(--wp--preset--color--gray-4);
}

.next-books h2 {
  color: var(--wp--preset--color--primary-3);
}

.grid-article {
  grid-template-columns: 1fr;
  display: grid;
  gap: 2rem;
}

.grid-article img {
  aspect-ratio: 16/9;
  object-fit: cover;
}

.overflow {
  overflow: hidden;
}

.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media {
  min-height: 300px !important;
}

.is-style-odkaz-so-sipkou a::after,
.is-style-odkaz-so-sipkou span::after,
.read-more-btn:after,
.mon-method-item-link p:after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.85em;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,<svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.5L6 6L1 11.5" stroke="white" stroke-width="1.5"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  vertical-align: middle;
  margin-left: 0.4em;
  transition: transform 0.2s ease-out;
}

.is-style-hero-sekcia .wp-block-media-text__content {
  padding: 0;
}

.is-style-hero-sekcia .wp-block-media-text__content>div {
  padding: var(--wp--custom--spacing--size-2-xl-3-xl) var(--wp--custom--spacing--size-s);
}

/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
  color: #3ba1da !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
  color: #44b0ec !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type="submit"].um-button,
.um input[type="submit"].um-button:focus,
.um input[type="submit"]:disabled:hover {
  background: var(--wp--preset--color--primary-2) !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type="submit"].um-button:hover {
  background: var(--wp--preset--color--primary-2) !important;
}

/* Button alt colors */
.um .um-button.um-alt,
.um input[type="submit"].um-button.um-alt {
  background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type="submit"].um-button.um-alt:hover {
  background: #e5e5e5 !important;
}

/* Pozadie sekcie */
.monika-testimonials-wrapper {
  overflow: hidden;
}

/* Základný štýl karty */
.testimonial-card {
  transition: all 0.3s ease;
  outline: none;
  /* Odstráni modrý rámik pri kliknutí */
}

.card-inner {
  background: #fff;
  border-radius: 20px;
  padding: var(--wp--custom--spacing--size-m-l);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  min-height: 300px;
  /* Rovnaká výška */

  opacity: 0.7;
  /* Bočné karty sú trochu priesvitné */
  transform: scale(0.85);
  /* Bočné karty sú menšie */
  transition: all 0.3s ease;
}

.quote-icon img {
  width: 70px;
}

/* STREDNÁ KARTA (Aktívna) - Zväčšenie a zvýraznenie */
.slick-center .card-inner {
  opacity: 1;
  z-index: 10;
  transform: scale(1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Ikona úvodzoviek */
.quote-icon i {
  color: #e5b8c6;
  /* Ružová farba z obrázku */
  font-size: 40px;
  margin-bottom: 20px;
}

/* Text referencie */
.testimonial-text {
  color: var(--wp--preset--color--gray-4);
  line-height: 1.4;
  font-weight: 550;
  padding: var(--wp--custom--spacing--size-l-xl) 0;
}

/* Tlačidlo Čítať celé */
.read-more-btn {
  color: var(--wp--preset--color--primary-1);
  cursor: pointer;
  font-weight: 600;
  margin-left: 0.5rem;
}

.read-more-btn:hover {
  color: #000;
  text-decoration: underline;
}

/* Šípky slidera (Slick) */
.slick-prev,
.slick-next {
  z-index: 20;
  width: 40px;
  height: 40px;
}

.slick-prev:before,
.slick-next:before {
  font-size: 40px;
  color: #5e7f8d;
  /* Tmavšia farba šípok */
  opacity: 1;
}

/* --- MODAL (Vyskakovacie okno) --- */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 50px;
  border-radius: 20px;
  width: 90%;
  max-width: 600px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  max-height: 70vh;
  overflow-y: auto;
}

.close-modal {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  color: #aaa;
}

.modal-quote-icon i {
  color: #e5b8c6;
  font-size: 50px;
  margin-bottom: 20px;
}

.modal-author-name {
  margin-top: 20px;
  font-weight: bold;
  color: #555;
}

.hmob {
  display: none;
}

#mega-menu-wrap-hlavne-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
  margin-right: 0 !important;
}

.cv-hlogin a {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7325 16.4747C15.0338 15.5496 14.1298 14.7993 13.0917 14.2831C12.0536 13.7668 10.9099 13.4987 9.7505 13.4997C8.59115 13.4987 7.44739 13.7668 6.40932 14.2831C5.37125 14.7993 4.46724 15.5496 3.7685 16.4747M15.7325 16.4747C17.096 15.2619 18.0576 13.6633 18.4917 11.8908C18.9258 10.1183 18.8108 8.25579 18.162 6.55018C17.5132 4.84457 16.3612 3.37648 14.8589 2.3406C13.3566 1.30472 11.5748 0.75 9.75 0.75C7.92516 0.75 6.14343 1.30472 4.64111 2.3406C3.13878 3.37648 1.98683 4.84457 1.33804 6.55018C0.689242 8.25579 0.574253 10.1183 1.00832 11.8908C1.44239 13.6633 2.405 15.2619 3.7685 16.4747M15.7325 16.4747C14.0865 17.9429 11.9561 18.7528 9.7505 18.7497C7.54453 18.7531 5.41474 17.9431 3.7685 16.4747M12.7505 7.49971C12.7505 8.29535 12.4344 9.05842 11.8718 9.62103C11.3092 10.1836 10.5462 10.4997 9.7505 10.4997C8.95485 10.4997 8.19179 10.1836 7.62918 9.62103C7.06657 9.05842 6.7505 8.29535 6.7505 7.49971C6.7505 6.70406 7.06657 5.94099 7.62918 5.37838C8.19179 4.81578 8.95485 4.49971 9.7505 4.49971C10.5462 4.49971 11.3092 4.81578 11.8718 5.37838C12.4344 5.94099 12.7505 6.70406 12.7505 7.49971Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 1.5rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 1.5rem;
  min-height: 1.8rem;
  display: block;
}

.cv-hlogin.is-logged-in-user a {
  background-image: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #f78da7;
  color: #fff;
  border-radius: 50%;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1;
}

.cv-hlogin a span {
  display: none;
}

.wpcf7 .wpcf7-submit:disabled {
  background-color: var(--wp--preset--color--gray-3);
  border-color: var(--wp--preset--color--gray-3);
}

.hlogout {
  display: none;
}

.um .um-button.um-alt,
.um input[type="submit"].um-button.um-alt {
  border-radius: 30px !important;
  background: var(--wp--preset--color--gray-3) !important;
  text-transform: uppercase !important;
  color: var(--wp--preset--color--black) !important;

}

.wp-block-media-text>.wp-block-media-text__content {
  padding: 0 !important;
}

.um-account-name {
  text-align: left !important;
}

.um-account-meta-img,
.um-account-profile-link {
  display: none !important;
}

.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
  color: var(--wp--preset--color--primary-1) !important;
}

.um-account-side li a {
  background-color: var(--wp--preset--color--gray-3) !important;
}

body.um-page-register #um-submit-btn {
  background-color: var(--wp--preset--color--primary-1) !important;
}

.cv-logout-hlaska {
  background: var(--wp--preset--gradient--primary-gradient);
  padding: var(--wp--custom--spacing--size-m-l);
  border-radius: 1.5rem;

}

.cv-is-content-justification-center {
  justify-content: center;
}

#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
  font-size: var(--wp--preset--font-size--normal) !important;
  font-family: var(--wp--preset--font-family--bezny-text) !important;
}

div.asl_m .probox .proclose svg {
  background: transparent !important;
}

.asl_w_container {
  min-width: 320px !important;
}

div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 a {
  color: var(--wp--preset--color--gray-4) !important;
  font-family: var(--wp--preset--font-family--nadpisove-pismo) !important;
}

/* RESPONSIVEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/
@media only screen and (min-width: 800px) {
  header>div {
    flex-wrap: nowrap;
  }

  .header-search-wrapper {
    width: auto;
    position: static;
    background: transparent;
    padding: 0;
    box-shadow: none;
  }

  .user-actions.search-active .menu-user-menu-container {
    display: none;
  }

  .cv-hlogin a {
    padding-left: 2.25rem;
  }

  .cv-hlogin.is-logged-in-user a {
    padding-left: 0;
  }

  #menu-user-menu {
    gap: var(--wp--custom--spacing--size-m);
    align-items: center;
  }

  .cv-hlogin a span,
  .hmob {
    display: block;
  }

  h1 em {
    display: block;
  }

  .grid-article {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .cv-shop {
    margin-top: 0;
  }

  .cv-products-cta {
    grid-template-columns: 1fr 32px;
    display: grid;
    gap: var(--wp--custom--spacing--size-m);
  }

  .header-system {
    align-items: center;
  }

  .is-style-hero-sekcia,
  .wp-block-media-text.has-media-on-the-right.is-style-hero-sekcia {
    padding: 0;
    display: grid;
    grid-template-columns: minmax(var(--wp--custom--spacing--size-s), 1fr) minmax(0,
        calc(var(--wp--style--global--wide-size) / 2)) minmax(0, calc(var(--wp--style--global--wide-size) / 2)) minmax(var(--wp--custom--spacing--size-s), 1fr) !important;
    max-width: none;
  }

  .is-style-hero-sekcia .wp-block-media-text__media {
    grid-column: 1 / 3 !important;
  }

  .is-style-hero-sekcia .wp-block-media-text__content {
    grid-column: 3 !important;
  }

  .is-style-hero-sekcia .wp-block-media-text__content>div {
    padding-right: var(--wp--custom--spacing--size-s) !important;
    padding-left: calc(var(--wp--custom--layout--sekcie) / 1);
  }

  .has-media-on-the-right.is-style-hero-sekcia .wp-block-media-text__media {
    grid-column: 3 / -1 !important;
  }

  .has-media-on-the-right.is-style-hero-sekcia .wp-block-media-text__content {
    grid-column: 2 !important;
  }

  .has-media-on-the-right.is-style-hero-sekcia .wp-block-media-text__content>div {
    padding-left: 0 !important;
    padding-right: calc(var(--wp--custom--layout--sekcie) / 1) !important;
  }

  .knihy-grid,
  .cv-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (min-width: 1100px) {
  .onlymob {
    display: none !important;
  }

  .cverna-header-logo,
  .cverna-footer-logo {
    width: 220px;
  }

  header>div {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
  }

  #mega-menu-wrap-hlavne-menu {
    order: 2;
  }

  .user-actions {
    order: 3;
  }

  footer>div {
    grid-template-columns: 2fr 3fr;
  }

  footer nav {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .cverna-footer-logo-container {
    max-width: 30ch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 500px) {
  .cv-edge-mobile {
    padding-top: var(--wp--custom--layout--edge);
  }
}

/* PLUGINNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */
.mon-breadcrumbs,
#breadcrumbs {
  margin-bottom: 2rem;
}

/* General Wrapper */
.mon-diagnostics-wrapper,
.mon-diagnostics-page,
.mon-product-page {
  max-width: 100%;
  margin: 0 auto;
}

/* Grid Layout */
.mon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--wp--custom--spacing--size-m);
  margin-top: var(--wp--custom--layout--sekcie);
}

.mon-grid-4 {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.mon-grid-produkty {
  margin-top: var(--wp--custom--spacing--size-m);
  gap: var(--wp--custom--spacing--size-m);
}

/* Step 1 Item Style */
.mon-grid-item-new {
  background: linear-gradient(141.03deg,
      #f8f7f2 20.12%,
      #fbfaf6 46.65%,
      #f6f4ed 73.6%);

  border-radius: 1.5rem;
  padding: var(--wp--custom--spacing--size-l-xl);
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  color: var(--wp--preset--color--gray-4);
}

.mon-grid-item-new-hp {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0 var(--wp--custom--spacing--size-m);
  text-align: left;
  align-items: start;
  padding: 0 var(--wp--custom--spacing--size-m);
  position: relative;
}

.mon-grid-item-new-hp h3 a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /* Zabezpečí, že klikacia vrstva bude navrchu */
}

.product-item {
  text-decoration: none;
  color: var(--wp--preset--color--gray-4);
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  border: 1px solid var(--wp--preset--color--gray-3);
  border-radius: 1.5rem;
}

.cv-grid-3 article,
.knihy-grid article a .cat-book-img {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.mon-grid-item-new:hover,
.cv-grid-3 article:hover,
.knihy-grid article a:hover .cat-book-img {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transform: translateY(-5px);
}

.knihy-grid article a:hover {
  text-decoration: none;
}

.knihy-grid article a:hover h2 {
  text-decoration: underline;
}

.mon-item-image {
  width: 190px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mon-item-image img {
  object-fit: contain;
}

.mon-item-image-product,
.mon-product-image>div,
.cat-book-img {
  text-align: center;
  padding: var(--wp--custom--spacing--size-l-xl);
  background: linear-gradient(141.03deg,
      #f8f7f2 20.12%,
      #fbfaf6 46.65%,
      #f6f4ed 73.6%);
  width: 100%;
  border-radius: 1.5rem;
  margin-bottom: var(--wp--custom--spacing--size-m);
}

.mon-item-image-product,
.mon-product-image>div {
  height: 100%;
}

.mon-item-image-product {
  margin-bottom: 0;
}

.mon-product-image>div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 2rem;
}

.mon-item-image-product img {
  width: auto;
  height: 250px;
}

.mon-item-excerpt {
  margin-bottom: var(--wp--custom--spacing--size-m);
}

.mon-grid-item-new h3 {
  color: var(--wp--preset--color--gray-4);
  font-size: var(--wp--preset--font-size--velkost-h-6);
  background-image: url(images/arrow.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 2.5rem;
}

.mon-grid-item-new-hp h3 {
  background-position: right center;
  padding-bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 2rem;
  margin-top: 0;
}

/* Step 2 Item Style (Simple Box) */
.mon-grid-item-simple {
  border-radius: 24px;
  padding: var(--wp--custom--spacing--size-m);

  text-decoration: none;
  transition: box-shadow 0.3s ease, transform 0.3s ease,
    background-color 0.3s ease;
  background-image: linear-gradient(193.09deg,
      #f8f7f2 -86.8%,
      #fbfaf6 -31.29%,
      #f6f4ed 25.1%);
  background-position: 0 0;
  background-repeat: no-repeat;
  color: var(--wp--preset--color--gray-4);
}

.mon-grid-item-simple:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transform: translateY(-5px);
}

.mon-grid-item-simple p {
  font-weight: 400;
  color: var(--wp--preset--color--gray-4);
  font-size: var(--wp--preset--font-size--velkost-h-6);
  font-family: var(--wp--preset--font-family--nadpisove-pismo);
  background-image: url("images/arrow.svg");
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  padding-right: var(--wp--custom--spacing--size-m);
  display: flex;
  align-items: center;
}

/* Product Page Specifics */
.mon-product-page .entry-header {
  text-align: center;
  margin-bottom: 30px;
}

.mon-area-featured-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 20px;
}

.mon-product-layout,
.cv-popis-produktu-detail {
  display: grid;
  grid-template-columns: 1.15fr 2fr;
  gap: var(--wp--custom--layout--sekcie);
}

.mon-product-image>div img {
  width: 100%;
  height: auto;
  width: 35%;
}

.mon-book-layout .mon-product-image>div img {
  width: auto;
}

.mon-product-type-badge {
  display: block;
  font-size: 0.9em;
  margin-top: 8px;
  font-weight: 600;
  display: inline-block;
  color: var(--wp--preset--color--gray-4);
}

.mon-product-type-badge:hover {
  text-decoration: underline;
}

.mon-usage-list,
.is-style-valid-1 {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 1rem;
  margin-left: 0;
}

.mon-usage-list {
  margin-bottom: var(--wp--custom--spacing--size-m);
}

.is-style-valid-1 {
  grid-template-columns: 1fr;
}

.mon-usage-list-1 {
  grid-template-columns: 1fr;
}

.mon-usage-list li,
.is-style-valid-1 li {
  background-image: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.90227 2.10819L8.79259 1.93845C8.61138 1.65396 8.4409 1.3862 8.20128 1.14355L8.14763 1.08737C7.72918 0.691708 7.22132 0.478937 6.63955 0.501649C5.53203 0.5399 4.41617 1.34197 3.79744 2.01495C3.77359 2.04125 3.23355 2.6437 3.06426 2.82659C2.63389 3.29158 2.22736 3.73147 1.7505 4.14864C1.70162 4.19048 1.06381 4.7236 1.04474 4.74033C0.725239 5.01765 0.420046 5.30454 0.20188 5.7516C-0.286906 6.7509 0.116046 7.80519 1.36543 8.80092C2.64343 9.82054 4.27192 10.5174 5.54753 11.0111C6.31409 11.3075 6.98885 11.5 7.70415 11.5C8.0308 11.5 8.36699 11.4665 8.72106 11.3721C9.63783 11.1282 10.1159 10.6214 10.1409 10.5963C11.0887 9.6257 11.2532 7.99525 10.6297 5.7504C10.2923 4.53354 9.79162 3.47805 8.90346 2.10819H8.90227ZM9.01195 8.49491C8.93565 9.62809 8.42183 10.2831 7.45737 10.5485C6.88752 10.7063 6.25925 10.5927 5.97313 10.521C5.45573 10.3931 4.92284 10.1648 4.38994 9.84206C2.8902 8.9336 2.29412 7.92234 2.45864 6.55965C2.69588 4.59928 4.25165 2.86723 5.15769 2.00778L5.21372 1.95519C5.72635 1.46868 6.14718 1.11247 6.57279 1.11247C6.80764 1.11247 7.04488 1.22125 7.29881 1.47466C7.59327 1.76871 7.82098 2.26597 8.01172 2.70945C8.75325 4.43313 9.13593 6.65049 9.01075 8.49371L9.01195 8.49491Z" fill="%235C5C5C"/></svg>');
  background-repeat: no-repeat;
  background-position: left 4px top 4px;
  background-size: 14px;
  padding: 0px 0px 0px calc(24px + 0.5rem);
  text-decoration: none;
  transition: background-color 0.3s;
  display: block;
}

.mon-usage-list li a,
.mon-method-item-link {
  color: var(--wp--preset--color--gray-4);
}

.mon-usage-list li a:hover,
.mon-method-item-link:hover {
  text-decoration: underline;
}

.product-item .mon-product-type,
.knihy-grid .mon-product-type {
  display: block;
  font-size: 0.9rem;
  margin-top: 8px;
  font-weight: 400;
  color: var(--wp--preset--color--gray-4);
}

.mon-method-item-link:hover {
  text-decoration: underline;
}

.mon-product-subtitle {
  color: var(--wp--preset--color--primary-2);
  margin-bottom: var(--wp--custom--spacing--size-m);
}

.mon-book-layout .mon-product-subtitle {
  color: var(--wp--preset--color--primary-3);
  margin-top: 0;
  margin-bottom: 0;
}

.mon-method-item {
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 0.5rem;
  align-items: start;
  margin-top: 1rem;
}

.mon-method-item+.mon-method-item {
  margin-top: 0rem;
}

.mon-method-item h3 {
  font-size: 1.5em;
}

.mon-method-image {
  width: 24px;
}

.mon-method-image img {
  display: flex;
}

.mon-method-content {
  overflow: hidden;
}

.cat-book-img img {
  height: 270px;
  width: auto;
}

.knihy-grid article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.knihy-grid h2 {
  margin-bottom: 0;
  color: var(--wp--preset--color--gray-4);
}

.cv-grid-3 article {
  background: linear-gradient(159.91deg,
      #f8f7f2 19.11%,
      #fbfaf6 53.88%,
      #f6f4ed 89.19%);
  border-radius: 1.5rem;
  overflow: hidden;
}

.cv-grid-3 article img {
  object-fit: cover;
  aspect-ratio: 16/9;
}

.cv-index-text {
  padding: var(--wp--custom--spacing--size-m-l);
}

.post-excerpt {
  margin-top: var(--wp--custom--spacing--size-m);
  color: var(--wp--preset--color--gray-4);
}

.cv-single h1 {
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
}

.cv-single-img {
  margin-top: var(--wp--custom--layout--sekcie);
  margin-bottom: var(--wp--custom--layout--sekcie);
  border-radius: 1.5rem;
  overflow: hidden;
}

.article-text {
  max-width: 70ch;
  margin: 0 auto;
}

.article-text>*,
.book-mon-product-content>* {
  margin-top: var(--wp--custom--spacing--size-m);
}

.cv-mohlo {
  border-top: 1px solid var(--wp--preset--color--gray-3);
}

.cv-mohlo h2 {
  text-align: center;
}

.cv-products-cta {
  padding: var(--wp--custom--spacing--size-m);
}

/* Responsive PLUGIN */
@media (max-width: 768px) {
  .mon-grid {
    grid-template-columns: 1fr 1fr;
  }

  .mon-product-layout,
  .cv-popis-produktu-detail {
    grid-template-columns: 1fr;
  }

  .mon-method-image {
    float: none;
    max-width: 100%;
  }

  .mon-grid-item-new {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0 var(--wp--custom--spacing--size-m);
    text-align: left;
    align-items: start;
    padding: 0 var(--wp--custom--spacing--size-m);
  }

  .mon-grid-item-new>.mon-item-image {
    grid-column: 1;
    grid-row: 1/2;
    width: auto;
  }

  .mon-grid-item-new h3 {
    background-position: right center;
    padding-bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 2rem;
  }
}

@media (max-width: 480px) {

  .mon-product-image>div,
  .cat-book-img {
    padding: var(--wp--custom--spacing--size-m);
  }

  .mon-grid {
    grid-template-columns: 1fr;
  }

  .product-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wp--custom--spacing--size-m);
  }

  .mon-item-image-product img {
    width: 2.5rem;
    height: auto;
  }

  .cv-products-cta {
    padding-left: 0;
  }
}

@media only screen and (max-width: 700px) {
  .is-style-hero-sekcia .wp-block-media-text__content {
    text-align: center;
  }

  .is-style-hero-sekcia .wp-block-media-text__content .wp-block-buttons {
    justify-content: center;
    gap: 0.5rem;
  }

  .is-style-hero-sekcia .wp-block-media-text__content .wp-block-buttons>* {
    min-width: 190px;
  }
}