.elementor-7150 .elementor-element.elementor-element-c3f28f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-82fc623 *//* ============================================================
   JEZIČNA DOGODIVŠČINA – slogi
   Prilepi v: WP > Videz > Prilagodi > Dodaten CSS
   (ali Elementor > Site Settings > Custom CSS)
   Vse je zavito v .jd, zato ne vpliva na ostalo stran.
   Širina: 100 % s stranskim odmikom --rob (250px).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300&family=Open+Sans:wght@400;600;700&display=swap');

.jd{
  --zelena:#0B6648;
  --meta:#DEEAE3;          /* podlaga levega dela heroja */
  --meta-tekst:#CCDFD4;    /* ogromen tekst v ozadju */
  --meta-okvir:#DCE8E0;    /* pravokotnik za kolažem */
  --sivka:#F0F4F1;         /* pas "Cena" in panel s kontakti */
  --tekst:#4B4A4A;         /* besedilo, kot na velikolaska.si */
  --serif:'Merriweather', Georgia, serif;
  --sans:'Open Sans', -apple-system, "Segoe UI", sans-serif;
  --rob:250px;             /* odmik levo/desno */
  --glava:54px;            /* višina glave strani – hero = zaslon minus glava */

  font-family:var(--serif);
  font-size:18px;
  line-height:1.9;
  color:var(--tekst);
  background:#fff;
  overflow-x:hidden;
}
.jd *{box-sizing:border-box;}
.jd p{margin:0 0 20px;}
.jd h1,.jd h2,.jd h3{margin:0;}
.jd img{display:block;max-width:100%;}
.jd a{color:var(--zelena);}
.jd .jd-ovoj{width:100%;max-width:none;margin:0;padding:0 var(--rob);}

/* ================= HERO ================= */
.jd-hero{
  position:relative;
  display:grid;grid-template-columns:57.7fr 42.3fr;
  min-height:clamp(520px, calc(100vh - var(--glava)), 720px);
}
.jd-hero__levo{position:relative;background:var(--meta);overflow:hidden;}

/* ogromen tekst v ozadju */
.jd-ozadje{
  position:absolute;inset:0;pointer-events:none;user-select:none;
  font-family:var(--serif);font-weight:700;color:var(--meta-tekst);
  line-height:.8;letter-spacing:-.02em;white-space:nowrap;
}
.jd-ozadje span{position:absolute;font-size:clamp(220px,27vw,380px);}
.jd-ozadje span:nth-child(1){top:-.2em;left:-.08em;}
.jd-ozadje span:nth-child(2){top:.78em;left:.35em;}

.jd-hero__nad{
  position:absolute;top:18%;left:11%;z-index:2;
  display:flex;align-items:center;gap:16px;
  font-family:var(--sans);font-size:15px;font-weight:700;color:var(--tekst);
}
.jd-hero__nad::after{content:"";width:46px;height:2px;background:var(--zelena);transform:translateY(2px);}

.jd-hero__naslov{
  position:absolute;top:36%;left:22%;z-index:2;
  font-family:var(--serif);color:var(--zelena);
  font-size:clamp(30px,3.9vw,50px);line-height:1.4;font-weight:400;
}
.jd-hero__naslov strong{display:block;font-weight:400;padding-left:.3em;}

.jd-hero__logo{position:absolute;left:5%;bottom:17%;z-index:2;width:clamp(150px,18%,230px);}

.jd-hero__desno{position:relative;overflow:hidden;}
.jd-hero__desno img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;}

/* miška za scroll na stiku obeh polovic (30 × 50) */
.jd-miska{
  position:absolute;left:57.7%;bottom:16%;z-index:3;transform:translateX(-50%);
  width:30px;height:50px;border:2px solid #fff;border-radius:16px;
  display:flex;justify-content:center;padding-top:9px;
}
.jd-miska::before{content:"";width:4px;height:9px;border-radius:2px;background:#fff;animation:jdMiska 1.8s ease-in-out infinite;}
@keyframes jdMiska{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.jd-miska:focus-visible{outline:3px solid var(--zelena);outline-offset:4px;}

/* ================= UVOD (kolaž + besedilo) ================= */
.jd-uvod{padding:96px 0 40px;}
.jd-uvod .jd-ovoj{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}

.jd-kolaz{position:relative;width:100%;max-width:430px;aspect-ratio:311/371;}
.jd-kolaz__okvir{position:absolute;left:9.3%;top:6.7%;width:72%;height:70%;background:var(--meta-okvir);}
.jd-kolaz__mala{position:absolute;left:0;top:0;width:45%;height:49%;}
.jd-kolaz__velika{position:absolute;left:23%;top:16.4%;width:77%;height:83.6%;box-shadow:0 14px 28px rgba(0,0,0,.18);}
.jd-kolaz a{display:block;}
.jd-kolaz img{width:100%;height:100%;object-fit:cover;}
.jd-kolaz__mala img{filter:grayscale(1) contrast(1.05);}

.jd-uvod__besedilo{padding-top:4px;max-width:700px;}
.jd-uvod__besedilo a{font-weight:700;text-decoration:none;}
.jd-uvod__besedilo a:hover{text-decoration:underline;}

/* ================= PODATKI + CENA + VELIKA SLIKA ================= */
.jd-podatki{padding:0 0 180px;}
.jd-podatki .jd-ovoj{position:relative;min-height:640px;}

.jd-podatki__seznam{padding:72px 0 0 4%;max-width:44%;margin:0;}
.jd-podatek{margin-bottom:40px;}
.jd-podatek dt{
  display:inline-block;font-family:var(--sans);font-weight:700;font-size:16px;
  color:var(--tekst);padding-bottom:8px;margin-bottom:18px;position:relative;line-height:1.4;
}
.jd-podatek dt::after{content:"";position:absolute;left:0;bottom:0;width:66px;height:2px;background:var(--zelena);}
.jd-podatek dd{margin:0;font-size:18px;line-height:1.7;}

.jd-cena{background:var(--sivka);margin-top:16px;padding:48px 4% 56px;}
.jd-cena h3{font-family:var(--serif);font-weight:400;font-size:35px;line-height:1.3;color:var(--tekst);margin-bottom:24px;}
.jd-cena p{margin:0;max-width:44%;}
.jd-cena b{font-weight:700;}

.jd-podatki__slika{
  position:absolute;bottom:-90px;right:calc(var(--rob) + 3.3%);
  width:calc((100% - 2 * var(--rob)) * .532);max-width:520px;z-index:2;
  box-shadow:0 16px 34px rgba(0,0,0,.2);
}
.jd-podatki__slika a{display:block;}
.jd-podatki__slika img{width:100%;aspect-ratio:463/650;object-fit:cover;}

/* ================= VEČ INFORMACIJ IN PRIJAVE ================= */
.jd-info{padding:0 0 110px;}
.jd-info__mreza{display:grid;grid-template-columns:1fr 1fr;align-items:center;}
.jd-info__naslov{
  font-family:var(--serif);font-weight:400;color:var(--tekst);
  font-size:clamp(26px,2.7vw,35px);line-height:1.4;
  padding-left:var(--rob);padding-right:40px;
}
.jd-info__naslov strong{font-weight:700;}
.jd-info__panel{background:var(--sivka);padding:44px var(--rob) 44px 40px;}
.jd-info__panel p{margin:0 0 14px;font-size:16px;line-height:1.7;color:var(--zelena);}
.jd-info__panel p:last-child{margin:0;}
.jd-info__panel b{font-weight:700;}
.jd-info__panel a{text-decoration:none;}
.jd-info__panel a:hover{text-decoration:underline;}

.jd a:focus-visible{outline:2px solid var(--zelena);outline-offset:3px;}

/* ================= OŽJI ZASLONI ================= */
@media (max-width:1600px){ .jd{--rob:140px;} }
@media (max-width:1280px){
  .jd{--rob:80px;}
  .jd-uvod .jd-ovoj{gap:48px;}
  .jd-hero__naslov{left:18%;}
}
@media (max-width:1024px){
  .jd{--rob:48px;font-size:17px;}
  .jd-podatki__seznam{max-width:46%;padding-left:0;}
  .jd-cena{padding-left:0;padding-right:0;}
  .jd-cena h3{font-size:30px;}
}

/* ================= MOBILNO ================= */
@media (max-width:767px){
  .jd{--rob:24px;font-size:16px;line-height:1.8;}

  /* hero = cel zaslon: 60 % zelena ploskev, 40 % slika */
  .jd-hero{grid-template-columns:1fr;grid-template-rows:60fr 40fr;min-height:0;height:100vh;}
  .jd-ozadje span{font-size:150px;}
  .jd-ozadje span:nth-child(2){top:.85em;left:.2em;}
  .jd-hero__nad{top:12%;left:24px;font-size:14px;}
  .jd-hero__naslov{top:30%;left:24px;right:24px;font-size:30px;}
  .jd-hero__logo{left:20px;bottom:8%;width:160px;}
  .jd-miska{display:none;}

  .jd-uvod{padding:56px 0 24px;}
  .jd-uvod .jd-ovoj{grid-template-columns:1fr;gap:40px;}
  .jd-kolaz{max-width:300px;margin:0 auto;}

  .jd-podatki{padding-bottom:56px;}
  .jd-podatki .jd-ovoj{position:static;min-height:0;padding:0;}
  .jd-podatki__seznam{max-width:none;padding:32px 24px 0;}
  .jd-cena{padding:32px 24px 36px;margin-top:0;}
  .jd-cena h3{font-size:28px;}
  .jd-cena p{max-width:none;}
  .jd-podatki__slika{position:relative;bottom:auto;right:auto;width:auto;margin:-12px 24px 0;}
  .jd-podatki__slika img{aspect-ratio:4/5;}

  .jd-info{padding-bottom:64px;}
  .jd-info__mreza{grid-template-columns:1fr;}
  .jd-info__naslov{padding:0 24px 22px;font-size:26px;}
  .jd-info__panel{padding:28px 24px;}
}

@media (prefers-reduced-motion:reduce){ .jd-miska::before{animation:none;} }/* End custom CSS */