/* =========================================================================
   Vinařství Antoš — CSS pro e-shop na Shoptetu (šablona Step)  ·  v2 (09/2026)
   Kam: Vzhled a obsah → Správce souborů → nahrát tento soubor, pak
   Vzhled a obsah → Editor → HTML kód → Záhlaví:
   <link rel="stylesheet" href="URL-souboru-ze-Správce">
   Nová verze = nový název souboru (shoptet-v3.css) + přepsat URL v odkazu.
   Selektory odpovídají šablonám 3. generace Shoptetu (Step, Classic, Disco…).
   Postup krok za krokem: eshop/navod-shoptet.md
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=Source+Sans+3:wght@400;600&display=swap');

:root{
  --va-ivory:#F7F3EC; --va-white:#FFFFFF; --va-ink:#1B1712; --va-ink-deep:#14100C;
  --va-body:#3A332B; --va-stone:#7C736A; --va-line:#E7DFD2;
  --va-gold:#B08C4A; --va-gold-light:#D9BC7C; --va-gold-dark:#8C6B33;
  --va-wine:#6E1E2B; --va-wine-hover:#571522;
  --va-on-dark:#F3EDE1; --va-on-dark-dim:#C9BFB2;
  --va-serif:'Playfair Display', Georgia, serif;
  --va-sans:'Source Sans 3', system-ui, sans-serif;
  /* proměnné šablony Shoptetu — přebijí barvy zvolené v Editoru */
  --color-primary:#6E1E2B; --color-primary-hover:#571522;
  --color-secondary:#B08C4A; --color-secondary-hover:#8C6B33;
  --color-tertiary:#1B1712; --color-tertiary-hover:#3A332B;
  --color-conversion:#6E1E2B; --color-conversion-hover:#571522;
}

/* ---------- základ ---------- */
body{ font-family:var(--va-sans) !important; font-size:16px; line-height:1.65; color:var(--va-body); background:var(--va-white); }
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.category-title,.p-detail h1,.homepage-products-heading,.homepage-box h2,.welcome h2,.checkout-box h2,.ordering-process h4{
  font-family:var(--va-serif) !important; font-weight:500 !important; color:var(--va-ink); }
h1,.h1,.category-title,.p-detail h1{ font-size:clamp(26px,3.4vw,38px); letter-spacing:.08em; text-transform:uppercase; line-height:1.2; }
h2,.h2,.homepage-products-heading,.homepage-box h2,.welcome h2{ font-size:clamp(22px,2.6vw,30px); letter-spacing:.08em; text-transform:uppercase; line-height:1.25; }
h3,.h3{ font-size:20px; letter-spacing:.01em; text-transform:none; }
h4,.h4{ font-size:12px; font-family:var(--va-sans) !important; font-weight:600 !important; letter-spacing:.20em; text-transform:uppercase; color:var(--va-stone); }
a{ color:var(--va-wine); text-decoration:none; transition:color .25s; }
a:hover, a:focus{ color:var(--va-gold-dark); text-decoration:none; }
::selection{ background:var(--va-wine); color:#FBF7EF; }
hr{ border-color:var(--va-line); }

/* ---------- tlačítka ---------- */
.btn, a.btn, button.btn, input[type=submit], .btn-cart, .add-to-cart-button, .btn-conversion, .btn-primary, .btn-default, .btn-secondary{
  border-radius:0 !important; font-family:var(--va-sans) !important; font-size:13px !important; font-weight:600 !important;
  letter-spacing:.14em; text-transform:uppercase; box-shadow:none !important; transition:all .25s; }
.btn-primary, .btn-conversion, .btn-cart, .add-to-cart-button, input[type=submit].btn, .btn.btn-primary:focus{
  background:var(--va-wine) !important; border:1px solid var(--va-wine) !important; color:#FBF7EF !important; }
.btn-primary:hover, .btn-conversion:hover, .btn-cart:hover, .add-to-cart-button:hover, input[type=submit].btn:hover{
  background:var(--va-wine-hover) !important; border-color:var(--va-wine-hover) !important; color:#FBF7EF !important; }
.btn-default, .btn-secondary{ background:transparent !important; border:1px solid var(--va-ink) !important; color:var(--va-ink) !important; }
.btn-default:hover, .btn-secondary:hover{ border-color:var(--va-gold) !important; color:var(--va-gold-dark) !important; background:transparent !important; }
.btn-lg{ padding:14px 30px !important; }

/* ---------- hlavička a menu ---------- */
#header, .header, .header-top, .top-navigation-bar{ background:var(--va-white) !important; }
.top-navigation-bar{ border-bottom:1px solid var(--va-line); font-size:13px; color:var(--va-stone); }
.top-navigation-bar a{ color:var(--va-stone); }
.top-navigation-bar a:hover{ color:var(--va-wine); }
.site-name img{ max-height:56px; width:auto; }
.navigation-in > ul > li > a, .menu-helper > ul > li > a, #navigation > ul > li > a, .navigation-in b{
  font-family:var(--va-sans) !important; font-size:12.5px !important; font-weight:600 !important;
  letter-spacing:.16em; text-transform:uppercase; color:var(--va-ink) !important; }
.navigation-in > ul > li > a:hover, .navigation-in > ul > li.active > a, .navigation-in > ul > li.exp > a{ color:var(--va-wine) !important; background:transparent !important; }
.navigation-in > ul > li > a::after, .navigation-in > ul > li.active > a::after{ background:var(--va-gold) !important; }
.navigation-in > ul > li.exp > a::after{ background:var(--va-gold) !important; }
.navigation-in ul.menu-level-2, .menu-level-2, .navigation-in .menu-level-2 li a{ background:var(--va-white); border-color:var(--va-line); }
.navigation-in .menu-level-2 a{ font-size:14px; letter-spacing:0; text-transform:none; color:var(--va-body) !important; }
.navigation-in .menu-level-2 a:hover{ color:var(--va-wine) !important; }
.menu-helper{ border-color:var(--va-line); }
.navigation-in .menu-level-1 > li > a, .header .cart-count, .search-form{ border-radius:0 !important; }
.cart-count .cart-price, .cart-count .cart-price strong, .cart-widget .cart-price{ color:var(--va-wine); font-weight:600; }
.cart-count .badge, .cart-count .cart-item-count{ background:var(--va-gold) !important; color:var(--va-ink-deep) !important; border-radius:50% !important; }
.responsive-tools a, .header .cart-count, .header .search-toggle{ color:var(--va-ink) !important; }
.search-form .form-control, .search-form input{ border:1px solid var(--va-line) !important; border-radius:0 !important; }
.search-form .btn{ background:var(--va-wine) !important; border-color:var(--va-wine) !important; }
/* mobilní menu */
.menu-helper ul, .navigation-window-visible .navigation-in{ background:var(--va-white); }
.navigation-in.responsive ul li a{ color:var(--va-ink) !important; }

/* ---------- drobečky, kategorie, filtry ---------- */
.breadcrumbs, .breadcrumbs a, .breadcrumbs span{ font-size:12px; letter-spacing:.10em; text-transform:uppercase; color:var(--va-stone); }
.breadcrumbs a:hover{ color:var(--va-wine); }
.category-header, .category-perex{ color:var(--va-body); }
.category-top, .subcategories a, .categories-menu a{ border-color:var(--va-line) !important; border-radius:0 !important; color:var(--va-ink); }
.subcategories a:hover{ border-color:var(--va-gold) !important; color:var(--va-wine); }
.filters-wrapper, .filter-section, .sidebar-inner, .category-filter{ background:var(--va-ivory); border:0; border-radius:0; }
.filters-wrapper h4, .filter-section h4, .sidebar h4{ color:var(--va-stone); }
.pagination a, .pagination span, .pagination strong{ border-radius:0 !important; border-color:var(--va-line) !important; color:var(--va-ink); }
.pagination .active, .pagination strong{ background:var(--va-wine) !important; color:#FBF7EF !important; border-color:var(--va-wine) !important; }
.ordering-wrapper select, select.form-control{ border-radius:0 !important; border-color:var(--va-line) !important; }

/* ---------- karty produktů ---------- */
.products-block .product, .product, .p, .products .product{ border:1px solid var(--va-line) !important; border-radius:0 !important; background:var(--va-white); transition:all .3s; }
.products-block .product:hover, .product:hover, .p:hover{ border-color:var(--va-gold) !important; box-shadow:0 16px 40px rgba(27,23,18,.08) !important; transform:translateY(-4px); }
.p .name, .product .name, .p-name{ font-family:var(--va-serif) !important; font-weight:500 !important; font-size:18px !important; letter-spacing:.01em; color:var(--va-ink) !important; text-transform:none !important; }
.p .name a, .product .name a{ color:var(--va-ink) !important; }
.p .name a:hover, .product .name a:hover{ color:var(--va-wine) !important; }
.p .price, .p .prices, .product .price{ font-family:var(--va-sans); }
.p .price-final, .price-final, .price-final strong, .p .prices strong, .product .price strong{ color:var(--va-wine) !important; font-weight:600 !important; font-size:18px; }
.p .price-additional, .price-additional, .price-standard{ color:var(--va-stone); font-size:13px; }
.p .availability, .availability, .availability-label, .show-tooltip.availability{ font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; }
.availability span, .availability-label{ color:var(--va-gold-dark) !important; }
.p .p-desc, .p .p-in .p-desc, .product .description{ color:var(--va-stone); font-size:14px; }
.p .p-code, .p-code{ font-size:12px; color:var(--va-stone); letter-spacing:.06em; }
.p .btn-cart, .p .add-to-cart-button, .product .btn{ border-radius:0 !important; }
.p .p-bottom .prices, .p .p-in{ border-radius:0; }
/* štítky (Akce, Novinka, Sleva) */
.flag, .flags .flag, .flag-discount, .flag-new, .flag-action, .flag-tip{
  border-radius:0 !important; background:var(--va-gold) !important; color:var(--va-ink-deep) !important;
  font-size:10.5px !important; font-weight:600; letter-spacing:.16em; text-transform:uppercase; padding:5px 10px; }
.flag-discount, .flag-action{ background:var(--va-wine) !important; color:#FBF7EF !important; }

/* ---------- úvodní stránka ---------- */
.homepage-products-heading, .homepage-box h2, .products-block h2{ text-align:center; margin-bottom:28px; }
.homepage-group-title, .homepage-box .h2{ font-family:var(--va-serif) !important; }
.homepage-products-heading .homepage-group-title{ text-transform:uppercase; letter-spacing:.08em; }
.homepage-tabs, .shp-tabs, .shp-tabs-row{ border-color:var(--va-line) !important; }
.shp-tabs .shp-tab a, .homepage-tabs a, .shp-tabs-row a{ font-size:12.5px !important; font-weight:600 !important; letter-spacing:.16em; text-transform:uppercase; color:var(--va-stone) !important; border-radius:0 !important; }
.shp-tabs .shp-tab.active a, .homepage-tabs .active a, .shp-tabs-row .active a{ color:var(--va-wine) !important; border-bottom:2px solid var(--va-gold) !important; background:transparent !important; }
/* výhody pod bannerem (Doprava zdarma, Rodinné vinařství…) */
.benefitBanner, .benefit-banner, .homepage-benefits{ background:var(--va-ivory); border:0 !important; }
.benefitBanner-title, .benefit-title, .benefitBanner strong{ font-family:var(--va-serif) !important; font-weight:500 !important; font-size:17px !important; color:var(--va-ink); text-transform:none; }
.benefitBanner-text, .benefit-text, .benefitBanner p{ font-size:13px; color:var(--va-stone); letter-spacing:.06em; }
.benefitBanner img, .benefit-banner img{ filter:grayscale(1) sepia(.35) saturate(2.2) hue-rotate(5deg) brightness(.85); }
/* uvítací text „Rodinné vinařství Roman Antoš" */
.welcome, .welcome-wrapper, .homepage-box.welcome{ background:var(--va-ivory); padding:64px 24px; }
.welcome h2, .welcome strong{ font-family:var(--va-serif) !important; }
.welcome p{ max-width:760px; margin:0 auto 1em; text-wrap:pretty; font-size:17px; line-height:1.7; }
/* carousel — hlavní banner */
.carousel, .carousel-inner, .carousel .item{ border-radius:0 !important; }
.carousel-indicators li{ border-color:var(--va-gold-light) !important; border-radius:50% !important; background:transparent; }
.carousel-indicators .active{ background:var(--va-gold) !important; border-color:var(--va-gold) !important; }
.carousel-control{ background:transparent !important; color:var(--va-on-dark) !important; text-shadow:none; opacity:.7; }
.carousel-caption{ text-shadow:none; }
.next-to-carousel-banners .banner, .next-to-carousel-banners a{ border-radius:0 !important; }
/* Top 10 produktů */
.top-products ol, .top-products li{ border-color:var(--va-line) !important; }
.top-products .name{ font-family:var(--va-serif) !important; }
.top-products .price{ color:var(--va-wine); font-weight:600; }

/* ---------- detail produktu ---------- */
.p-detail, .p-detail-inner{ background:var(--va-white); }
.p-detail h1{ margin-bottom:16px; }
.p-detail .p-short-description, .p-detail .p-info-wrapper .p-short-description{ color:var(--va-body); font-size:16px; }
.p-detail .p-final-price-wrapper, .p-final-price-wrapper{ border-color:var(--va-line) !important; border-radius:0 !important; background:var(--va-ivory); }
.p-detail .price-final, .p-final-price-wrapper .price-final, .p-detail .p-final-price{ color:var(--va-wine) !important; font-family:var(--va-serif) !important; font-size:32px !important; font-weight:500 !important; }
.p-detail .price-additional, .p-detail .p-final-price-wrapper .price-additional{ color:var(--va-stone); }
.p-detail .add-to-cart .btn, .p-detail .btn-cart{ padding:14px 32px !important; }
.p-detail .quantity input, .p-detail .quantity .form-control, .quantity .increase, .quantity .decrease{ border-radius:0 !important; border-color:var(--va-line) !important; }
.p-detail .p-thumbnails a, .p-image, .p-thumbnails a, .p-thumbnails img{ border-color:var(--va-line) !important; border-radius:0 !important; }
.p-thumbnails a.active, .p-thumbnails a:hover{ border-color:var(--va-gold) !important; }
.p-detail .detail-parameters, .detail-parameters, .detail-parameters th, .detail-parameters td{ border-color:var(--va-line) !important; }
.detail-parameters th, .p-detail .detail-parameters th{ font-weight:600; letter-spacing:.10em; text-transform:uppercase; font-size:11.5px; color:var(--va-stone); }
.p-detail-tabs, .p-detail .shp-tabs, .p-detail .tab-content{ border-color:var(--va-line) !important; }
.p-detail .shp-tabs a, .p-detail-tabs a{ font-size:12.5px !important; font-weight:600 !important; letter-spacing:.16em; text-transform:uppercase; color:var(--va-stone) !important; border-radius:0 !important; }
.p-detail .shp-tabs .active a, .p-detail-tabs .active a{ color:var(--va-wine) !important; border-bottom:2px solid var(--va-gold) !important; }
.p-detail .social-buttons, .p-detail .link-icon, .p-detail .p-info-wrapper .link-icon{ color:var(--va-stone); }
.p-detail .link-icon:hover{ color:var(--va-wine); }
.related-products h2, .products-related h2, .p-detail .homepage-products-heading{ text-align:left; }

/* ---------- formuláře ---------- */
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], select, textarea, .form-control{
  border:1px solid var(--va-line) !important; border-radius:0 !important; box-shadow:none !important;
  background:var(--va-white) !important; font-family:var(--va-sans) !important; font-size:15px; color:#221C15; }
input:focus, select:focus, textarea:focus, .form-control:focus{ border-color:var(--va-gold) !important; box-shadow:none !important; outline:0; }
label, .control-label{ font-weight:600; font-size:13px; color:var(--va-body); }
.form-group .help-block, .help-block{ color:var(--va-stone); font-size:13px; }
input[type=checkbox]:checked, input[type=radio]:checked{ accent-color:var(--va-wine); }
.validator-msg-error, .has-error .form-control{ border-color:var(--va-wine) !important; }

/* ---------- košík a objednávka ---------- */
.ordering-process, .cart-content, .checkout-content, .cart-inner{ background:var(--va-white); }
.cart-header, .cart-header a, .ordering-process .cart-header{ font-family:var(--va-serif) !important; }
.cart-table, .cart-table th, .cart-table td, .cart-summary, .cart-summary th, .cart-summary td{ border-color:var(--va-line) !important; border-radius:0 !important; }
.cart-table th{ font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:var(--va-stone); background:var(--va-ivory); }
.cart-table .p-name a, .cart-table .cart-p-name a, .cart-table .main-link{ font-family:var(--va-serif) !important; font-size:17px !important; color:var(--va-ink) !important; }
.cart-table .p-total strong, .cart-table .price-final, .cart-summary .price-final, .cart-summary strong, .cart-price-final{ color:var(--va-wine) !important; font-weight:600 !important; }
.cart-table .remove-item, .cart-table .remove-item a{ color:var(--va-stone); }
.cart-table .remove-item a:hover{ color:var(--va-wine); }
.cart-summary .cart-summary-inner, .cart-summary, .order-summary, .order-summary-inner{ background:var(--va-ivory) !important; border:0 !important; }
.cart-summary h3, .order-summary h3, .order-summary-item h4{ font-family:var(--va-serif) !important; font-weight:500 !important; text-transform:none; letter-spacing:0; font-size:20px; color:var(--va-ink); }
.discount-coupon .form-control, .discount-coupon .btn{ border-radius:0 !important; }
.free-shipping-progress, .cart-free-shipping .progress-bar, .progress .progress-bar{ background:var(--va-gold) !important; }
.free-shipping-message, .cart-free-shipping{ color:var(--va-gold-dark); }
/* kroky objednávky (1 Košík · 2 Doprava a platba · 3 Dodací údaje) */
.ordering-process .cart-header ul, .checkout-steps, .cart-header-steps{ border-color:var(--va-line) !important; }
.ordering-process .cart-header li, .checkout-steps li, .cart-header-steps li{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:var(--va-stone); }
.ordering-process .cart-header li.active, .checkout-steps li.active, .cart-header-steps .active{ color:var(--va-wine); }
.ordering-process .cart-header li.active span, .checkout-steps li.active .step-number, .cart-header-steps .active span{ background:var(--va-wine) !important; color:#FBF7EF !important; border-radius:50%; }
.ordering-process .cart-header li.completed span, .checkout-steps li.completed span{ background:var(--va-gold) !important; color:var(--va-ink-deep) !important; }
/* doprava a platba */
.shipping-billing-table, .shipping-billing-table td, .radio-wrapper, .checkout-box, .shipping-item, .payment-item{ border-color:var(--va-line) !important; border-radius:0 !important; }
.radio-wrapper.active, .shipping-item.active, .payment-item.active, .radio-wrapper:has(input:checked){ background:var(--va-ivory) !important; border-color:var(--va-gold) !important; }
.radio-wrapper .price, .shipping-billing-table .price, .shipping-item .price, .payment-item .price{ color:var(--va-wine); font-weight:600; }
.checkout-box h2, .checkout-box h4, .order-summary-item h4{ font-family:var(--va-serif) !important; font-size:20px; letter-spacing:0; text-transform:none; color:var(--va-ink); }
.next-step .btn, .cart-footer .btn-primary, .btn-conversion.btn-lg, .ordering-process .btn-conversion{ background:var(--va-wine) !important; border-color:var(--va-wine) !important; color:#FBF7EF !important; font-size:14px !important; padding:16px 36px !important; }
.next-step .btn:hover, .cart-footer .btn-primary:hover, .ordering-process .btn-conversion:hover{ background:var(--va-wine-hover) !important; border-color:var(--va-wine-hover) !important; }
.back-to-shop, .cart-footer .btn-default, .ordering-process .back-to-shop a{ color:var(--va-stone) !important; border-color:var(--va-line) !important; }
.back-to-shop:hover, .ordering-process .back-to-shop a:hover{ color:var(--va-wine) !important; }
/* vysunutý košík / okno po přidání do košíku */
.cart-widget, .cart-widget-inner, .cart-widget-products, .popup-widget{ background:var(--va-white) !important; border:1px solid var(--va-line) !important; border-radius:0 !important; box-shadow:0 16px 40px rgba(27,23,18,.12) !important; }
.cart-widget .cart-widget-button .btn, .popup-widget .btn-primary, .advanced-order .btn-primary{ background:var(--va-wine) !important; border-color:var(--va-wine) !important; }
.advanced-order, .advanced-order-content, .colorbox-html-content, #colorbox #cboxContent{ border-radius:0 !important; }
.advanced-order h2, .advanced-order h3, .advanced-order .h4{ font-family:var(--va-serif) !important; text-transform:none; letter-spacing:0; }
/* přihlášení, registrace */
.login-wrapper, .registration-wrapper, .customer-login, .box-login{ border-color:var(--va-line) !important; border-radius:0 !important; }
.login-wrapper h2, .customer-login h2{ font-family:var(--va-serif) !important; text-transform:none; letter-spacing:0; }

/* ---------- oznámení, lišty ---------- */
.msg-info, .alert-info, .msg{ background:var(--va-ivory) !important; border:1px solid var(--va-gold-light) !important; border-radius:0 !important; color:var(--va-body) !important; }
.msg-success, .alert-success{ background:#F1F5EE !important; border-color:#9FB894 !important; border-radius:0 !important; }
.msg-error, .alert-danger{ background:#F8EEEF !important; border-color:var(--va-wine) !important; border-radius:0 !important; }
.badge, .label{ border-radius:0 !important; }
/* cookie lišta a ověření věku */
.siteCookies, .siteCookies__form, .cookies-wrapper, .age-verification, .ageVerification, .age-verification-inner{
  background:var(--va-ink-deep) !important; color:var(--va-on-dark-dim) !important; font-family:var(--va-sans) !important; border-radius:0 !important; }
.siteCookies a, .age-verification a{ color:var(--va-gold-light) !important; }
.siteCookies .btn, .siteCookies__button, .age-verification .btn, .ageVerification .btn{ border-radius:0 !important; letter-spacing:.14em; text-transform:uppercase; font-weight:600; }
.siteCookies .btn-primary, .siteCookies__button--accept, .age-verification .btn-primary{ background:var(--va-gold) !important; border-color:var(--va-gold) !important; color:var(--va-ink-deep) !important; }
.siteCookies .btn-default, .siteCookies__button--settings, .age-verification .btn-default{ background:transparent !important; border-color:var(--va-gold) !important; color:var(--va-gold-light) !important; }
.age-verification h2, .ageVerification h2, .age-verification h3{ font-family:var(--va-serif) !important; color:var(--va-on-dark) !important; }

/* ---------- patička ---------- */
#footer, .footer, .site-footer, .footer-rows, .custom-footer, .footer-bottom, .copyright{
  background:var(--va-ink-deep) !important; color:var(--va-on-dark-dim) !important; border:0 !important; }
#footer ::selection, .footer ::selection{ background:var(--va-gold); color:var(--va-ink-deep); }
#footer a, .footer a, .custom-footer a, .footer-rows a, .copyright a{ color:var(--va-on-dark-dim) !important; }
#footer a:hover, .footer a:hover, .custom-footer a:hover, .footer-rows a:hover{ color:var(--va-gold-light) !important; }
#footer h4, #footer .h4, .footer h4, .footer .h4, .custom-footer h4, .footer-rows h4, .footer-rows .h4{
  font-family:var(--va-sans) !important; color:var(--va-gold-light) !important; text-transform:uppercase; letter-spacing:.22em; font-size:11.5px !important; font-weight:600 !important; margin-bottom:18px; }
#footer strong, .footer strong, .custom-footer strong{ color:var(--va-on-dark); font-weight:600; }
#footer ul li, .footer ul li, .custom-footer ul li{ border:0 !important; padding:4px 0; }
#footer .footer-rows, .footer .footer-rows{ border-top:1px solid rgba(217,188,124,.18); }
.copyright, .footer-bottom, #footer .copyright{ border-top:1px solid rgba(217,188,124,.18) !important; font-size:12.5px; color:var(--va-stone) !important; }
.copyright a, .footer-bottom a{ color:var(--va-stone) !important; }
.footer .facebook-page, #footer .fb-page, .footer iframe{ filter:grayscale(1) opacity(.8); }
.footer .payment-logos img, #footer .payment-logos img, .footer img[alt*="karet"]{ filter:grayscale(1) brightness(1.4) opacity(.6); }