/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

#product-lightbox .mfp-title {
    display: none !important;
}

/* pre všetkých 6 department obrázkov */
#sd-department-image-1.et_pb_image[data-label],
#sd-department-image-2.et_pb_image[data-label],
#sd-department-image-3.et_pb_image[data-label],
#sd-department-image-4.et_pb_image[data-label],
#sd-department-image-5.et_pb_image[data-label],
#sd-department-image-6.et_pb_image[data-label] {
  position: relative;
}

#sd-department-image-1.et_pb_image[data-label]::after,
#sd-department-image-2.et_pb_image[data-label]::after,
#sd-department-image-3.et_pb_image[data-label]::after,
#sd-department-image-4.et_pb_image[data-label]::after,
#sd-department-image-5.et_pb_image[data-label]::after,
#sd-department-image-6.et_pb_image[data-label]::after {
  content: attr(data-label);
  position: absolute;
  top: 50%;              /* vertikálny stred */
  left: 70%;             /* stred pravej polovice */
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2.5em;      /* veľkosť v em */
  font-weight: 800;      /* hrubé písmo */
  text-transform: uppercase;
  line-height: 1.2em;
  padding: 8px 16px;
  white-space: normal;   /* umožní zalomenie */
  text-align: center;    /* centrovanie viacerých riadkov */
  max-width: 45%;        /* obmedzí šírku, aby to ostalo v pravej polovici */
  word-wrap: break-word; /* rozbije dlhé slová */
  pointer-events: none;  /* overlay neblokuje kliknutie */
}

@media (max-width: 980px) and (min-width: 768px) {
  #sd-department-image-1.et_pb_image[data-label]::after,
  #sd-department-image-2.et_pb_image[data-label]::after,
  #sd-department-image-3.et_pb_image[data-label]::after,
  #sd-department-image-4.et_pb_image[data-label]::after,
  #sd-department-image-5.et_pb_image[data-label]::after,
  #sd-department-image-6.et_pb_image[data-label]::after {
    left: 70%;              /* trošku bližšie k stredu */
    font-size: 2.5em;       /* menší font */
    line-height: 1.2em;
    padding: 8px 14px;
    max-width: 55%;         /* viac miesta */
  }
}

@media (max-width: 767px) {
  #sd-department-image-1.et_pb_image[data-label]::after,
  #sd-department-image-2.et_pb_image[data-label]::after,
  #sd-department-image-3.et_pb_image[data-label]::after,
  #sd-department-image-4.et_pb_image[data-label]::after,
  #sd-department-image-5.et_pb_image[data-label]::after,
  #sd-department-image-6.et_pb_image[data-label]::after {
    left: 70%;              /* úplne na stred */
    font-size: 1.8em;       /* ešte menší font */
    line-height: 1em;
    padding: 6px 12px;
    max-width: 55%;         /* nech to ide cez väčšiu šírku */
  }
}

/* --- SpicyDiamond: globálny sticky footer (finálna verzia) --- */
/* --- Sticky footer pre SpicyDiamond --- */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* hlavný wrapper */
#et-boc {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* hlavná časť */
#et-main-area {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* pridaj minimálnu výšku obsahu */
#main-content {
  flex: 1;
  min-height: 50vh; /* zaručí, že footer bude pod loginom */
}

/* footer */
footer.et-l--footer {
  flex-shrink: 0;
  margin-top: auto;
  width: 100%;
  position: static !important;
}