/*
 * Custom code goes here.
 */

/* hide firstname and lastname alerts in checkout form */  
#customer-form input[name="firstname"]+span.form-control-comment, #customer-form input[name="lastname"]+span.form-control-comment {
    display: none;
}
/* fix for Chrome image rendering */ 
img {
 image-rendering: -webkit-optimize-contrast;
} 


.product-actions .add-to-cart {
    height: 2.75rem;
    line-height: 1.875rem;
    font-size: 14px;
    padding: 0.25rem 1.5rem;
    border-radius: 25px;
}

.btn {
    display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 25px;
}


#dm_related li img {
    border: 1px solid #ededed;
    max-width: 85px;
    height: auto;
    border-radius: 12px;
}

#header #_desktop_top_menu a[data-depth="0"].submenu:before {
    font-family: "Material Icons";
    content: "\e313";
    font-size: 16px;
    line-height: 14px;
    position: absolute;
    right: 5px;
    top: 4px;
    vertical-align: 5px;
    padding-left: 4px;
}

#header a:hover {
  border-radius: 25px; /* uprav hodnotu podle potřeby */
  }
  
#dm_related {
    clear: both;
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
    padding-left: 20px; /* nebo jiná vhodná hodnota */
}


/* uprava spravnehi submenu*/
#_desktop_top_menu .top-menu .sub-menu {
    margin-top: -1px;
}


 
/* Vypnout plošné barvení celého řádku v submenu */
#_desktop_top_menu .popover.sub-menu li:hover,
#_desktop_top_menu .popover.sub-menu li:focus {
  background: transparent !important;
}

/* Pilulka jen kolem textu v submenu */
#_desktop_top_menu .popover.sub-menu a.dropdown-item .menu-text {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background-color .2s ease, color .2s ease;
}

/* Hover pouze pod textem */
#_desktop_top_menu .popover.sub-menu a.dropdown-item:hover .menu-text,
#_desktop_top_menu .popover.sub-menu a.dropdown-item:focus .menu-text {
  background-color: #005135; /* uprav dle brandu */
  color: #fff;
}

/* Volitelné: odsazení uvnitř submenu kvůli zaoblení */
#_desktop_top_menu .popover.sub-menu ul { padding: 6px; }

/* Volitelné: mezera mezi ikonou/obrázkem a textem */
#_desktop_top_menu .popover.sub-menu a.dropdown-item img {
  margin-right: 8px;
  vertical-align: middle;
}

#_desktop_top_menu .popover.sub-menu li.current > a .menu-text {
  background: #8e1433;
  color: #fff;
}

/* Aktivní top-level položka, když je aktivní jakákoliv její podstránka */
#_desktop_top_menu #top-menu > li:has(.current) > a,
#_desktop_top_menu #top-menu > li.current > a {
  background: #006441;         /* barvu si dej */
  color: #0b6a3c;
  border-radius: 8px;
  display: inline-block;        /* z toho udělá „pilulku“ kolem textu */
  
  transition: background-color .2s ease, color .2s ease;
}

/* Hover konzistentní s aktivním stavem */
#_desktop_top_menu #top-menu > li > a:hover {
  background: #e6f4ea;
  color: #0b6a3c;
  border-radius: 8px;
}

/* 1) ORIZLE MENU */
/* ------------------------------------------------------------------------- */
/* Submenu – 1. úroveň: 3 užší, vycentrované sloupce */
#_desktop_top_menu .popover.sub-menu .top-menu[data-depth="1"] {
  display: grid;
  /* zvol šířku sloupce; 260–300px je obvykle ideál */
  grid-template-columns: repeat(3, 280px);
  justify-content: center;     /* blok se sloupci bude uprostřed */
  gap: 14px 28px;              /* řádková x sloupcová mezera */
  margin: 0 auto;              /* pro jistotu vycentrovat UL */
}

/* zrušit staré floats/šířky tématu */
#_desktop_top_menu .popover.sub-menu .top-menu[data-depth="1"] > li {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* volitelně zmenši vnitřní padding dropdownu (míň „vzduchu“) */
#_desktop_top_menu .popover.sub-menu {
  padding: 20px 24px;
}

/* Submenu – 1. úroveň: 3 sloupce, zarovnat DOLEVA */
#_desktop_top_menu .popover.sub-menu .top-menu[data-depth="1"] {
  display: grid;
  grid-template-columns: repeat(3, 260px); /* klidně 240–300px */
  justify-content: start;                   /* ‹ doleva */
  justify-items: start;                     /* obsah buněk taky vlevo */
  gap: 12px 24px;
  margin: 0;                                /* zruší případné 0 auto */
  text-align: left;
}

/* jistota: žádné floats/šířky z tématu */
#_desktop_top_menu .popover.sub-menu .top-menu[data-depth="1"] > li {
  float: none !important;
  width: auto !important;
  max-width: none !important;
}

.product-prices .tax-shipping-delivery-label {
    font-size: 0.8125rem;
    color: #444444;
    display: none !important;
    padding-left: 5px;
}

/* Bílé Odhlásit v horní liště */
a.logout.hidden-sm-down {
  color: #ffffff !important;
}

/* Černé Odhlásit ve vysouvacím menu */
a.logout.hidden-lg-down {
  color: #000000 !important;
}
.footer-copyright .copy-logo-text a {
  color: #ec748c !important;   /* základní růžová */
  transition: color 0.3s ease; /* plynulý přechod */
}

.footer-copyright .copy-logo-text a:hover {
  color: #ff99b5 !important;   /* světlejší růžová při hoveru */
}


/* === Benefits (ikony + texty v 4 sloupcích) ============================== */
/* Benefits – simple, equal-height, white icons on #005237 */
.benefits {
  --brand: #005237;
  --text: #1f2430;
  --muted: #6b7280;
  border-bottom: 1px solid #e6ece9;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

/* equal height sloupce/karty */
.benefits .row { align-items: stretch; }
.benefits .row > [class*="col"] { display: flex; }
.benefits .benefit { 
  display: flex; 
  gap: 14px; 
  padding: 12px 8px; 
  border-radius: 12px; 
  background: transparent; 
  flex: 1 1 auto; 
}

.benefit-icon {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.svg-icon {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
  /* z černé/šedé udělá bílou; u barevných SVG může být potřeba skutečná bílá varianta */
  filter: brightness(0) invert(1);
}

.benefit-info { min-width: 0; }
.benefit-title {
  margin: 2px 0 2px;
  font-weight: 700;
  color: var(--brand);
  line-height: 1.25;
  font-size: 1rem;
}
.benefit-text {
  margin: 0;
  color: var(--muted);
  font-size: .9375rem;
  line-height: 1.5;
}

/* drobný hover efekt – volitelné */
.benefit:hover { background: #f4fbf7; }

/* responsivní doladění */
@media (max-width: 575.98px) {
  .benefit { padding: 10px 0; }
  .benefit-icon { width: 52px; height: 52px; }
}
.benefits { 
  margin-bottom: 30px;
}
.benefits .benefit .benefit-title {
  color: #005237 !important;
  font-weight: 700 !important;
}
#slideshow {
    margin-bottom: 0rem;
}