/* TOPMEN custom styles (external) */

/* =========================
   Variables / small tweaks
========================= */
:root{
  --gradient-blue: linear-gradient(270deg, #0CE8D3 0%, #0059FF 100%);
}

.next-to-carousel-banners .banner-wrapper img{
  max-height:210px;
}

/* =========================
   Homepage – hide blog block
========================= */
body.type-index .homepage-blog,
body.type-index .homepage-blog-wrapper,
body.type-index .blog-feed,
body.type-index .blog-homepage,
body.type-index .homepage-box.blog,
body.type-index .homepage-box--blog,
body.type-index .news-wrapper,
body.type-index .articles-wrapper{
  display:none !important;
}
body.type-index .content-wrapper-in:empty{
  display:none !important;
}

/* spacing above "TISK NA MÍRU" */
body.type-index .homepage-products-heading-2{
  margin-top:50px !important;
  padding-top:0 !important;
}
body.type-index #products-2{
  margin-top:0 !important;
  padding-top:0 !important;
  margin-bottom:28px;
}

/* =========================
   Header – logo size
========================= */
.site-name{
  width:220px !important;
  height:60px !important;
}
.site-name img{
  width:220px !important;
  height:auto !important;
  max-width:none !important;
  display:block !important;
}
@media (max-width:768px){
  .site-name{ width:180px !important; height:50px !important; }
  .site-name img{ width:180px !important; }
}

/* =========================
   Header – remove "Kategorie" button everywhere
========================= */
button.navigation-btn{
  display:none !important;
}

/* =========================
   Top menu – bold
========================= */
ul.top-navigation-bar-menu > li > a,
ul.top-navigation-bar-menu > li > span{
  font-weight:800 !important;
}

/* Login + cart – bigger + bold */
.top-navigation-tools a,
.top-navigation-tools span,
.navigation-buttons a,
.navigation-buttons span{
  font-weight:800 !important;
  font-size:15px;
  letter-spacing:.02em;
}
@media (max-width:768px){
  .top-navigation-tools a,
  .top-navigation-tools span,
  .navigation-buttons a,
  .navigation-buttons span{
    font-size:14px;
  }
}

/* tools (icons) aligned right */
.top-navigation{
  display:flex;
  align-items:center;
}
.top-navigation-tools{
  margin-left:auto !important;
  display:flex;
  align-items:center;
  gap:10px;
}

/* =========================
   Category / listing pages – make solid box like homepage
   (fix for .content-wrapper-in on category pages)
========================= */
body.type-category .content-wrapper-in,
body.type-category .content-wrapper-in > .in,
body.type-category .content-wrapper{
  background:#efefef !important;
}

body.type-category .content-wrapper-in{
  max-width:1400px;
  margin:0 auto 40px;
  padding:40px 26px;
  border-radius:28px;
}

/* make inner boxes clean */
body.type-category .content-wrapper-in .container,
body.type-category .content-wrapper-in .row,
body.type-category .content-wrapper-in .in{
  background:transparent !important;
}

/* Mobile – category wrapper */
@media (max-width:768px){
  body.type-category .content-wrapper-in{
    padding:24px 16px;
    border-radius:18px;
    margin-bottom:24px;
  }
}

/* =========================
   Product detail – grey wrappers + rounded corners
========================= */
.row.product-top{
  background:#efefef;
  padding:40px 0;
  margin:0 auto 32px;
  border-radius:28px;
  max-width:1400px;
}

.shp-tabs-wrapper.p-detail-tabs-wrapper{
  background:#efefef;
  padding:40px 0 50px;
  margin:0 auto 40px;
  border-radius:28px;
  max-width:1400px;
}

.shp-tabs-wrapper .shp-tab-content,
.shp-tabs-wrapper .detail-description,
.shp-tabs-wrapper .detail-params{
  background:#fff;
  border-radius:18px;
  padding:30px;
}

/* product params layout (table/dl/ul) */
.type-product .detail-params,
.type-product .p-detail-params,
.type-product .params,
.type-product .p-detail-tabs-wrapper .detail-params{
  text-align:left;
}

.type-product .detail-params table,
.type-product .p-detail-params table{
  width:100%;
  border-collapse:collapse;
}
.type-product .detail-params table tr,
.type-product .p-detail-params table tr{
  border-bottom:1px solid rgba(0,0,0,.08);
}
.type-product .detail-params table td,
.type-product .p-detail-params table td{
  padding:12px 10px;
  vertical-align:top;
}
.type-product .detail-params table td:first-child,
.type-product .p-detail-params table td:first-child{
  width:38%;
  font-weight:800;
  color:#111;
  opacity:.9;
}
.type-product .detail-params table td:last-child,
.type-product .p-detail-params table td:last-child{
  width:62%;
  color:#222;
}

.type-product .detail-params dl,
.type-product .p-detail-params dl{
  display:grid;
  grid-template-columns:38% 62%;
  gap:10px 18px;
  margin:0;
}
.type-product .detail-params dt,
.type-product .p-detail-params dt{
  font-weight:800;
  color:#111;
  opacity:.9;
  margin:0;
}
.type-product .detail-params dd,
.type-product .p-detail-params dd{
  margin:0;
  color:#222;
}

.type-product .detail-params ul,
.type-product .p-detail-params ul{
  list-style:none;
  margin:0;
  padding:0;
}
.type-product .detail-params li,
.type-product .p-detail-params li{
  display:grid;
  grid-template-columns:38% 62%;
  gap:10px 18px;
  padding:12px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
}

@media (max-width:768px){
  .row.product-top,
  .shp-tabs-wrapper.p-detail-tabs-wrapper{
    padding:24px 16px;
    border-radius:18px;
    margin-bottom:24px;
  }

  .shp-tabs-wrapper .shp-tab-content,
  .shp-tabs-wrapper .detail-description,
  .shp-tabs-wrapper .detail-params{
    padding:20px;
    border-radius:14px;
  }

  .type-product .detail-params dl,
  .type-product .p-detail-params dl,
  .type-product .detail-params li,
  .type-product .p-detail-params li{
    grid-template-columns:1fr;
  }

  .type-product .detail-params table td:first-child,
  .type-product .p-detail-params table td:first-child,
  .type-product .detail-params table td:last-child,
  .type-product .p-detail-params table td:last-child{
    display:block;
    width:100%;
    padding:8px 0;
  }
  .type-product .detail-params table tr,
  .type-product .p-detail-params table tr{
    display:block;
    padding:10px 0;
  }
}

/* =========================
   Article / page (pageArticleDetail) – grey wrapper + rounded corners
========================= */
article.pageArticleDetail{
  background:#efefef;
  border-radius:28px;
  max-width:1400px;
  margin:0 auto 40px;
  padding:40px 26px;
}
article.pageArticleDetail .container,
article.pageArticleDetail .content-wrapper-in,
article.pageArticleDetail .content-wrapper{
  background:transparent !important;
}
@media (max-width:768px){
  article.pageArticleDetail{
    padding:24px 16px;
    border-radius:18px;
    margin-bottom:24px;
  }
}

/* =========================
   Optional: if you want variants to look like select (visual only)
   (real switching to select is in JS / Shoptet setting)
========================= */
/* keep this commented by default */
/*
.type-product .variant-list{ display:none !important; }
*/