/* ============================================================
   aerobic-shop.cz - vlastni vzhled (sablona Classic)
   Napojeni: /user/documents/aerobic-custom.css?v=8
   Pri kazde zmene souboru zvednout ?v= v hlavicce
   ============================================================ */

:root{
	--ad-pink:#e5399b;
	--ad-orange:#f7941d;
	--ad-yellow:#ffc93c;
	--ad-green:#58c15a;
	--ad-blue:#2ba7df;
	--ad-purple:#8e44e0;
	--ad-ink:#111111;
	--ad-rainbow:linear-gradient(90deg,#e5399b 0%,#f7941d 22%,#ffc93c 42%,#58c15a 62%,#2ba7df 80%,#8e44e0 100%);
	--ad-rainbow-soft:linear-gradient(135deg,#fde7f3 0%,#fef0dd 25%,#fff9e0 45%,#e6f6e7 65%,#e2f2fb 82%,#efe6fb 100%);
	--ad-radius:18px;
	--ad-radius-sm:12px;
	--ad-shadow:0 6px 20px rgba(17,17,17,.10);
	--ad-shadow-btn:0 4px 14px rgba(17,17,17,.22);
}

/* ---------- Pisma (Google Fonts napojene v hlavicce) ---------- */
body,input,select,textarea,.btn{font-family:'Inter','Source Sans 3',sans-serif}
h1,h2,h3,h4,h5,.homepage-group-title,.sidebar .topic{font-family:'Poppins','Exo 2',sans-serif;font-weight:500}

/* ---------- Odstraneni linek ---------- */
.top-navigation-bar,
.top-navigation-bar-menu{border:0 !important;box-shadow:none !important}
.products-block .product,
.products-block .product .p,
.products-block > div{border:0 !important}
.footer,
.footer-rows,
.footer .container,
.footer .site-name,
.footer-bottom,
.custom-footer,
.custom-footer .banner,
.custom-footer .banner ul,
.custom-footer .banner ul li{border:0 !important}
.footer hr{display:none}

/* ---------- Uvodni stranka: skryti a podkresy ---------- */
body.in-index .latest-contribution-discussion,
body.in-index .latest-contribution-rating,
body.in-index .latest-contribution-box{display:none !important}
.content-wrapper.homepage-box.before-carousel{background:var(--ad-rainbow-soft) !important;border:0 !important}
.wide-carousel{background:transparent;padding:26px 0}
.content-wrapper.homepage-box.welcome-wrapper{background:#fff !important;border:0 !important}
.welcome > div{max-width:none !important;width:100% !important}

/* ---------- Nadpisy ---------- */
h1{position:relative;padding-bottom:14px}
h1::after{content:"";position:absolute;left:0;bottom:0;width:88px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--ad-pink),var(--ad-purple))}
.homepage-group-title{color:var(--ad-pink);font-weight:500;letter-spacing:.02em}

/* ---------- Tlacitka ---------- */
.btn{border-radius:999px !important;padding:8px 24px !important;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}
.btn-primary,.btn-conversion,.btn-cart{background:var(--ad-ink) !important;border:0 !important;box-shadow:var(--ad-shadow-btn)}
.btn-primary:hover,.btn-conversion:hover,.btn-cart:hover{background:linear-gradient(90deg,var(--ad-pink),var(--ad-purple)) !important;transform:translateY(-1px);box-shadow:0 8px 22px rgba(229,57,155,.35)}
.btn-default{box-shadow:0 3px 10px rgba(17,17,17,.12)}
.btn-cart > span{font-size:11px;line-height:1}

/* ---------- Vyhledavani ---------- */
.search-form{display:flex;gap:10px;align-items:center}
.search-form input{flex:1;border-radius:999px !important;position:relative;z-index:2}
.search-form button{flex:0 0 auto;position:relative !important;z-index:1;background:linear-gradient(90deg,var(--ad-pink),var(--ad-purple)) !important;color:#fff !important;border:0 !important}
.search-form button:hover{background:linear-gradient(90deg,var(--ad-purple),var(--ad-pink)) !important}

/* ---------- Hlavni menu ---------- */
#navigation,
#navigation .navigation-in,
#navigation .navigation-in > ul{border-radius:16px}
#navigation{box-shadow:0 6px 18px rgba(17,17,17,.14)}
#navigation .navigation-in > ul > li:first-child > a{border-radius:16px 0 0 16px}
#navigation .navigation-in > ul > li:last-child > a{border-radius:0 16px 16px 0}
.menu-helper{overflow:visible !important;border:0 !important}
.menu-helper .menu-level-1,
#navigation ul.menu-level-2{border-radius:16px;overflow:hidden;border:0 !important;box-shadow:0 18px 40px rgba(17,17,17,.16)}

/* ---------- Drobeckova navigace ---------- */
.breadcrumbs{font-size:13px}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span{color:#9a9a9a}
.breadcrumbs a:hover{color:var(--ad-pink)}
.breadcrumbs{border-bottom:0 !important}
.breadcrumbs .navigation-bullet{display:none}
.breadcrumbs a::after,
.breadcrumbs span::after,
.breadcrumbs .navigation-home-icon::after{display:none !important;content:none !important}
.breadcrumbs a{margin-right:10px}

/* ---------- Uvodni clanek (blok uvodni stranka) ---------- */
.uvod-o-nas{margin:36px 0}
.uvod-o-nas img{width:100%;height:auto !important;border-radius:var(--ad-radius);box-shadow:var(--ad-shadow)}
.uvod-o-nas h2{color:var(--ad-pink);margin-top:0;font-weight:500}
.uvod-o-nas ul{list-style:none;padding-left:0;margin:18px 0}
.uvod-o-nas ul li{position:relative;padding:4px 0 4px 26px}
.uvod-o-nas ul li::before{content:"\2726";position:absolute;left:0;top:4px;color:var(--ad-pink)}

/* ---------- Kategorie: podkategorie a razeni ---------- */
.subcategories a{border:1px solid #ececec !important;border-radius:999px !important;background:#fff;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}
.subcategories a:hover{border-color:var(--ad-pink) !important;color:var(--ad-pink);box-shadow:0 3px 10px rgba(229,57,155,.12)}
.category-header{background:#faf9fb !important;border:0 !important;border-radius:var(--ad-radius-sm)}
.category-header a,
.listSorting a{border-radius:999px !important;border-color:#ececec !important}

/* ---------- Zaobleni a stiny produktu ---------- */
.products-block .product .p,
.products-block .product img,
.product .image,
input[type=text],input[type=email],input[type=password],select,textarea{border-radius:var(--ad-radius-sm)}
.products-block .product .p{padding:12px 14px;transition:box-shadow .2s ease,transform .2s ease}
.products-block .product:hover .p{box-shadow:var(--ad-shadow);transform:translateY(-2px)}
.products-block .product .p-desc{font-weight:300;color:#6f6f6f}

/* ---------- Stitky produktu ---------- */
.flag{border-radius:999px !important;border:0 !important;padding:3px 12px;font-weight:600;color:#fff !important;letter-spacing:.02em}
.flag-new{background:linear-gradient(90deg,var(--ad-pink),var(--ad-purple)) !important}
.flag-action{background:linear-gradient(90deg,var(--ad-orange),var(--ad-pink)) !important}
.flag-tip{background:linear-gradient(90deg,var(--ad-blue),var(--ad-purple)) !important}
.flag-freeshipping,.flag-discount{background:linear-gradient(90deg,var(--ad-green),var(--ad-blue)) !important}

/* ---------- Postranni panel ---------- */
.sidebar{background:#fbfafc;border-radius:var(--ad-radius);padding:20px 16px;border:0 !important}
.sidebar .topic{color:var(--ad-pink);font-weight:500;letter-spacing:.04em}
.sidebar .categories a{color:#3a3a3a;border-radius:8px;transition:color .15s ease,background .15s ease}
.sidebar .categories .cat-01 > a{font-weight:500 !important;letter-spacing:0 !important}
.sidebar .categories a:hover{color:var(--ad-pink);background:#fde7f3}
.sidebar .categories .active > a,
.sidebar .categories a.active{background:var(--ad-ink) !important;color:#fff !important;border-radius:8px}

/* ---------- Zapati ---------- */
.footer{background:var(--ad-rainbow-soft);padding:44px 0 0;margin-top:48px}
.footer .container,
.footer-rows{background:transparent !important}
.custom-footer{display:flex !important;flex-wrap:wrap !important;gap:24px !important;align-items:stretch}
[class*="custom-footer__banner"]{display:flex;flex:1 1 200px !important;width:auto !important;max-width:none !important;min-width:0 !important;margin:0 !important;padding:0 !important;float:none !important}
[class*="custom-footer__banner"] .banner{flex:1;min-width:0;overflow-wrap:break-word;background:rgba(255,255,255,.82);border-radius:var(--ad-radius);padding:26px 24px;box-shadow:0 2px 12px rgba(17,17,17,.05)}
.custom-footer .banner h4,
.custom-footer .banner h4 span{color:var(--ad-pink);font-weight:500;letter-spacing:.03em}
.custom-footer .banner ul{margin:0;padding:0;list-style:none}
.custom-footer .banner ul li{padding:5px 0}
.custom-footer .banner a{color:#2c2c2c;text-decoration:none;transition:color .15s ease}
.custom-footer .banner a:hover{color:var(--ad-pink)}
.footer-bottom{background:transparent;color:#4a4a4a;padding:22px 0;margin-top:16px}
.footer-bottom a{color:#2c2c2c}


/* ---------- Neutralizace starsich pravidel v1 ---------- */
.homepage-group-title,.sidebar .topic,.custom-footer .banner h4,.custom-footer .banner h4 span{background:none !important;-webkit-text-fill-color:currentColor !important}
.footer-rows{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.footer .site-name{float:none;position:static;flex:0 0 auto;margin:0 !important;text-align:left !important}
.footer .custom-footer{flex:1;min-width:0;padding:0 !important;margin:0 !important}
.footer .site-name img{background:transparent !important;padding:0 !important;box-shadow:none !important}


/* ---------- Detail produktu (v6) ---------- */
.add-to-cart{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
input.amount,
.quantity input,
.detail select,
select{border-radius:var(--ad-radius-sm) !important}
.extended-description{background:var(--ad-rainbow-soft);border-radius:var(--ad-radius);padding:24px 26px}
.extended-description h3{margin-top:0;color:var(--ad-pink)}
.extended-description table,
.extended-description td,
.extended-description th{background:transparent !important;border:0 !important}
.extended-description tr{border-bottom:1px solid rgba(17,17,17,.06)}

/* zalozky Popis / Hodnoceni / Diskuze jako prepinaci tlacitka */
.shp-tabs-holder,
.shp-tabs-row,
.responsive-nav{background:transparent !important;border:0 !important;box-shadow:none !important}
.shp-tabs-holder::before,
.shp-tabs-holder::after,
ul.shp-tabs::before,
ul.shp-tabs::after{display:none !important}
ul.shp-tabs{display:flex;gap:10px;flex-wrap:wrap;border:0 !important;padding:0;margin:0 0 18px}
ul.shp-tabs li.shp-tab{border:0 !important;background:transparent !important;float:none}
ul.shp-tabs li.shp-tab a.shp-tab-link{display:inline-block;border:1px solid #e6e6e6 !important;border-radius:999px !important;background:#fff !important;color:#555 !important;padding:8px 22px !important;font-weight:500;transition:all .15s ease}
ul.shp-tabs li.shp-tab a.shp-tab-link:hover{border-color:var(--ad-pink) !important;color:var(--ad-pink) !important}
ul.shp-tabs li.shp-tab.active a.shp-tab-link{background:var(--ad-ink) !important;border-color:var(--ad-ink) !important;color:#fff !important;box-shadow:var(--ad-shadow-btn)}
.tab-content{border:0 !important}


/* ---------- Kosik a pokladna (v7) ---------- */
.cart-header{border-bottom:0 !important}
.cart-header .step{border:0 !important}
.cart-header .step strong{border-bottom:0 !important}
.cart-header .step.active strong{border-bottom:3px solid var(--ad-pink) !important;padding-bottom:4px}
.cart-header .step.active .circle,
.cart-header .step.active span:first-child{border-color:var(--ad-pink) !important;color:var(--ad-pink) !important}
.cart-table,
.cart-table td,
.cart-table th,
.cart-content table td,
.cart-content table th,
.recapitulation-single td{border:0 !important}
.cart-content,
.checkout-box-wrapper,
.summary-wrapper{border:0 !important}
.box.box-sm{background:#fbfafc !important;border:0 !important;border-radius:var(--ad-radius);padding:20px}
input[type=radio],
input[type=checkbox]{accent-color:var(--ad-pink)}
.payment-wrapper .radio-wrapper,
.shipping-wrapper .radio-wrapper,
[class*="radio-wrapper"]{border-color:#f0f0f0 !important}

/* modal Pridano do kosiku (colorbox) */
#cboxContent,
.colorbox-html-content{border-radius:var(--ad-radius);overflow:hidden}


/* ---------- Zakaznicke benefity (v8) ---------- */
.benefitBanner{display:flex;flex-wrap:wrap;gap:18px;padding:10px 0}
.benefitBanner__item{flex:1 1 200px;min-width:0;background:#fbfafc;border:0 !important;border-radius:var(--ad-radius);padding:22px 20px;text-align:center;transition:box-shadow .2s ease,transform .2s ease}
.benefitBanner__item:hover{box-shadow:var(--ad-shadow);transform:translateY(-2px)}
.benefitBanner__item img{width:44px;height:44px;object-fit:contain;margin:0 auto 10px;display:block}
.benefitBanner__title{color:var(--ad-pink);font-family:'Poppins','Exo 2',sans-serif;font-weight:500;font-size:16px;display:block;margin-bottom:6px}
.benefitBanner__data{color:#6f6f6f;font-weight:300;font-size:13px;line-height:1.5}
@media (max-width:767px){
	.benefitBanner__item{flex:1 1 calc(50% - 9px);padding:16px 12px}
	.benefitBanner__title{font-size:14px}
}

/* ---------- Plovouci WhatsApp tlacitko (jen mobil) ---------- */
.ang-whatsapp{display:none}
@media (max-width:767px){
	.ang-whatsapp{display:flex;position:fixed;right:16px;bottom:16px;z-index:9999;width:56px;height:56px;border-radius:50%;background:#25d366;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.28)}
	.ang-whatsapp svg{width:30px;height:30px;fill:#fff}
	.ang-whatsapp:active{transform:scale(.95)}
}

@media (max-width:767px){
	[class*="custom-footer__banner"]{flex-basis:100% !important}
	.footer-rows{display:block}
	.footer .site-name{margin:0 0 20px !important;text-align:center !important}
}

/* ---------- Posuvniky produktu na uvodni strance (v4) ---------- */
.ang-carousel{position:relative;padding:0 8px}
.ang-carousel .products-block.ang-slider{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;gap:18px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:14px 2px}
.ang-carousel .products-block.ang-slider::-webkit-scrollbar{display:none}
.ang-carousel .products-block.ang-slider .product{flex:0 0 calc(25% - 14px) !important;width:auto !important;max-width:none !important;float:none !important;margin:0 !important}
.ang-carousel .product .p{height:100%}
.ang-arrow{position:absolute;top:42%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#111;box-shadow:0 4px 14px rgba(17,17,17,.16);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .15s ease,color .15s ease,transform .15s ease}
.ang-arrow:hover{background:linear-gradient(90deg,var(--ad-pink),var(--ad-purple));color:#fff;transform:translateY(-50%) scale(1.05)}
.ang-arrow-prev{left:-10px}
.ang-arrow-next{right:-10px}
@media (max-width:991px){
	.ang-carousel .products-block.ang-slider .product{flex-basis:calc(33.333% - 12px) !important}
}
@media (max-width:767px){
	.ang-carousel .products-block.ang-slider .product{flex-basis:calc(50% - 9px) !important}
}
@media (max-width:479px){
	.ang-carousel .products-block.ang-slider .product{flex-basis:72% !important}
	.ang-arrow{width:36px;height:36px}
	.ang-arrow-prev{left:-4px}
	.ang-arrow-next{right:-4px}
}