/*
Theme Name: WorkWear
Template: storefront
Description: WorkWear.cz e-shop theme
Version: 10.1
*/

/* ─── NUCLEAR RESET: Kill Storefront ─── */
body,body.woocommerce,body.woocommerce-page{background:#fff!important;font-family:"Segoe UI",Roboto,Arial,sans-serif!important;margin:0!important;padding:0!important}
.storefront-primary-navigation,.storefront-secondary-navigation,.storefront-handheld-footer-bar,.site-header,.site-footer,.storefront-breadcrumb,.col-full,.storefront-sticky-add-to-cart,#secondary,.site-branding,p.site-title,p.site-description,.custom-logo-link,.hentry .entry-header,.page .entry-header,.type-page>.entry-content>.storefront-product-section{display:none!important}
svg.wp-block-global-styles-svg-filters{display:none!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}
#page{max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}

/* ─── Reset & Base ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#fff;font-family:"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;color:#333;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;height:auto}

/* ─── Site Container ─── */
.site-container{max-width:1300px;margin:0 auto;background:#fff;min-height:60vh}

/* ─── HEADER WRAPPER (full width) ─── */
.header-wrapper{background:#fff;width:100%}

/* ─── HEADER ─── */
.header{max-width:1300px;margin:0 auto;padding:18px 30px;display:flex;align-items:center;gap:25px}
.logo{flex-shrink:0;font-size:32px;letter-spacing:-.5px}
.logo-work{font-weight:800;color:#222}
.logo-wear{font-weight:800;color:#f57c00}
.logo-cz{font-weight:400;color:#888;font-size:28px}
.search{flex:1;max-width:650px;margin:0 38px;position:relative}
.search form{display:flex;height:50px;border-radius:10px;overflow:hidden;border:2px solid #e0e0e0;transition:border-color .2s}
.search input[type="search"]{flex:1;border:none;padding:0 18px;font-size:15px;font-family:inherit;outline:none;background:#fff;-webkit-appearance:none}
.search input[type="search"]::placeholder{color:#aaa}
.search button{height:100%;padding:0 30px;border:none;background:#f57c00;color:#fff;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}
.search button:hover{background:#e06800}

/* Search results dropdown */
.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;display:none;max-height:400px;overflow-y:auto}
.search-results.active{display:block}
.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #f5f5f5;transition:background .15s}
.search-result-item:hover{background:#f8f8f8}
.search-result-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}
.search-result-item .result-name{font-size:14px;color:#333}
.search-result-item .result-price{font-size:13px;color:#f57c00;font-weight:600}
.search-empty{padding:16px;text-align:center;color:#888;font-size:14px}

.header-icons{display:flex;gap:4px;margin-left:auto;flex-shrink:0;align-items:center}
.h-icon{display:flex;flex-direction:row;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;color:#555;transition:background .15s,color .15s;position:relative}
.h-icon:hover{background:#f5f5f5;color:#f57c00}
.h-icon svg{width:26px;height:26px;fill:currentColor;flex-shrink:0}
.h-sep{width:1px;height:30px;background:#e8e8e8;align-self:center;margin:0 2px}
.cart-count{display:inline-flex;align-items:center;justify-content:center;background:#f57c00;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:11px;font-weight:700;padding:0 4px}
.header-line{height:3px;background:linear-gradient(90deg,#f57c00,#ff9800)}

/* ─── Header icon tooltips ─── */
.h-icon[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#333;color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:200}
.h-icon[data-tooltip]:hover::after{opacity:1}

/* ─── Language Switcher ─── */
.lang-switcher{position:relative;cursor:pointer;user-select:none}
.lang-flag{font-size:22px;line-height:1;display:inline-block}
.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:1000;display:none;min-width:155px;overflow:hidden}
.lang-switcher.open .lang-dropdown{display:block}
.lang-option{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;color:#333;transition:background .15s;white-space:nowrap;text-decoration:none}
.lang-option:hover{background:#f8f8f8;color:#333}
.lang-option.active{color:#f57c00;font-weight:600;background:#fff8f0}

/* ─── CONTENT LAYOUT ─── */
.content{display:flex;flex:1}
.main{flex:1;min-width:0;overflow:hidden}

/* ─── SIDEBAR ─── */
.sidebar{width:260px;flex-shrink:0;border-right:1px solid #eee;padding:8px 0;background:#fff}
.cat-item{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#333;font-size:14px;border-left:3px solid transparent;transition:all .15s}
.cat-item:hover,.cat-item.active{background:#fff8f0;color:#f57c00;border-left-color:#f57c00}
.cat-item svg{width:20px;height:20px;fill:#999;flex-shrink:0;transition:fill .15s}
.cat-item:hover svg,.cat-item.active svg{fill:#f57c00}

/* ─── HERO BANNER ─── */
.hero{position:relative;margin:20px 24px 0;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#fff5eb 0%,#ffe0b2 50%,#ffcc80 100%);display:flex;min-height:300px}
.hero-text{flex:1;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#4caf50;color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;width:fit-content;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.hero h1{font-size:30px;font-weight:800;color:#222;line-height:1.2;margin-bottom:10px}
.hero p{font-size:15px;color:#555;line-height:1.5;margin-bottom:24px;max-width:340px}
.hero-cta{display:inline-flex;align-items:center;gap:8px;background:#f57c00;color:#fff;border:none;padding:13px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;box-shadow:0 4px 12px rgba(245,124,0,.3);width:fit-content}
.hero-cta:hover{background:#e06800;transform:translateY(-1px);color:#fff}
.hero-image{width:340px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.hero-img-placeholder{width:260px;height:260px;background:rgba(255,255,255,.6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:14px;backdrop-filter:blur(4px)}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.85);border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:2;color:#555}
.hero-arrow:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#f57c00}
.hero-arrow svg{width:18px;height:18px;fill:currentColor}
.hero-arrow-l{left:12px}
.hero-arrow-r{right:12px}

/* ─── PROMO CARDS ─── */
.promo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 24px 0}
.promo-card{border-radius:12px;padding:24px 20px;display:flex;flex-direction:column;justify-content:flex-end;min-height:160px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}
.promo-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.promo-card h3{font-size:18px;font-weight:800;line-height:1.25;margin-bottom:4px}
.promo-card p{font-size:13px;margin-bottom:12px;opacity:.85}
.promo-btn{display:inline-flex;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer;width:fit-content;transition:opacity .2s}
.promo-btn:hover{opacity:.9}
.promo-1{background:linear-gradient(135deg,#f57c00,#ff9800);color:#fff}
.promo-1 .promo-btn{background:#fff;color:#f57c00}
.promo-1-icon{position:absolute;right:20px;top:20px;font-size:56px;opacity:.2}
.promo-2{background:linear-gradient(135deg,#2d3436,#636e72);color:#fff}
.promo-2 .promo-btn{background:#fff;color:#2d3436}
.promo-2-icon{position:absolute;right:20px;top:20px;font-size:44px;opacity:.15}
.promo-3{background:linear-gradient(135deg,#fff8f0,#ffe0b2);color:#333}
.promo-3 .promo-btn{background:#f57c00;color:#fff}
.promo-3-icon{position:absolute;right:16px;top:16px;width:50px;height:50px;background:#f57c00;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.15}

/* ─── PRODUCTS SECTION ─── */
.products-section{padding:24px 24px 0}
.section-header{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.section-header h2{font-size:20px;font-weight:700;color:#222}
.section-header a{font-size:13px;color:#f57c00;font-weight:500}
.section-header a:hover{text-decoration:underline}

/* ─── WooCommerce product grid — fixed height cards ─── */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:0!important;padding:0!important}
.woocommerce ul.products li.product{margin:0!important;padding:0!important;width:100%!important;float:none!important}

/* Product card — FIXED LAYOUT */
.woocommerce ul.products li.product .product-card-link,
.woocommerce ul.products li.product>a:first-child{display:flex;flex-direction:column;border:1px solid #eee;border-radius:12px;padding:10px;text-align:center;transition:box-shadow .25s,transform .2s;background:#fff;height:100%}
.woocommerce ul.products li.product>a:first-child:hover,
.woocommerce ul.products li.product .product-card-link:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}
.woocommerce ul.products li.product img{border-radius:8px!important;margin-bottom:10px!important;aspect-ratio:1/1;object-fit:contain;width:100%!important;height:auto!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;color:#333!important;font-weight:500!important;padding:0!important;margin-bottom:auto!important;line-height:1.4!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.woocommerce ul.products li.product .price{color:#f57c00!important;font-size:18px!important;font-weight:700!important;display:block!important;margin-top:8px!important;margin-bottom:0!important}
.woocommerce ul.products li.product .price del{color:#999!important;font-size:13px!important;font-weight:400!important}
.woocommerce ul.products li.product .price ins{text-decoration:none!important}
.woocommerce ul.products li.product .star-rating{margin:6px auto!important}
.woocommerce ul.products li.product .onsale{background:#4caf50!important;color:#fff!important;border-radius:6px!important;padding:3px 10px!important;font-size:11px!important;font-weight:700!important;min-height:auto!important;line-height:1.5!important}
/* Hide add-to-cart button from product cards in grid */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.product_type_variable{display:none!important}

/* ─── CATEGORY TILES ─── */
.category-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat-tile{display:flex;flex-direction:column;align-items:center;padding:22px 16px;border:1px solid #eee;border-radius:12px;transition:box-shadow .2s,transform .2s;text-align:center}
.cat-tile:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}
.cat-tile-icon{font-size:36px;margin-bottom:10px}
.cat-tile h3{font-size:14px;font-weight:600;color:#222;margin-bottom:4px}
.cat-tile-count{font-size:12px;color:#888}

/* ─── USP BAR ─── */
.usp-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 24px;padding:20px 0;border-top:1px solid #eee}
.usp-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;color:#555}
.usp-item span{font-size:18px}

/* ─── FOOTER ─── */
.footer{background:#2d3436;color:#ccc;width:100%}
.footer-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:36px 30px 28px;max-width:1300px;margin:0 auto}
.footer h4{color:#fff;font-size:14px;font-weight:700;margin-bottom:12px}
.footer li{margin-bottom:7px}
.footer a{color:#aaa;font-size:13px;transition:color .15s}
.footer a:hover{color:#f57c00}
.footer-social{display:flex;gap:12px;margin-top:4px}
.footer-social a{width:34px;height:34px;border-radius:50%;background:#3d4447;display:flex;align-items:center;justify-content:center;transition:background .2s}
.footer-social a:hover{background:#f57c00}
.footer-social svg{width:16px;height:16px}
.footer-bottom{border-top:1px solid #3d4447;padding:14px 30px;text-align:center;font-size:12px;color:#888;max-width:1300px;margin:0 auto}

/* ─── Pages (content pages) ─── */
.main .entry-header{padding:24px 24px 0}
.main .entry-header .entry-title{font-size:24px;font-weight:700;color:#222}
.main .entry-content{padding:16px 24px 30px;font-size:14px;line-height:1.7;color:#444}
.main .entry-content h2{font-size:18px;font-weight:700;color:#222;margin:20px 0 10px}
.main .entry-content p{margin-bottom:12px}
.main .entry-content ul,.main .entry-content ol{margin:8px 0 12px 20px}
.main .entry-content li{margin-bottom:5px}
.main .entry-content a{color:#f57c00}
.main .entry-content a:hover{color:#e06800;text-decoration:underline}

/* ─── WooCommerce misc ─── */
.woocommerce-result-count{display:none!important}
.woocommerce-ordering{float:right!important}
.woocommerce .woocommerce-ordering select{border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:13px}
.woocommerce-info,.woocommerce-message{border-top-color:#f57c00!important;border-radius:8px!important;margin:12px 24px!important;padding:12px 20px!important;font-size:14px}
.woocommerce-info::before,.woocommerce-message::before{color:#f57c00!important}
.woocommerce-error{border-top-color:#e74c3c!important;border-radius:8px!important;margin:12px 24px!important;padding:12px 20px!important}
.woocommerce-error::before{color:#e74c3c!important}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#f57c00!important;color:#fff!important;border-radius:8px!important;border:none!important;font-weight:600!important}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#e06800!important}
.woocommerce-notices-wrapper{padding:0 24px}

/* ─── Single Product ─── */
.main .product{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.main .product .woocommerce-product-gallery{grid-column:1;grid-row:1}
.main .product .summary{grid-column:2;grid-row:1}
.main .product .summary .product_title{font-size:22px;font-weight:700;color:#222;margin-bottom:8px}
.main .product .summary .woocommerce-product-details__short-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px}
.main .product .summary .woocommerce-product-details__short-description ul{list-style:disc;margin:8px 0 8px 20px}
.main .product .summary .woocommerce-product-details__short-description li{margin-bottom:4px}
.main .product .price{font-size:26px!important;color:#f57c00!important;font-weight:700!important}
.main .product .summary .stock{font-size:13px;font-weight:600;margin-bottom:10px}
.main .product .summary .stock.in-stock{color:#4caf50}
.main .product .summary .stock.out-of-stock{color:#e74c3c}

/* ─── WooCommerce Product Gallery (FlexSlider) ─── */
.woocommerce-product-gallery{position:relative;margin-bottom:24px;opacity:1!important}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger{position:absolute;top:12px;right:12px;z-index:9;width:36px;height:36px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border:1px solid #ddd}
/* Before FlexSlider: show only first image */
.woocommerce-product-gallery__image:not(:first-child){display:none}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{transition:transform .5s ease}
.woocommerce-product-gallery .woocommerce-product-gallery__image img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #eee}
/* After FlexSlider initializes: it wraps in .flex-viewport and shows all images */
.woocommerce-product-gallery .flex-viewport{border-radius:10px;overflow:hidden;border:1px solid #eee;background:#fff;margin-bottom:10px}
.woocommerce-product-gallery .flex-viewport img{display:block;width:100%;height:auto;cursor:zoom-in;border:none;border-radius:0}
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image{display:block!important}
.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img{border:none;border-radius:0}
.woocommerce-product-gallery .flex-control-thumbs{display:flex;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.woocommerce-product-gallery .flex-control-thumbs li{flex:0 0 calc(20% - 6.4px);cursor:pointer}
.woocommerce-product-gallery .flex-control-thumbs li img{border-radius:6px;border:2px solid #eee;opacity:.7;transition:opacity .2s,border-color .2s;width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover}
.woocommerce-product-gallery .flex-control-thumbs li img:hover,
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active{border-color:#f57c00;opacity:1}
.woocommerce-product-gallery .flex-direction-nav{display:none}

/* Variations */
.main .product .variations{margin-bottom:16px}
.main .product .variations td{padding:6px 0!important;border:none!important}
.main .product .variations label{font-size:14px;font-weight:600;color:#333}
.main .product .variations select{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:200px}
.main .product .variations select:focus{border-color:#f57c00;outline:none}
.single_add_to_cart_button{background:#f57c00!important;font-size:16px!important;padding:14px 36px!important;border-radius:10px!important;width:100%}
.main .product .single_variation_wrap .single_add_to_cart_button{width:100%}
.main .product .woocommerce-variation-price .price{font-size:22px!important}
.reset_variations{color:#f57c00!important;font-size:13px}
.main .product .quantity{display:inline-flex;align-items:center;margin-right:10px}
.main .product .quantity .qty{width:60px;padding:10px;border:1px solid #ddd;border-radius:8px;text-align:center;font-size:15px}

/* Product meta (SKU, categories) - compact */
.main .product .product_meta{font-size:13px;color:#888;margin-top:16px;padding-top:12px;border-top:1px solid #eee}
.main .product .product_meta>span{display:block;margin-bottom:4px}
.main .product .product_meta a{color:#f57c00}

/* Review form - compact */
.main .product #review_form_wrapper{margin-top:16px}
.main .product .comment-form label{font-size:13px;font-weight:600;color:#333;display:block;margin-bottom:4px}
.main .product .comment-form input[type="text"],
.main .product .comment-form input[type="email"],
.main .product .comment-form textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:inherit}
.main .product .comment-form textarea{rows:4;max-height:120px}
.main .product .comment-form .form-submit input{background:#f57c00;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}
.main .product .comment-form .form-submit input:hover{background:#e06800}

/* Related products */
.main .product .related.products{grid-column:1/-1;margin-top:30px;padding-top:24px;border-top:1px solid #eee}
.main .product .related.products h2{font-size:18px;font-weight:700;margin-bottom:16px}
.main .product .related.products ul.products{grid-template-columns:repeat(4,1fr)!important}
.main .product .related.products li.product .product-card-link img{aspect-ratio:1/1;object-fit:contain}

/* Product tabs */
.main .product .woocommerce-tabs{grid-column:1/-1;padding-top:24px;border-top:1px solid #eee;margin-top:24px}
.main .product .woocommerce-tabs ul.tabs{list-style:none;padding:0;margin:0 0 16px;display:flex;gap:0;border-bottom:2px solid #eee}
.main .product .woocommerce-tabs ul.tabs li{margin:0;background:none;border:none;border-radius:0}
.main .product .woocommerce-tabs ul.tabs li::before,.main .product .woocommerce-tabs ul.tabs li::after{display:none}
.main .product .woocommerce-tabs ul.tabs li a{display:block;padding:10px 20px;font-size:14px;font-weight:600;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}
.main .product .woocommerce-tabs ul.tabs li.active a{color:#f57c00;border-bottom-color:#f57c00}
/* Hide all tab panels by default, show only the active one */
.main .product .woocommerce-tabs .panel{font-size:14px;line-height:1.7;color:#555;display:none}
.main .product .woocommerce-tabs .panel#tab-description{display:block}
.main .product .woocommerce-tabs .panel h2{font-size:16px;font-weight:700;margin-bottom:8px}

/* ─── Archive / Shop ─── */
.archive-page{padding:20px 24px}
.archive-page.has-sidebar{display:flex;gap:24px}
.archive-sidebar{width:220px;flex-shrink:0;background:#fafafa;border-radius:10px;border:1px solid #eee;padding:8px 0;align-self:flex-start;position:sticky;top:20px}
.archive-content{flex:1;min-width:0}
.archive-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #eee}
.archive-title{font-size:20px;font-weight:700;color:#222}
.archive-pagination{margin-top:24px;text-align:center}
.archive-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;font-size:14px;font-weight:500;color:#555;border:1px solid #ddd;margin:0 2px;transition:all .15s}
.archive-pagination .page-numbers.current,.archive-pagination .page-numbers:hover{background:#f57c00;color:#fff;border-color:#f57c00}
.no-products{padding:60px 20px;text-align:center;color:#888;font-size:16px}
.main .woocommerce{padding:20px 24px}

/* ─── My Account ─── */
.woocommerce-account .main{padding:24px}
.woocommerce-account .woocommerce{max-width:900px;margin:0 auto}
.woocommerce-account .u-columns{display:flex;gap:30px;flex-wrap:wrap}
.woocommerce-account .u-columns .u-column1,.woocommerce-account .u-columns .u-column2{flex:1;min-width:280px}
.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-form-register{background:#f9f9f9;padding:28px;border-radius:12px;border:1px solid #eee}
.woocommerce form.woocommerce-form-login .form-row,
.woocommerce form.woocommerce-form-register .form-row{margin-bottom:14px}
.woocommerce form.woocommerce-form-login label,
.woocommerce form.woocommerce-form-register label{font-size:14px;font-weight:600;color:#333;display:block;margin-bottom:5px}
.woocommerce form.woocommerce-form-login input[type="text"],
.woocommerce form.woocommerce-form-login input[type="password"],
.woocommerce form.woocommerce-form-login input[type="email"],
.woocommerce form.woocommerce-form-register input[type="text"],
.woocommerce form.woocommerce-form-register input[type="password"],
.woocommerce form.woocommerce-form-register input[type="email"]{width:100%;padding:11px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}
.woocommerce form.woocommerce-form-login input:focus,
.woocommerce form.woocommerce-form-register input:focus{border-color:#f57c00;outline:none}
.woocommerce form .woocommerce-form-login__submit,
.woocommerce form .woocommerce-form-register__submit{width:100%;padding:14px!important;font-size:15px!important;margin-top:8px}
.woocommerce .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}
.woocommerce .lost_password a{color:#f57c00;font-size:13px}
.woocommerce-MyAccount-navigation{width:200px;float:left;margin-right:24px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;background:#f9f9f9;border-radius:10px;border:1px solid #eee;overflow:hidden}
.woocommerce-MyAccount-navigation li a{display:block;padding:11px 18px;font-size:14px;font-weight:500;color:#333;border-bottom:1px solid #eee;transition:all .15s}
.woocommerce-MyAccount-navigation li a:hover,.woocommerce-MyAccount-navigation li.is-active a{background:#fff8f0;color:#f57c00;text-decoration:none}
.woocommerce-MyAccount-content{overflow:hidden}

/* ─── Cart page (WC Blocks) ─── */
.woocommerce-cart .main{padding:24px}
.woocommerce-cart .main .entry-header{display:none}
.wp-block-woocommerce-cart{max-width:1100px;margin:0 auto;font-family:"Segoe UI",Roboto,Arial,sans-serif}
.wc-block-cart .wc-block-cart__main{background:#fff;border-radius:12px;padding:20px;border:1px solid #eee}
.wc-block-cart .wc-block-cart__sidebar{background:#f9f9f9;border-radius:12px;padding:20px;border:1px solid #eee}
.wc-block-components-product-name{font-size:14px;font-weight:600;color:#333;text-decoration:none}
.wc-block-components-product-name:hover{color:#f57c00}
.wc-block-cart-items .wc-block-cart-items__row{padding:16px 0;border-bottom:1px solid #f0f0f0}
.wc-block-cart-items .wc-block-cart-items__row:last-child{border-bottom:none}
.wc-block-cart-item__image img{border-radius:8px;width:80px!important;height:80px!important;object-fit:cover}
.wc-block-components-quantity-selector{border:1px solid #ddd;border-radius:8px;overflow:hidden}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{background:#f9f9f9;border:none;width:36px;height:36px;font-size:18px;cursor:pointer}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover{background:#eee}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{border:none;width:40px;text-align:center;font-size:14px;font-weight:600}
.wc-block-components-product-price{font-size:16px;font-weight:700;color:#f57c00}
.wc-block-cart .wc-block-components-button,.wc-block-cart .wc-block-components-button--contained{background:#f57c00!important;border:none!important;border-radius:10px!important;font-weight:700!important;font-size:16px!important;padding:14px 24px!important;color:#fff!important;cursor:pointer;transition:background .2s}
.wc-block-cart .wc-block-components-button:hover{background:#e06800!important}
.wc-block-components-totals-wrapper{padding:10px 0;border-bottom:1px solid #eee}
.wc-block-components-totals-wrapper:last-child{border-bottom:none}
.wc-block-components-totals-item__label{font-size:14px;color:#555}
.wc-block-components-totals-item__value{font-size:14px;font-weight:600;color:#333}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-size:16px;font-weight:700;color:#222}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:20px;font-weight:700;color:#f57c00}
.wc-block-components-shipping-calculator-address .wc-block-components-text-input input{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px}
.wc-block-components-shipping-calculator-address .wc-block-components-text-input input:focus{border-color:#f57c00;outline:none;box-shadow:0 0 0 1px #f57c00}
.wc-block-cart__empty-cart__title{font-size:20px;font-weight:700;color:#222;text-align:center;padding:40px 0 10px}
.wc-block-cart .wc-block-components-notice-banner{border-radius:8px;margin-bottom:16px}
/* Remove WC Blocks coupon link underline */
.wc-block-components-totals-coupon-link{color:#f57c00;text-decoration:none}
.wc-block-components-totals-coupon-link:hover{text-decoration:underline}

/* Cart classic table fallback */
.woocommerce table.shop_table{border:1px solid #eee!important;border-radius:10px!important;overflow:hidden}
.woocommerce table.shop_table th{background:#f9f9f9!important;font-weight:600!important;font-size:13px!important;color:#555!important;padding:12px 14px!important}
.woocommerce table.shop_table td{padding:12px 14px!important;vertical-align:middle!important;border-top:1px solid #f0f0f0!important}
.woocommerce table.shop_table img{width:50px!important;border-radius:6px!important}
.woocommerce .cart_totals{background:#f9f9f9;padding:20px;border-radius:10px;border:1px solid #eee}
.woocommerce .wc-proceed-to-checkout .checkout-button{display:block;width:100%;text-align:center;padding:14px!important;font-size:16px!important;border-radius:10px!important}
.woocommerce .quantity .qty{width:56px!important;padding:8px!important;border:1px solid #ddd!important;border-radius:6px!important;text-align:center!important;font-size:14px!important}

/* ─── Checkout page (WC Blocks) ─── */
.woocommerce-checkout .main{padding:24px}
.woocommerce-checkout .main .entry-header{display:none}
.wp-block-woocommerce-checkout{max-width:1100px;margin:0 auto;font-family:"Segoe UI",Roboto,Arial,sans-serif}
.wc-block-checkout .wc-block-components-button,.wc-block-checkout .wc-block-components-button--contained{background:#f57c00!important;border:none!important;border-radius:10px!important;font-weight:700!important;font-size:16px!important;padding:14px 24px!important;color:#fff!important}
.wc-block-checkout .wc-block-components-button:hover{background:#e06800!important}
.wc-block-components-text-input input:focus,
.wc-block-components-combobox input:focus{border-color:#f57c00!important;box-shadow:0 0 0 1px #f57c00!important}
.wc-block-checkout__main{background:#fff;border-radius:12px;padding:20px;border:1px solid #eee}
.wc-block-checkout__sidebar{background:#f9f9f9;border-radius:12px;padding:20px;border:1px solid #eee}
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button{width:100%;font-size:18px!important;padding:16px 24px!important}

/* Checkout classic fallback */
.woocommerce form.checkout{max-width:1100px}
.woocommerce-checkout h3{font-size:18px;font-weight:700;color:#222;margin-bottom:14px}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{padding:11px 14px!important;border:1px solid #ddd!important;border-radius:8px!important;font-size:14px!important;font-family:inherit!important}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus{border-color:#f57c00!important;outline:none!important}
.woocommerce-checkout #place_order{width:100%;padding:16px!important;font-size:18px!important;border-radius:10px!important;margin-top:14px}

/* ─── WC Blocks shared components ─── */
.wc-block-components-notice-banner{background:#fff8f0;border-left:4px solid #f57c00;border-radius:8px;padding:12px 16px;margin-bottom:16px}
.wc-block-components-notice-banner.is-error{border-left-color:#e74c3c;background:#fef2f2}
.wc-block-components-notice-banner.is-success{border-left-color:#4caf50;background:#f0faf0}

/* ─── Hide Storefront leftovers ─── */
.storefront-primary-navigation,.storefront-secondary-navigation,.storefront-handheld-footer-bar,
#secondary,.site-header,.site-footer,.storefront-sticky-add-to-cart,
.site-branding,.custom-logo-link+.site-title{display:none!important}
/* Kill any leaked Storefront wrappers */
#primary.content-area,#main.site-main{all:unset;display:block}
.storefront-product-pagination{display:none!important}
.storefront-breadcrumb{display:none!important}
nav.storefront-sorting{display:none!important}

/* ─── Content Tables ─── */
.main .entry-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.main .entry-content table th{background:#f9f9f9;font-weight:600;color:#333;text-align:left;padding:10px 14px;border:1px solid #eee}
.main .entry-content table td{padding:10px 14px;border:1px solid #eee;color:#444}
.main .entry-content table tr:hover td{background:#fff8f0}
.main .entry-content table thead tr:hover th{background:#f9f9f9}
@media(max-width:600px){.main .entry-content table{font-size:13px}.main .entry-content table th,.main .entry-content table td{padding:8px 10px}}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .content{flex-direction:column}
  .sidebar{width:100%;border-right:none;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;padding:8px 12px;gap:4px}
  .cat-item{padding:8px 14px;font-size:13px;border-left:none;border-bottom:2px solid transparent}
  .cat-item:hover,.cat-item.active{border-left:none;border-bottom-color:#f57c00}
  .hero{min-height:220px;flex-direction:column}
  .hero-image{width:100%;height:160px}
  .hero-text{padding:24px 20px}
  .hero h1{font-size:22px}
  .promo-row{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
  .main .product .related.products ul.products{grid-template-columns:repeat(2,1fr)!important}
  .category-tiles{grid-template-columns:repeat(2,1fr)}
  .footer-inner{grid-template-columns:repeat(2,1fr)}
  .usp-bar{grid-template-columns:repeat(2,1fr)}
  .archive-page.has-sidebar{flex-direction:column}
  .archive-sidebar{width:100%;display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;position:static}
  .woocommerce-account .u-columns{flex-direction:column}
  .woocommerce-MyAccount-navigation{width:100%;float:none;margin-right:0;margin-bottom:16px}
  .main .product{grid-template-columns:1fr}
  .main .product .woocommerce-product-gallery{grid-column:1;grid-row:auto;max-width:500px;margin:0 auto}
  .main .product .summary{grid-column:1;grid-row:auto;padding:16px 0 0}
}
@media(max-width:600px){
  .header{flex-wrap:wrap;padding:12px 16px;gap:10px}
  .search{margin:0;max-width:100%;order:3;flex-basis:100%}
  .search form{height:42px;border-radius:8px}
  .search input[type="search"]{font-size:14px;padding:0 14px}
  .search button{padding:0 16px;font-size:14px}
  .logo{font-size:24px}
  .logo-cz{font-size:20px}
  .h-icon{padding:4px 8px}
  .h-icon svg{width:22px;height:22px}
  .h-icon span{font-size:11px}
  .h-sep{height:24px}
  .hero-text{padding:20px 16px}
  .hero h1{font-size:20px}
  .usp-bar{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .woocommerce ul.products{gap:10px!important}
  .woocommerce ul.products li.product .product-card-link,.woocommerce ul.products li.product>a:first-child{padding:10px}
  .category-tiles{gap:10px}
  .main .product{padding:16px}
  .archive-page{padding:12px 16px}
  .products-section{padding:16px 16px 0}
  .promo-row{gap:10px;margin:12px 16px 0}
}


/* ─── SEARCH BAR: Snake Border ─── */

/* Keep grey border visible as "rail" — snake SVG provides the orange effect */
.search form:focus-within {
  border-color: #e0e0e0 !important;
}

.search-snake-svg {
  position: absolute;
  pointer-events: none;
  z-index: 5;
}

/* Trail: matches the CSS border exactly (2px, same as form border) */
.snake-trail {
  fill: none;
  stroke: #f57c00;
  stroke-width: 2;
  stroke-linecap: butt;
}

/* Head: slightly wider + glow for the "snake head" feel */
.snake-head {
  fill: none;
  stroke: #ffb74d;
  stroke-width: 3.5;
  stroke-linecap: round;
  filter: drop-shadow(0 0 4px rgba(245, 124, 0, 0.5));
}