/* Univerzální oprava pro většinu skriptů v Responsive Lightbox */

/* Zvětšení pro lepší trefení se prstem na mobilu */

@media (max-width: 768px) {
  .rl-lightbox-close,
  #swipebox-close,
  .glightbox-close {
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
  }
}

/* Vynucení bílé barvy pro křížek v GLightboxu */

.glightbox-container .gclose,
.glightbox-container .gclose svg,
.glightbox-container .gclose svg path {
  fill: #ffffff !important;
  /* Barva vnitřku SVG ikony */
  stroke: #ffffff !important;
  /* Barva obrysu SVG ikony */
  opacity: 1 !important;
}

/* Přidání kontrastního pozadí pod křížek pro lepší viditelnost */

.glightbox-container .gclose {
  background-color: rgba(0, 0, 0, 0.4) !important;
  /* Poloprůhledný černý kruh */
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  right: 15px !important;
  top: 15px !important;
}

/* Oprava pro mobilní zobrazení, aby popisky nezakrývaly ovládání */

@media (max-width: 768px) {
  .glightbox-container .gclose {
    width: 45px !important;
    /* Větší plocha pro dotyk */
    height: 45px !important;
  }
}

/* Zvětšení křížku pro PC (obrazovky nad 768px) */

@media (min-width: 769px) {
  .glightbox-container .gclose {
    width: 50px !important;
    /* Původně bylo 40px */
    height: 50px !important;
    right: 30px !important;
    /* Více místa od kraje */
    top: 30px !important;
    transition: all 0.3s ease !important;
    /* Plynulá animace */
  }

  .glightbox-container .gclose svg {
    width: 35px !important;
    /* Zvětšení samotné ikony křížku */
    height: 35px !important;
  }

  /* Efekt při najetí myší */

  .glightbox-container .gclose:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    /* Zesvětlení pozadí */
    transform: scale(1.1);
    /* Mírné zvětšení celého tlačítka */
  }
}

bdi {
  margin-right: 9px;
}

/* Skrytí ikony košíku u specifického tlačítka */

.wp-block-button a::before,
.wp-block-button a::after {
  display: none !important;
}

/* Širší zápis pro všechny možné typy postranních panelů šablony */

#sidebar .widget,
.widget-area .widget,
.hnice-sidebar .widget,
.widget_block * {
  text-transform: none !important;
}

.widget .widget-title {
  text-transform: none;
}

span {
  margin: 0px;
  padding: 0px;
}

.cena-jednotka {
  text-transform: none;
}

.woocommerce-Price-currencySymbol {
  text-transform: none;
}

ul.products li.product .woocommerce-loop-product__title a:hover {
  text-transform: none;
}

/* Zobrazení m² v košíku za celým blokem množství */
.shop_table .quantity {
    display: inline-flex !important;
    align-items: center;
}
.shop_table .quantity::after {
    content: " m²";
    font-weight: bold;
    margin-left: 8px;
    display: inline-block;
}