/*
 * Delicious Rev 0.5.0 / Faza 4B.
 * Non-destructive overrides of v0.4.0, derived from original Helix3
 * custom CSS and supplied before/after screenshots. Applies to SR, EN, RU.
 * Fonts are not redistributed. If licensed local font files already exist,
 * copy them to /media/delicious-assets/ to enable exact heading faces.
 */
@font-face {
  font-family: "Delicious Kepler";
  src: url("/media/delicious-assets/KeplerStd-Bold.woff2") format("woff2");
  font-style: normal; font-weight: 700; font-display: swap;
}
@font-face {
  font-family: "Delicious Caslon";
  src: url("/media/delicious-assets/ACaslonPro-Bold.woff2") format("woff2");
  font-style: normal; font-weight: 700; font-display: swap;
}

/* 1. Original beige language bar: one row / flags at right edge of 1170px container. */
#sp-top-bar.delicious-section-top-bar {height:20px;min-height:20px;border-bottom:0;padding:0;position:relative;z-index:101;}
#sp-top-bar>.delicious-container {height:20px;max-width:var(--delicious-max);width:calc(100% - 30px);margin-inline:auto;}
#sp-top-bar .delicious-section-grid {height:20px;min-height:20px;align-items:center;}
#sp-top-bar .delicious-slot {padding-block:0;}
#sp-top-bar .delicious-slot-top2 {text-align:right;display:flex;justify-content:flex-end;align-items:center;height:20px;}
#sp-top-bar .delicious-slot-top2 .mod-languages {display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:0;line-height:1;}
/* Hide visible Joomla pretext only; don't remove the accessible language controls. */
#sp-top-bar .mod-languages p,
#sp-top-bar .mod-languages .pretext,
#sp-top-bar .mod-languages .mod-languages__pretext {display:none!important;}
#sp-top-bar .mod-languages ul,
#sp-top-bar .mod-languages ul.lang-inline {display:flex!important;justify-content:flex-end;align-items:center;gap:7px;list-style:none!important;margin:0!important;padding:0!important;height:auto;}
#sp-top-bar .mod-languages li {display:inline-flex;align-items:center;list-style:none!important;float:none!important;margin:0!important;padding:0!important;line-height:1;}
#sp-top-bar .mod-languages li a {display:inline-flex;align-items:center;padding:0!important;}
#sp-top-bar .mod-languages img {width:17px;height:auto;max-height:12px;vertical-align:middle;display:block;}

/* 2. Original navbar sits 20px BELOW topbar, on top of the kitchen image. */
body.page-home #sp-header.delicious-header,
body.header-overlay #sp-header.delicious-header {
  position:absolute!important; top:auto!important; left:0; right:0;
  margin:20px 0 0!important; min-height:60px!important;height:60px!important;
  background:#fbee2c!important;z-index:90;
}
body:not(.page-home):not(.header-overlay) #sp-header.delicious-header {background:#fbee2c;}
#sp-header>.delicious-container {width:calc(100% - 30px)!important;max-width:var(--delicious-max)!important;margin:0 auto!important;}
#sp-header .delicious-header-grid {height:60px!important;align-items:center!important;}
#sp-header .delicious-header-logo {display:flex;align-items:center;justify-content:center;padding-inline:10px;}
#sp-header .delicious-logo {display:inline-flex;justify-content:center;align-items:center;width:auto;max-width:100%;height:60px;}
#sp-header .delicious-logo img {display:block;max-width:100%;width:auto;height:auto;max-height:60px;}
#sp-header .delicious-header-menu {align-items:center;justify-content:flex-end;}
#sp-header .delicious-nav .mod-menu {display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0;}
#sp-header .delicious-nav .mod-menu>li {align-self:center;display:flex;align-items:center;float:none;height:60px;list-style:none;}
#sp-header .delicious-nav .mod-menu>li>a,
#sp-header .delicious-nav .mod-menu>li>span {
  font-family:"Open Sans",Arial,Helvetica,sans-serif!important;
  font-size:14px!important;font-weight:300!important;letter-spacing:1px;
  line-height:24px!important;padding:18px 15px!important;
  text-decoration:none;white-space:nowrap;color:#462c13;
}
#sp-header .delicious-nav .mod-menu>li>a:hover {color:#bb732d;}
/* Karijera and all nested items retain their real routes/IDs, but the old
   public header did not expose a dropdown. Hide it only in navigation. */
#sp-header .delicious-nav .mod-menu>li>ul,
#sp-header .delicious-nav .mod-menu .nav-child,
#sp-header .delicious-nav .mod-menu .dropdown-menu,
#sp-header .delicious-nav .mod-menu li:hover>ul,
#sp-header .delicious-nav .mod-menu li:focus-within>ul,
#sp-header .delicious-nav .mod-menu button.dropdown-toggle {display:none!important;}
#sp-header .delicious-nav .mod-menu>li>a::after {content:none!important;display:none!important;}

/* 3. Original 10px zig-zag motif beneath the full-bleed hero image. */
body.page-home #sp-slider,body.page-home #sp-slider-mobile {position:relative;overflow:visible;}
body.page-home #sp-slider::after,body.page-home #sp-slider-mobile::after {
  content:"";position:absolute;pointer-events:none;z-index:25;
  bottom:0;left:0;right:0;height:10px;
  background:url("/images/arrow-top.png") repeat-x left bottom;
}
/* Do not add decoration or header-offset whitespace to career sliders. */

/* 4. Center the ENTIRE product block, not just text inside an off-centre wrapper. */
body.page-home #sp-top-c.delicious-section-home-products {display:flex!important;justify-content:center!important;width:100%;clear:both;box-sizing:border-box;padding:39px 0 37px;}
body.page-home #sp-top-c.delicious-section-home-products>.delicious-container {
  display:block!important;box-sizing:border-box;width:calc(100% - 36px)!important;
  max-width:1170px!important;margin-left:auto!important;margin-right:auto!important;
  float:none!important;position:relative;left:auto;right:auto;transform:none;
}
body.page-home #sp-top-c.delicious-section-home-products .delicious-section-grid {
  display:flex;justify-content:center;box-sizing:border-box;width:calc(100% + 20px);
  margin-left:-10px!important;margin-right:-10px!important;
}
body.page-home #sp-top-c .delicious-slot-top11 {flex:0 0 100%!important;max-width:100%!important;width:100%;padding:0 10px;min-width:0;}
body.page-home #sp-top-c .delicious-home-heading,
body.page-home #sp-top-c .delicious-home-gallery,
body.page-home #sp-top-c .delicious-home-cta {display:block;width:100%;margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
body.page-home #sp-top-c .delicious-home-heading {margin-bottom:30px;}
body.page-home #sp-top-c .delicious-home-heading h1,
body.page-home #sp-top-c .delicious-home-heading h2,
body.page-home #sp-top-c .delicious-home-heading h3 {
  margin:0;text-align:center!important;font-family:"Delicious Kepler",Georgia,"Times New Roman",serif;
  font-weight:700;font-size:clamp(32px,2.9vw,50px);line-height:1.28;color:#6f3625;
}
body.page-home #sp-top-c .delicious-home-heading h1 .nase,
body.page-home #sp-top-c .delicious-home-heading h2 .nase {
  font-family:"Open Sans",Arial,sans-serif;font-size:clamp(11px,.8vw,14px);
  font-weight:700;display:inline-block;text-transform:uppercase;
  margin:0 14px;letter-spacing:0;vertical-align:middle;
}
body.page-home #sp-top-c .delicious-home-gallery {max-width:1080px;margin-bottom:14px;}
body.page-home #sp-top-c .delicious-home-gallery .dl6wk-list {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-content:center;gap:22px;width:100%;max-width:1080px;margin:0 auto;
}
body.page-home #sp-top-c .delicious-home-gallery .dl6wk-item {min-width:0;}
body.page-home #sp-top-c .delicious-home-gallery .dl6wk-media {width:190px;max-width:100%;margin:0 auto;}
body.page-home #sp-top-c .delicious-home-gallery .dl6wk-title {
  font-family:"Delicious Kepler",Georgia,"Times New Roman",serif;
  font-size:20px;font-weight:700;color:#6f3625;
}
body.page-home #sp-top-c .delicious-home-cta {margin-top:4px;}
body.page-home #sp-top-c .delicious-home-cta a {
  font-family:"Delicious Kepler",Georgia,serif;font-size:15px;min-width:155px;
  line-height:30px;padding:5px 10px;text-transform:uppercase;
}

/* 5. Original repeated wooden footer + original social images. */
#sp-footer.delicious-footer {
  background:#331b0c url("/images/bg-02.jpg") repeat center center!important;
  min-height:56px;padding:17px 0!important;text-align:center!important;
}
#sp-footer .delicious-footer-grid {display:flex;justify-content:center!important;align-items:center;text-align:center;margin:0 auto;}
#sp-footer .delicious-footer-grid>.delicious-slot:first-child {flex:0 0 100%!important;max-width:100%!important;width:100%;text-align:center;}
#sp-footer .delicious-copyright {display:flex;justify-content:center!important;align-items:center;gap:6px;flex-wrap:wrap;text-align:center!important;font-size:13px;font-weight:300;}
#sp-footer .delicious-social {display:inline-flex;gap:2px;align-items:center;justify-content:center;}
#sp-footer .delicious-social a {display:inline-flex;align-items:center;justify-content:center;background:none!important;border:0!important;padding:0!important;width:20px!important;height:20px!important;border-radius:0!important;}
#sp-footer .delicious-social img {display:block;width:20px;height:20px;object-fit:contain;}

@media (max-width:991px) {
  #sp-header .delicious-nav {display:none;}
  #sp-header .delicious-mobile-menu {display:block;}
  /* Original navigation has no public career submenu on mobile either. */
  #sp-header .delicious-mobile-menu nav .mod-menu ul,
  #sp-header .delicious-mobile-menu nav .nav-child {display:none!important;}
  #sp-header .delicious-header-logo {justify-content:flex-start;}
  #sp-top-bar .delicious-slot-top2 {flex-basis:100%;max-width:100%;}
}
@media (max-width:767px) {
  #sp-top-bar .delicious-section-grid {flex-wrap:nowrap;}
  #sp-top-bar .delicious-slot-top1 {flex:0 0 20%;max-width:20%;}
  #sp-top-bar .delicious-slot-top2 {flex:0 0 80%;max-width:80%;text-align:right!important;}
  #sp-header .delicious-header-logo {flex:0 0 66.666667%;max-width:66.666667%;}
  #sp-header .delicious-header-menu {flex:0 0 33.333333%;max-width:33.333333%;}
  body.page-home #sp-top-c .delicious-home-heading h1,
  body.page-home #sp-top-c .delicious-home-heading h2 {font-size:31px;}
  body.page-home #sp-top-c .delicious-home-gallery .dl6wk-list {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;}
  body.page-home #sp-top-c .delicious-home-gallery .dl6wk-media {width:145px;}
  #sp-footer .delicious-copyright {font-size:12px;}
}