/* =========================================================
   JOSPORT.CZ — REDESIGN 2026 / PRÁZDNÝ KOŠÍK V1
   ČISTÁ ÚPRAVA DESIGNU — POUZE CSS
   Hlavní barva: #254480
   Akcent: #199CE6
   ========================================================= */

:root{
  --jec-primary:#254480;
  --jec-primary-dark:#193560;
  --jec-accent:#199ce6;
  --jec-accent-light:#52baf1;
  --jec-bg:#f3f6fa;
  --jec-white:#fff;
  --jec-text:#17304f;
  --jec-muted:#66788e;
  --jec-line:#dbe4ee;
  --jec-shadow:0 18px 48px rgba(26,52,96,.10);
}

/* Pouze stránka košíku */
body.in-kosik,
body[class*="in-kosik"]{
  background:var(--jec-bg);
}

/* HLAVNÍ OBSAH */
body.in-kosik main#content,
body[class*="in-kosik"] main#content{
  padding-top:34px;
  padding-bottom:70px;
}

body.in-kosik main#content > .container,
body[class*="in-kosik"] main#content > .container{
  max-width:1540px;
}

/* NADPIS PRÁZDNÉHO KOŠÍKU */
body.in-kosik h1,
body.in-kosik .cart-empty h1,
body.in-kosik .empty-cart h1,
body[class*="in-kosik"] h1{
  position:relative;
  margin:0 0 26px!important;
  padding:0 0 17px!important;
  color:var(--jec-primary-dark)!important;
  font-family:"Roboto Condensed","Roboto",Arial,sans-serif!important;
  font-size:36px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:-.02em;
}

body.in-kosik h1::after,
body[class*="in-kosik"] h1::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:74px;
  height:4px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--jec-accent),var(--jec-accent-light));
}

/* ROZLOŽENÍ */
body.in-kosik .cart-empty,
body.in-kosik .empty-cart,
body.in-kosik .cart-content,
body[class*="in-kosik"] .cart-empty,
body[class*="in-kosik"] .empty-cart,
body[class*="in-kosik"] .cart-content{
  position:relative;
}

/* Bílé boxy v prázdném košíku */
body.in-kosik .cart-empty .content-inner,
body.in-kosik .cart-empty .cart-empty-content,
body.in-kosik .empty-cart .content-inner,
body.in-kosik .empty-cart .cart-empty-content,
body.in-kosik .cart-content .box,
body.in-kosik .cart-content .sidebar-inner,
body.in-kosik .cart-content .content-inner,
body[class*="in-kosik"] .cart-content .box,
body[class*="in-kosik"] .cart-content .sidebar-inner,
body[class*="in-kosik"] .cart-content .content-inner{
  background:var(--jec-white)!important;
  border:1px solid rgba(37,68,128,.08)!important;
  border-radius:18px!important;
  box-shadow:var(--jec-shadow)!important;
}

/* Levý hlavní blok */
body.in-kosik .cart-empty .content-inner,
body.in-kosik .empty-cart .content-inner,
body.in-kosik .cart-content .content-inner,
body[class*="in-kosik"] .cart-content .content-inner{
  padding:34px 38px!important;
}

/* Pravý pomocný blok */
body.in-kosik .cart-content .sidebar-inner,
body.in-kosik aside .box,
body.in-kosik .cart-sidebar,
body[class*="in-kosik"] .cart-content .sidebar-inner,
body[class*="in-kosik"] aside .box{
  padding:28px 30px!important;
}

/* Mezery mezi sloupci */
body.in-kosik .cart-content,
body.in-kosik .cart-empty .row,
body.in-kosik .empty-cart .row,
body[class*="in-kosik"] .cart-content,
body[class*="in-kosik"] .cart-empty .row{
  gap:20px;
}

/* PODNADPISY */
body.in-kosik h2,
body.in-kosik h3,
body.in-kosik .h2,
body.in-kosik .h3,
body[class*="in-kosik"] h2,
body[class*="in-kosik"] h3{
  color:var(--jec-primary-dark)!important;
  font-family:"Roboto Condensed","Roboto",Arial,sans-serif!important;
  font-weight:700!important;
}

body.in-kosik .cart-content h2,
body.in-kosik .cart-content h3,
body.in-kosik .cart-empty h2,
body.in-kosik .cart-empty h3,
body[class*="in-kosik"] .cart-content h2,
body[class*="in-kosik"] .cart-content h3{
  margin-top:0!important;
  margin-bottom:18px!important;
  font-size:20px!important;
}

/* SEZNAM NABÍDKY */
body.in-kosik .cart-empty ul,
body.in-kosik .empty-cart ul,
body.in-kosik .cart-content ul,
body[class*="in-kosik"] .cart-empty ul,
body[class*="in-kosik"] .cart-content ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

body.in-kosik .cart-empty li,
body.in-kosik .empty-cart li,
body.in-kosik .cart-content li,
body[class*="in-kosik"] .cart-empty li,
body[class*="in-kosik"] .cart-content li{
  margin:0 0 7px!important;
  padding:0!important;
}

body.in-kosik .cart-empty li a,
body.in-kosik .empty-cart li a,
body.in-kosik .cart-content li a,
body[class*="in-kosik"] .cart-empty li a,
body[class*="in-kosik"] .cart-content li a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding-left:18px!important;
  color:var(--jec-primary)!important;
  font-size:14px!important;
  line-height:1.4!important;
  text-decoration:none!important;
  transition:color .2s ease,transform .2s ease;
}

body.in-kosik .cart-empty li a::before,
body.in-kosik .empty-cart li a::before,
body.in-kosik .cart-content li a::before,
body[class*="in-kosik"] .cart-empty li a::before,
body[class*="in-kosik"] .cart-content li a::before{
  content:"";
  position:absolute;
  left:1px;
  width:6px;
  height:6px;
  border-top:2px solid var(--jec-accent);
  border-right:2px solid var(--jec-accent);
  transform:rotate(45deg);
}

body.in-kosik .cart-empty li a:hover,
body.in-kosik .empty-cart li a:hover,
body.in-kosik .cart-content li a:hover,
body[class*="in-kosik"] .cart-empty li a:hover,
body[class*="in-kosik"] .cart-content li a:hover{
  color:var(--jec-accent)!important;
  transform:translateX(4px);
}

/* VYHLEDÁVÁNÍ */
body.in-kosik .search-form,
body.in-kosik form.search-form,
body.in-kosik .cart-empty form,
body[class*="in-kosik"] .search-form,
body[class*="in-kosik"] .cart-empty form{
  position:relative;
}

body.in-kosik .search-form fieldset,
body.in-kosik form.search-form fieldset,
body.in-kosik .cart-empty form fieldset,
body[class*="in-kosik"] .search-form fieldset{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:520px;
  margin:0!important;
  padding:5px!important;
  background:#fff!important;
  border:1px solid var(--jec-line)!important;
  border-radius:999px!important;
  box-shadow:0 12px 32px rgba(37,68,128,.10)!important;
}

body.in-kosik .search-form input,
body.in-kosik form.search-form input,
body.in-kosik .cart-empty form input,
body[class*="in-kosik"] .search-form input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:48px!important;
  margin:0!important;
  padding:0 20px!important;
  color:var(--jec-text)!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

body.in-kosik .search-form input::placeholder,
body.in-kosik .cart-empty form input::placeholder,
body[class*="in-kosik"] .search-form input::placeholder{
  color:#8796a8!important;
  opacity:1!important;
}

body.in-kosik .search-form button,
body.in-kosik .search-form .btn,
body.in-kosik .cart-empty form button,
body[class*="in-kosik"] .search-form button{
  flex:0 0 auto!important;
  min-width:64px!important;
  height:48px!important;
  margin:0!important;
  padding:0 20px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--jec-primary),#0c72b5)!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 8px 18px rgba(25,156,230,.22)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

body.in-kosik .search-form button:hover,
body.in-kosik .search-form .btn:hover,
body.in-kosik .cart-empty form button:hover,
body[class*="in-kosik"] .search-form button:hover{
  background:linear-gradient(135deg,var(--jec-accent),var(--jec-primary))!important;
  box-shadow:0 10px 24px rgba(25,156,230,.32)!important;
  transform:translateY(-1px);
}

/* BLOK POTŘEBUJETE POMOC */
body.in-kosik aside .box,
body.in-kosik .cart-sidebar,
body.in-kosik .cart-content .sidebar-inner,
body[class*="in-kosik"] aside .box,
body[class*="in-kosik"] .cart-content .sidebar-inner{
  position:relative;
  overflow:hidden;
}

body.in-kosik aside .box::before,
body.in-kosik .cart-sidebar::before,
body.in-kosik .cart-content .sidebar-inner::before,
body[class*="in-kosik"] aside .box::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,var(--jec-primary),var(--jec-accent));
}

body.in-kosik aside h2,
body.in-kosik aside h3,
body.in-kosik .cart-sidebar h2,
body.in-kosik .cart-sidebar h3,
body[class*="in-kosik"] aside h2,
body[class*="in-kosik"] aside h3{
  margin-bottom:17px!important;
  font-size:18px!important;
  text-transform:uppercase;
  letter-spacing:.025em;
}

/* Kontakt */
body.in-kosik aside p,
body.in-kosik .cart-sidebar p,
body.in-kosik .cart-content .sidebar-inner p,
body[class*="in-kosik"] aside p{
  color:var(--jec-text)!important;
  font-size:14px!important;
  line-height:1.6!important;
}

body.in-kosik aside a,
body.in-kosik .cart-sidebar a,
body.in-kosik .cart-content .sidebar-inner a,
body[class*="in-kosik"] aside a{
  color:var(--jec-primary)!important;
  text-decoration:none!important;
  font-weight:500;
}

body.in-kosik aside a:hover,
body.in-kosik .cart-sidebar a:hover,
body[class*="in-kosik"] aside a:hover{
  color:var(--jec-accent)!important;
}

/* Jemné zvýraznění kontaktů */
body.in-kosik aside a[href^="mailto:"],
body.in-kosik aside a[href^="tel:"],
body.in-kosik .cart-sidebar a[href^="mailto:"],
body.in-kosik .cart-sidebar a[href^="tel:"],
body[class*="in-kosik"] aside a[href^="mailto:"],
body[class*="in-kosik"] aside a[href^="tel:"]{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:2px 0;
  color:var(--jec-primary)!important;
  font-weight:600!important;
}

/* TABLET */
@media (max-width:991px){
  body.in-kosik h1,
  body[class*="in-kosik"] h1{
    font-size:31px!important;
  }

  body.in-kosik .cart-content,
  body.in-kosik .cart-empty .row,
  body.in-kosik .empty-cart .row,
  body[class*="in-kosik"] .cart-content{
    display:block!important;
  }

  body.in-kosik .cart-content > *,
  body.in-kosik .cart-empty .row > *,
  body.in-kosik .empty-cart .row > *,
  body[class*="in-kosik"] .cart-content > *{
    width:100%!important;
    margin-bottom:18px!important;
  }
}

/* MOBIL */
@media (max-width:767px){
  body.in-kosik main#content,
  body[class*="in-kosik"] main#content{
    padding-top:22px;
    padding-bottom:45px;
  }

  body.in-kosik h1,
  body[class*="in-kosik"] h1{
    margin-bottom:20px!important;
    font-size:27px!important;
  }

  body.in-kosik .cart-empty .content-inner,
  body.in-kosik .empty-cart .content-inner,
  body.in-kosik .cart-content .content-inner,
  body.in-kosik .cart-content .sidebar-inner,
  body.in-kosik aside .box,
  body[class*="in-kosik"] .cart-content .content-inner,
  body[class*="in-kosik"] .cart-content .sidebar-inner{
    padding:24px 20px!important;
    border-radius:14px!important;
  }

  body.in-kosik .search-form fieldset,
  body.in-kosik .cart-empty form fieldset,
  body[class*="in-kosik"] .search-form fieldset{
    max-width:100%;
  }

  body.in-kosik .search-form input,
  body.in-kosik .cart-empty form input,
  body[class*="in-kosik"] .search-form input{
    height:46px!important;
    padding-left:15px!important;
  }

  body.in-kosik .search-form button,
  body.in-kosik .cart-empty form button,
  body[class*="in-kosik"] .search-form button{
    min-width:54px!important;
    height:46px!important;
    padding:0 15px!important;
  }
}