/* =========================================================
   1) LayerSlideshow (J51) – puščice + razmiki
   ========================================================= */

/* Skrij navigacijske puščice */
.layerslideshow-prev,
.layerslideshow-next {
  display: none !important;
}

/* Odstrani razmik pod sliderjem */
.layerslideshow,
.layerslideshow-wrapper,
[id^="layerslideshow"] {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}


/* =========================================================
   2) Layout – odstrani prazen prostor nad main vsebino
   ========================================================= */

#container_main,
#container_main .wrapper960,
#container_main #main,
#content_full,
.content_full,
.maincontent {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* System message container naj ne dela “praznega pasu” */
.message,
#system-message-container {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Prvi element v članku naj ne doda zgornjega margina */
.com-content-article__body > :first-child {
  margin-top: 0 !important;
}

/* Slike: brez baseline presledka */
.com-content-article__body img {
  display: block;
}


/* =========================================================
   3) Laufarija – modul “preset”
   Uporaba v modulu:  lf-module  (opcijsko: lf-fade, lf-card)
   ========================================================= */

.lf-module {
  position: relative;
  margin-bottom: 20px;
  padding: 18px;
  border-radius: 14px;

  background: rgba(123, 66, 18, 0.18);
  border: 1px solid rgba(123, 66, 18, 0.35);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

/* Naslovi v modulu */
.lf-module .module-title,
.lf-module .mod-title,
.lf-module h3 {
  margin-top: 0;
  margin-bottom: 12px;
  letter-spacing: 0.3px;
}

/* Linki */
.lf-module a {
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* Slike v modulu */
.lf-module img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* “Card” varianta */
.lf-module.lf-card {
  background: rgba(210, 193, 177, 0.85);
  border-color: rgba(123, 66, 18, 0.28);
}

/* Fade zaključek */
.lf-module.lf-fade {
  padding-bottom: 90px;
}

.lf-module.lf-fade::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 90px;

  background: linear-gradient(
    to bottom,
    rgba(123, 66, 18, 0.00) 0%,
    rgba(123, 66, 18, 0.35) 45%,
    rgba(123, 66, 18, 0.00) 100%
  );

  pointer-events: none;
}


/* =========================================================
   4) Font Awesome v naslovu modula (J51: ikona je ::before)
   Problem: FA class je na <h3>, zato prevzame font-family.
   ========================================================= */

h3.mod_standard {
  font-family: "Titillium Web", "Raleway", Arial, sans-serif !important;
  font-weight: 700;
  font-style: normal !important;
}

/* FA samo na pseudo-elementu ikone */
h3.mod_standard.fa-solid::before,
h3.mod_standard[class*="fa-"]::before {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

/* Besedilo v <span> ostane normalna pisava */
h3.mod_standard > span {
  font-family: inherit !important;
}
/* =========================================================
   MOD_LAUFARIJA – card + fade v transparent
   ========================================================= */
.module.mod_laufarija {
  position: relative;
  padding: 20px;
  margin-bottom: 24px;
  border-radius: 14px;
  background: rgba(123, 66, 18, 0.18);
  border: 1px solid rgba(123, 66, 18, 0.35);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  padding-bottom: 110px; /* prostor za fade */
}

.module.mod_laufarija::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 110px;
  background: linear-gradient(
    to bottom,
    rgba(123, 66, 18, 0.00) 0%,
    rgba(123, 66, 18, 0.45) 55%,
    rgba(123, 66, 18, 0.00) 100%
  );
  pointer-events: none;
}

.mod_laufarija .module_header { margin-bottom: 12px; }
.mod_laufarija .module_content img { display:block; max-width:100%; height:auto; }