/* === KTO MENU – LIGHT CSS === */
:root{
  --font-main:'Mohave',sans-serif;
  --c-white:#fff;
  --c-black:#111;
  --c-text:#333;
  --c-muted:#aaa;
  --c-gray:#bbb;
  --c-line:#eee;
  --c-border:#ddd;
  --c-border-dark:#222;
  --c-bg-soft:#f5f5f5;
  --c-accent:#ff7f00;
  --c-user:#003B5C;
  --c-danger:red;
  --radius:8px;
  --tr-fast:0.2s ease;
  --tr:0.3s ease;
}

/* Base */
.kto-menu{
  width:100%;
  position:fixed;top:0;z-index:9999;
  font-family:var(--font-main);
  transition:transform var(--tr);
}
.kto-menu-spacer{height:125px;}
@media (max-width:768px){.kto-menu-spacer{height:95px;}}

/* Top bar */
.kto-top-bar{background:var(--c-white);border-bottom:1px solid var(--c-border);padding:20px 0;}
.kto-inner{
  max-width:1250px;margin:0 auto;padding:0 20px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;
}
.kto-logo{justify-self:start;}
.kto-logo img{height:60px;}

/* Search & icons */
.kto-search{justify-self:right;display:flex;justify-content:center;}
.kto-icons{display:flex;gap:15px;justify-self:end;align-items:center;}
.kto-icons i,.kto-icons svg{
  color:#000;fill:#000;font-size:22px;opacity:1;
  transition:color var(--tr),fill var(--tr),transform var(--tr-fast),opacity var(--tr-fast);
}
.kto-icons a:hover i,.kto-icons a:hover svg{transform:scale(1.15);opacity:.85;}
.kto-heart:hover i{color:var(--c-danger)!important;}
.kto-heart:hover svg{fill:var(--c-danger)!important;}
.kto-icons a[href*="moje-konto"]:hover i{color:var(--c-user);}
.kto-icons a[href*="moje-konto"]:hover svg{fill:var(--c-user);}
.sc-cart-icon:hover svg{fill:var(--c-accent)!important;color:var(--c-accent)!important;}

/* Nav bar & main menu */
.kto-nav-bar{background:var(--c-black);}
.kto-nav-bar .kto-inner{display:flex;justify-content:center;align-items:center;}
.kto-main-menu,.kto-main-menu ul{list-style:none;margin:0;padding:0;}
.kto-main-menu{display:flex;gap:30px;position:relative;}
.kto-main-menu li{position:relative;}
.kto-main-menu li a{
  position:relative;display:block;padding:15px 10px;
  color:var(--c-white);text-decoration:none;white-space:nowrap;
  font-size:18px;font-weight:400;text-transform:uppercase;
  transition:color var(--tr);
}
.kto-main-menu li a::after{
  content:'';position:absolute;left:50%;bottom:8px;transform:translateX(-50%) scaleX(0);transform-origin:center;
  width:60%;height:2px;background-color:var(--c-white);transition:transform var(--tr);
}
.kto-main-menu li a:hover{color:var(--c-gray);background:transparent;}
.kto-main-menu li a:hover::after{transform:translateX(-50%) scaleX(1);}
.kto-main-menu li:hover>ul{display:block;}

/* Dropdown submenu */
.kto-main-menu ul.sub-menu{
  display:none;position:absolute;top:100%;left:0;z-index:10000;
  min-width:200px;background:var(--c-black);box-shadow:0 4px 10px rgba(0,0,0,.2);
}
.kto-main-menu ul.sub-menu li a{
  padding:10px 15px;font-size:14px;color:var(--c-white);border-bottom:1px solid var(--c-border-dark);
}
.kto-main-menu ul.sub-menu li a:hover{background:var(--c-border-dark);}

/* Mega menu */
.kto-mega-menu{
  display:none;position:absolute;top:100%;left:0;z-index:998;width:100vw;
  background:var(--c-black);box-shadow:0 10px 25px rgba(0,0,0,.3);padding-bottom:30px;
}
.kto-mega-menu .kto-inner{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:40px 30px;max-width:1080px;margin:0 auto;padding:0 30px;
}
.kto-mega-column{width:100%;padding:0;}
.kto-mega-column h4{
  margin:0 0 12px;font-size:18px;font-weight:700;color:var(--c-white);
  text-transform:uppercase;display:flex;align-items:center;gap:6px;
}
.kto-mega-column h4::before{content:'■';color:var(--c-accent);font-size:12px;}
.kto-mega-column ul{list-style:none;margin:0;padding:0;}
.kto-mega-column ul li a{
  display:block;padding:4px 0;font-size:15px;color:#eee;text-decoration:none;transition:color var(--tr);
}
.kto-mega-column ul li a:hover{color:var(--c-accent);}
.kto-mega-column.kto-mega-image img{max-width:200px;border-radius:8px;}

/* Shared grid inside mega (tiles/lists) */
.kto-mega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.kto-mega-tile{padding:0;border:none;background:transparent;box-shadow:none;}
.kto-mega-heading{
  display:flex;align-items:center;gap:8px;text-transform:uppercase;
  font-size:19px;font-weight:500;color:var(--c-white);
}
.kto-mega-heading .kto-dot{width:8px;height:8px;background:var(--c-accent);display:block;flex-shrink:0;transform:translateY(-2px);}
.kto-mega-tile ul{list-style:none;margin:0;padding:0;}
.kto-mega-tile ul li{margin:0;}
.kto-mega-tile ul li a{font-size:16px;color:#ccc;text-decoration:none;transition:color var(--tr);}
.kto-mega-tile ul li a:hover{color:var(--c-accent);}

/* Mega menu – latest post tile */
.kto-mega-latest .latest-post-thumbnail{text-decoration:none;}
.latest-post-image-wrapper{position:relative;aspect-ratio:5/3;width:100%;margin-bottom:5px;overflow:hidden;}
.latest-post-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.latest-post-badge{
  position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;gap:4px;align-items:center;
  background:var(--c-accent);color:var(--c-black);font-size:14px;font-weight:600;letter-spacing:1px;
  padding:3px 8px;border-radius:0;text-transform:uppercase;
}
.latest-post-badge i{font-size:13px;line-height:1;position:relative;transform:translateY(-2px);}
.latest-post-title{
  display:inline-block;font-size:19px;letter-spacing:.8px;
  color:var(--c-white)!important;font-weight:300;text-decoration:none;
}
.latest-post-title:hover{color:#ffa733;}

/* Mobile menu */
.kto-hamburger{display:none;cursor:pointer;font-size:28px;margin-top:5px;color:var(--c-white);}
.kto-mobile-menu{
  position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;
  background:var(--c-black);transform:translateX(-100%);transition:transform var(--tr);
  padding:20px;overflow-y:auto;
}
.kto-mobile-menu.active{transform:translateX(0);}
.kto-mobile-close{position:absolute;top:20px;right:20px;font-size:36px;color:var(--c-white);cursor:pointer;}
.kto-mobile-main-menu{list-style:none;margin:40px 0 5px;padding:0;}
.kto-mobile-main-menu li{margin-bottom:10px;}
.kto-mobile-main-menu li a{
  display:block;margin-bottom:15px;text-align:center;text-transform:uppercase;
  color:var(--c-white);font-size:20px;text-decoration:none;
}

/* Mobile submenu (single source of truth) */
.kto-mobile-submenu{
  font-size:11px;margin-left:10px;padding-left:10px;border-left:2px solid #444;
  max-height:0;opacity:0;overflow:hidden;transform:scaleY(.95);transform-origin:top;
  transition:max-height .4s ease,opacity var(--tr),transform var(--tr);
}
.kto-mobile-submenu.active{max-height:1000px;opacity:1;transform:scaleY(1);}
.kto-mobile-submenu a{display:block;font-size:13px;color:#ccc;text-transform:none;transition:color var(--tr);}
.kto-mobile-submenu a:hover{color:var(--c-white);}
.kto-mobile-submenu strong{
  display:block;margin:10px 0 5px;text-align:center;letter-spacing:.5px;
  font-size:17px;font-weight:700;text-transform:uppercase;color:var(--c-accent);
}
.kto-mobile-main-menu .kto-submenu-link{font-size:17px;margin-bottom:8px;text-transform:none;}
.kto-mobile-main-menu li.has-submenu a{display:flex;align-items:center;justify-content:center;gap:8px;}
.kto-mobile-divider{border:none;border-top:1px solid #444;margin:30px 0 20px;}
.kto-mobile-logo{text-align:center;margin-top:25px;}
.kto-mobile-logo img{height:120px;max-width:180px;display:inline-block;}
.chevron-icon{font-size:14px;color:var(--c-white);transition:transform var(--tr);}
.kto-mobile-extras{padding-top:30px;display:flex;flex-direction:column;gap:15px;}
body.no-scroll{overflow:hidden;}

/* Socials */
.kto-social-icons{display:flex;justify-content:center;gap:20px;}
.kto-social-icons a{color:var(--c-white)!important;font-size:22px;transition:color var(--tr);}
.kto-social-icons a:hover{color:var(--c-gray);}

/* Search (desktop + mobile unified) */
.kto-search-wrapper-container{position:relative;width:100%;}
.kto-search-form{width:100%;max-width:650px;transition:all .4s ease;}
.kto-search form{
  position:relative;display:flex;align-items:center;gap:10px;
  background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius);
  padding:5px 15px;height:45px;overflow:hidden;width:100%;box-sizing:border-box;
}
.kto-search form input[type="search"]{
  flex:1;border:none;outline:none;background:transparent;font-family:var(--font-main);
  font-size:17px;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px;
}
.kto-search form input[type="submit"],.kto-search form button{display:none;}
.kto-search-wrapper{display:flex;align-items:center;position:relative;width:100%;}
.kto-search-wrapper i.fas.fa-search{color:var(--c-muted);font-size:16px;line-height:1;margin-right:10px;}
.kto-search-wrapper input[type="search"]{width:180px;transition:width .4s ease;}
.kto-search-wrapper input[type="search"].expanded{width:400px;}

/* Live results */
.kto-live-results{
  position:absolute;top:100%;left:0;right:0;z-index:10000;
  background:var(--c-white);border-radius:0 0 var(--radius) var(--radius);
  box-shadow:0 4px 8px rgba(0,0,0,.1);
  max-height:300px;overflow-y:auto;min-width:300px;
  scrollbar-width:thin;scrollbar-color:var(--c-accent) var(--c-bg-soft);
}
.kto-live-results ul,.kto-live-results-list{list-style:none;margin:0;padding:0;}
.kto-live-results li,.kto-live-result-item{border-bottom:1px solid #eee;}
.kto-live-results li a,.kto-live-result-item a{
  display:flex;align-items:center;gap:10px;padding:10px 12px;
  color:var(--c-text);text-decoration:none;
}
.kto-live-results li a:hover,.kto-live-result-item a:hover{background:var(--c-bg-soft);}
.kto-result-thumb{width:45px;height:45px;object-fit:cover;border-radius:4px;flex-shrink:0;}
.kto-result-title{font-size:15px;color:var(--c-black);line-height:1.3;}
/* webkit scrollbar */
.kto-live-results::-webkit-scrollbar{width:8px;}
.kto-live-results::-webkit-scrollbar-track{background:var(--c-bg-soft);border-radius:4px;}
.kto-live-results::-webkit-scrollbar-thumb{background-color:var(--c-accent);border-radius:4px;border:2px solid var(--c-bg-soft);}
.kto-live-results::-webkit-scrollbar-thumb:hover{background-color:#e66f00;}

/* Responsive tweaks */
@media (max-width:768px){
  .kto-top-bar{padding:10px;}
  .kto-inner{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap;}
  .kto-logo{flex:0 0 auto;}
  .kto-logo img{height:40px;padding:unset!important;}
  .kto-search{display:none;}
  .kto-hamburger{display:block;}
  .kto-icons{flex:0 0 auto;gap:10px;display:flex;align-items:center;}
  .kto-icons i,.kto-icons svg{font-size:18px;}

  /* optional mobile search block */
  .kto-mobile-search{display:block;margin-top:20px;padding:0 10px;}
  .kto-mobile-search form{
    background:#222;border:1px solid #444;border-radius:6px;
    padding:5px 12px;height:42px;display:flex;align-items:center;
  }
    .kto-nav-bar .kto-main-menu { display: none !important; }

  .kto-mobile-search input[type="search"]{
    flex:1;background:transparent;border:none;outline:none;color:var(--c-white);
    font-size:15px;font-family:var(--font-main);padding-left:5px;
  }
  .kto-mobile-search input::placeholder{color:var(--c-muted);opacity:1;}
  .kto-mobile-search i.fas.fa-search{color:var(--c-muted);font-size:16px;}
}