/* PH-VZHLED 2026-10-22 verze c (B1v2, nadpisy Roboto - Fraunces zrusen 22. 10. Pavel, bez vinove horni listy), schvalil Pavel 22. 10. Pismo Fraunces je v ph-fraunces-20261022.css (nacita se asynchronne). Vraceni: smazat radek PH-VZHLED v Zahlavi.
   Puvodne: PH-VZHLED B1v2 2026-10-22. B1 + technicke vyhrady cross-val (Astra):
   bez multiply na fotkach, bez prevodu menu na mala pismena, CTA min. 44 px bez pevne vysky,
   :focus-visible, bez stinu karet a nakupniho panelu, filtry bez verzalek, strom kategorii bez ramecku,
   dostupnost 14 px s odolnejsim selektorem, mobilni podkategorie ve dvou sloupcich.
   Vse je omezeno na hlavicku, vypis, detail, bocni panel a paticku; telo pokladny (/kosik/,
   /objednavka/) nemeni zadny vypocteny styl (overeno). Nesaha na bannery ani medaile.
   Vkus beze zmeny proti B1: vinova horni lista, Fraunces (nadpisy + nazvy; varianta jen nadpisy
   = fraunces_jen-nadpisy.css). Fraunces v ostrem provozu hostovat u sebe. */


:root {
  --ph-ink: #211A17; --ph-muted: #6E645D; --ph-line: #E7E0D6; --ph-sand: #F6EEE2;
  --ph-rule: #6B1E2E; --ph-rule-hp: #B69C75; --ph-accent: #6B1E2E; --ph-link: #6B1E2E; --ph-wine-2: #8C2F41; --ph-ok: #2E7D32;
  --ph-serif: Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 1 Menu (pocitac): kremovy pas, tmavy text; verzalky a texty z adminu beze zmeny */
@media (min-width: 768px) {
  html #navigation, html #header::before { background-color: var(--ph-sand) !important; }
  html #header::before { box-shadow: inset 0 -1px 0 var(--ph-line), inset 0 1px 0 var(--ph-line); }
  html #navigation .menu-level-1 > li > a,
  html #navigation .menu-level-1 > li > a .submenu-arrow { color: var(--ph-ink); }
  html #navigation .menu-level-1 > li > a b { color: var(--ph-ink); }
  html #navigation .menu-level-1 > li > a:hover b, html #navigation .menu-level-1 > li > a.active b { box-shadow: inset 0 -2px 0 var(--ph-accent); }
  html #header .menu-helper::after { filter: brightness(0); opacity: .8; } /* ikona je bily obrazek na pozadi */
}

/* 2 Vedlejsi tlacitka: tmavy text na bezove; cile 44 px */
html #header .search button, html .sidebar .search .btn-default, html #filters-wrapper .filters-unveil-button-wrapper a.btn.unveil-button,
html .listingControls .btn-secondary, html .pagination .pagination__currentPage { color: var(--ph-ink) !important; -webkit-text-fill-color: var(--ph-ink) !important; }
html #filters-wrapper .filters-unveil-button-wrapper a.btn.unveil-button, html .listingControls .loadMore__button { min-height: 44px; line-height: 44px; }
@media (min-width: 768px) { html #header .navigation-buttons .cart-count .cart-price { color: var(--ph-muted); } }

/* 3 Nadpisy */
html h1.category-title, html .p-detail-inner-header h1, html .homepage-group-title.h4, html body.type-detail .p-detail h2.products-related-header,
html body.type-detail .shp-tabs-wrapper .basic-description h3, html body.type-detail .shp-tabs-wrapper .extended-description h3 {
  font-family: var(--ph-serif) !important; font-weight: 600; color: var(--ph-ink); letter-spacing: -.01em;
}
html h1.category-title { font-size: 40px; line-height: 1.1; }
html .p-detail-inner-header h1 { font-size: 34px; line-height: 1.15; }
html .homepage-group-title.h4 { font-size: 30px; line-height: 1.15; }
html body.type-detail .p-detail h2.products-related-header, html body.type-detail .shp-tabs-wrapper .basic-description h3, html body.type-detail .shp-tabs-wrapper .extended-description h3 { font-size: 24px; line-height: 1.2; }
html h1.category-title::after, html .p-detail-inner-header h1::after, html body.type-detail .p-detail h2.products-related-header::after,
html body.type-detail .shp-tabs-wrapper .basic-description h3::before, html body.type-detail .shp-tabs-wrapper .extended-description h3::before, html #footer .pageElement__heading::before { background-color: var(--ph-rule); }
html .type-index .homepage-group-title.h4::after { background-color: var(--ph-rule-hp); }

/* 4 Karty produktu: ramecek 1px, radius 10, bez stinu; fotka na bile plose (bez multiply) */
html .products-block.products .product .p { border: 1px solid var(--ph-line); border-radius: 10px; padding: 10px 10px 14px; margin: 0 6px; background: #fff; text-align: left; }
html .products-block.products .product .p > a.image { display: block; background: #fff; }
html .products-block.products .product .p .p-in, html .products-block.products .product .p .p-bottom { padding: 0 4px; text-align: left; align-items: flex-start; }
html .products-block.products .product .p .name { margin-top: 10px; text-align: left; font-family: var(--ph-serif); font-weight: 600; font-size: 15px; line-height: 1.3; color: var(--ph-ink); }
html .products-block.products .product .p .name:hover { color: var(--ph-link); }
html .products-block.products .product .p .p-in .ratings-wrapper, html .products-block.products .product .p .p-in .availability,
html .products-block.products .product .p .prices { justify-content: flex-start; align-items: flex-start; text-align: left; }
html .products-block.products .product .prices .price-final strong { color: var(--ph-ink) !important; font-size: 20px; font-variant-numeric: tabular-nums; }
html .products-block.products .product .p-bottom > [data-micro="offer"] { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; }
html .products-block.products .product .p-bottom .prices { flex: 0 0 auto; white-space: nowrap; }
html .products-block.products .product .p-bottom .p-tools { flex: 1 0 96px; margin: 0; }
html .products-block.products .product .p-bottom .p-tools form { width: 100%; }
/* CTA bez pevne vysky: min. 44 px */
html .products-block.products .product .p .btn.btn-cart,
html .products-block.products .product .p button.add-to-cart-button { color: #fff !important; width: 100% !important; height: auto !important; min-height: 44px; margin: 0; padding: 10px 12px; line-height: 20px !important; letter-spacing: 0; font-weight: 600; } /* sablona: line-height 33px !important */
html .products-block.products .product .p .btn.btn-cart span { display: inline; line-height: 20px; }
html .products-block.products .product .p a.btn:not(.btn-cart) {
  background: #fff !important; color: var(--ph-ink) !important; border: 1px solid #CFC4B5 !important; width: 100% !important; height: auto !important; min-height: 44px; padding: 10px 12px; line-height: 20px !important; display: flex !important; align-items: center; justify-content: center;
}

/* 5 Dostupnost: jen vypis a detail; #32cb00 v libovolnem zapisu velikosti pismen (Shoptet nema stavovou tridu) */
html .products-block .product .availability span { font-size: 14px; font-weight: 500; }
html .products-block .product .availability span[style*="32cb00" i], html body.type-detail .availability-value .availability-label[style*="32cb00" i] { color: var(--ph-ok) !important; }

/* 6 Razeni (pocitac) */
@media (min-width: 768px) {
  html #category-header .listSorting .listSorting__controls { background: transparent; box-shadow: inset 0 -1px 0 var(--ph-line); }
  html #category-header .listSorting .listSorting__control { background: transparent !important; color: var(--ph-muted); }
  html #category-header .listSorting .listSorting__control--current { color: var(--ph-ink) !important; box-shadow: inset 0 -2px 0 var(--ph-accent); font-weight: 600; }
}

/* 7 Podkategorie: pocitac stitky, mobil dva sloupce (jako A) */
html .type-category .subcategories.with-image { display: flex; flex-wrap: wrap; gap: 8px; width: auto !important; margin: 0 0 24px !important; }
html .type-category .subcategories.with-image li { width: auto; max-width: none; flex: 0 0 auto; padding: 0; margin: 0; }
html .type-category .subcategories.with-image li a { min-height: 40px; padding: 4px 16px 4px 8px; border: 1px solid var(--ph-line); border-radius: 999px; color: var(--ph-ink); background: #fff; }
html .type-category .subcategories.with-image li a:hover { border-color: var(--ph-rule-hp); }
html .type-category .subcategories.with-image li a .image { width: 28px; flex: 0 0 28px; }
html .type-category .subcategories.with-image li a .text { display: block; padding-left: 8px; font-size: 14px; font-weight: 500; white-space: nowrap; overflow: visible; max-width: none; color: var(--ph-ink); }

/* 8 Bocni panel: filtry Roboto 14/20 600, strom kategorii bez ramecku */
html .sidebar .pageElement__heading, html .sidebar .filters-wrapper > h4 { font-family: var(--ph-serif); font-weight: 600; color: var(--ph-ink); }
html .sidebar .filter-section h4 { font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ph-ink); }
html .sidebar .filter-section label { color: var(--ph-ink); }
html body .sidebar #categories { background: #fff; border: 0; }
html body .sidebar #categories .topic.active > a { color: var(--ph-link); }
html #filters .toggle-filters { color: var(--ph-link); }
html .breadcrumbs-wrapper .breadcrumbs > span:last-child [itemprop="name"] { color: var(--ph-muted); }

/* 9 Detail produktu: nakupni panel ramecek 1px, radius 10, bez stinu */
html .type-detail .price-line { background: #fff; border: 1px solid var(--ph-line); border-radius: 10px; box-shadow: none; }
html .type-detail .p-final-price-wrapper .price-final { font-size: 32px; color: var(--ph-ink); }
html body.type-detail .availability-value .availability-label { font-size: 16px; }
html body.type-detail .p-detail-info > div:not(.flags):not(.stars-wrapper) > a, html #product-detail-form .p-info-wrapper > p > a.chevron-after { color: var(--ph-link); }
html body.type-detail .p-thumbnails .p-thumbnail { border-color: var(--ph-line); border-radius: 10px; }
html body.type-detail .p-thumbnails .p-thumbnail.highlighted { border-color: var(--ph-accent); }
html .type-detail .tab-content .extended-description .detail-parameters { background: transparent; border-top: 1px solid var(--ph-line); border-radius: 0; }
html .type-detail .tab-content .extended-description .detail-parameters tr { border-bottom: 1px solid var(--ph-line); }
html .type-detail .tab-content .extended-description .detail-parameters tr th { padding: 12px 12px 12px 0 !important; background: transparent; }
html .type-detail .tab-content .extended-description .detail-parameters tr td { padding: 12px 0 12px 12px !important; background: transparent; color: var(--ph-ink); font-weight: 500; }
html .type-detail .tab-content .extended-description .detail-parameters tr th .row-header-label { color: var(--ph-muted); font-weight: 400; font-size: 14px; }
html .type-detail .tab-content .extended-description .detail-parameters tr td a { color: var(--ph-link); }
html .type-detail .shp-tabs-holder, html .type-detail .shp-tabs-holder ul.shp-tabs { background: transparent; box-shadow: inset 0 -1px 0 var(--ph-line); border-radius: 0; }
html .type-detail .shp-tabs-holder ul.shp-tabs li a { background: transparent; color: var(--ph-muted); }
html .type-detail .shp-tabs-holder ul.shp-tabs li.active a, html .type-detail .shp-tabs-holder ul.shp-tabs li a:hover { background: transparent; color: var(--ph-ink); box-shadow: inset 0 -2px 0 var(--ph-accent); }

html body #footer .custom-footer .site-name strong { color: var(--ph-link); }

/* 10 Vinova: odkazy drobeckove navigace */
html .breadcrumbs-wrapper .breadcrumbs a, html .breadcrumbs-wrapper .breadcrumbs a span { color: var(--ph-link); }
html .breadcrumbs-wrapper .breadcrumbs a:hover { color: var(--ph-wine-2); }
/* horni lista: vinova zrusena 22. 10. (Pavel), lista jako v sablone */

/* 11 Focus z klavesnice na dotcenych prvcich */
html #navigation .menu-level-1 > li > a:focus-visible, html .top-navigation-bar a:focus-visible, html #header .search button:focus-visible,
html .products-block.products .product .p a:focus-visible, html .products-block.products .product .p .btn:focus-visible,
html .type-category .subcategories.with-image li a:focus-visible, html #category-header .listSorting .listSorting__control:focus-visible,
html .sidebar a:focus-visible, html .sidebar .btn:focus-visible, html .breadcrumbs-wrapper a:focus-visible,
html .type-detail .shp-tabs-holder ul.shp-tabs li a:focus-visible, html .type-detail .add-to-cart-button:focus-visible,
html #product-detail-form a:focus-visible, html .listingControls .btn:focus-visible, html #filters-wrapper a.btn:focus-visible {
  outline: 2px solid var(--ph-ink) !important; outline-offset: 3px;
}

/* 12 Mobil */
@media (max-width: 767px) {
  html h1.category-title { font-size: 30px; margin-bottom: 16px; }
  html .homepage-group-title.h4 { font-size: 24px; }
  html .p-detail-inner-header h1 { font-size: 27px; }
  html .products-block.products .product .p { margin: 0 4px; padding: 8px 8px 12px; }
  html .products-block.products .product .p .p-in .name { font-size: 15px !important; }
  html .products-block.products .product .p .btn.btn-cart, html .products-block.products .product .p a.btn:not(.btn-cart) { font-size: 14px; }
  html .products-block.products .product .prices .price-final strong { font-size: 18px; }
  html .products-block.products .product .p-bottom .p-tools { flex: 1 1 100%; }
  html .type-category .subcategories.with-image { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  html .type-category .subcategories.with-image li a { min-height: 44px; border-radius: 10px; padding: 4px 8px 4px 6px; }
  html .type-category .subcategories.with-image li a .image { width: 30px; flex: 0 0 30px; }
  html .type-category .subcategories.with-image li a .text { white-space: normal; line-height: 1.2; }
}

/* PH-VZHLED doplnek k B1v2 (i B, B1, B2): Fraunces JEN na H1 a sekcnich nadpisech. Nacist ZA variantou.
   Nazvy vin na kartach Roboto 15/21 500, nadpisy boxu v bocnim panelu Roboto 600.  */
html .products-block.products .product .p .name { font-family: Roboto, sans-serif; font-weight: 500; font-size: 15px; line-height: 21px; letter-spacing: 0; }
html .sidebar .pageElement__heading, html .sidebar .filters-wrapper > h4 { font-family: Roboto, sans-serif; font-weight: 600; }
@media (max-width: 767px) {
  html .products-block.products .product .p .p-in .name { font-size: 15px !important; line-height: 21px; }
}

/* PH-VZHLED doplnek: kompaktni patička 2026-10-22, nasazeno 22. 10. (Pavel: "paticka zmensena je fajn"). Nacitat ZA ph-vzhled-20261022.css.
   Jen CSS, obsah polozek beze zmeny. Nesaha na pole Zapati (HTML kody) ani na .footer-banners.
   Jedna zona: [znacka: logo, firma, ikony FB/IG] [Informace pro vas] [Kontakt: telefon, e-mail]
   + tenka spodni lista (copyright, cookies, podpis Shoptet/Shoptak, nahoru).
   Slouceni: bloky .site-name a .custom-footer__contact se rozlozi (display: contents) do jedne mrizky.
   Skryto: duplicitni e-mail a telefon v bloku Kontakt (zustava sada s ikonami), nadpis „Zakaznicka podpora:“
   (nadpis Kontakt staci), widget Facebooku (ikona FB je v ikonach; ROZHODNUTI PRO PAVLA, viz navrh). */

/* zona */
html #footer { border-top: 1px solid #E7E0D6; }
html #footer .footer-rows { padding-top: 0; padding-bottom: 0; }
html #footer .custom-footer {
  display: grid !important; gap: 4px 48px; padding: 32px 0 24px; align-items: start;
  grid-template-columns: minmax(200px, 1fr) minmax(0, 1.4fr) minmax(200px, 1fr);
  grid-template-areas: "logo ih kh" "firma il kont" "soc il kont";
}
html #footer .custom-footer > div, html #footer .site-name .inner-box { padding: 0; margin: 0; width: auto; max-width: none; }
html #footer .site-name, html #footer .site-name .inner-box, html #footer .custom-footer__contact, html #footer .contact-box, html #footer .custom-footer__articles { display: contents; }
html #footer .site-name .inner-box::before, html #footer .site-name .inner-box::after { display: none; }
html #footer .custom-footer__facebook, html #footer .contact-box > ul, html #footer .site-name .inner-box > strong { display: none !important; }

/* znacka */
html #footer .site-name .inner-box > a { grid-area: logo; display: block; margin: 0 0 8px; }
html #footer .site-name .inner-box > a img { width: 132px; height: auto; }
html #footer .contact-box > strong { grid-area: firma; font-size: 14px; font-weight: 500; color: #6E645D; margin: 0; }
html #footer .contact-socials { grid-area: soc; display: flex; gap: 4px; margin: 8px 0 0; }
html #footer .contact-socials span a { margin: 0; width: 44px; height: 44px; display: grid; place-items: center; }

/* Informace pro vas: odkazy ve dvou sloupcich */
html #footer .custom-footer__articles > h3 { grid-area: ih; }
html #footer .custom-footer__articles > ul { grid-area: il; columns: 2; column-gap: 32px; margin: 0; padding: 0; }
html #footer .custom-footer__articles li { break-inside: avoid; }
html #footer .custom-footer__articles a { display: inline-block; font-size: 14px; line-height: 20px; margin: 0; padding: 4px 0; color: #211A17; }
html #footer .custom-footer__articles a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* nadpisy bloku: male, bez carky */
html #footer .pageElement__heading { font-size: 15px; line-height: 20px; font-weight: 600; margin: 0 0 8px; padding: 0; color: #211A17; }
html #footer .pageElement__heading::before, html #footer .pageElement__heading::after { display: none !important; }
html #footer .custom-footer__contact > h3 { grid-area: kh; }
html #footer .custom-footer__articles > h3, html #footer .custom-footer__contact > h3 { align-self: end; margin-bottom: 4px; }

/* Kontakt: telefon a e-mail s ikonami */
html #footer .site-name .contacts { grid-area: kont; margin: 0; padding: 0; }
html #footer .site-name .contacts a { font-size: 15px; line-height: 20px; font-weight: 500; margin: 0; padding: 6px 0; min-height: 32px; align-items: center; color: #211A17; }

/* spodni lista: jedna tenka rada */
html #footer .footer-bottom {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px;
  padding: 12px 40px !important; border-top: 1px solid #E7E0D6; text-align: left; /* sablona: 30px 20px !important */
}
html #footer .footer-bottom .copyright { order: 1; flex: 1 1 auto; min-width: 0; display: block; margin: 0; text-align: left; font-size: 12.5px; line-height: 18px; color: #6E645D; }
html #footer .footer-bottom .copyright a.cookies-settings { display: inline; margin-left: 10px; }
html #footer .footer-bottom .copyright .podpis a { display: inline; }
html #footer .footer-bottom .podpis { margin-left: 14px; }
html #footer .footer-bottom #signature { order: 2; flex: 0 0 auto; margin-left: auto; line-height: 0; }
html #footer .footer-bottom #signature img { width: 14px; height: 14px; }
html #footer .footer-bottom .copyright strong { color: #6E645D; font-weight: 500; }
html #footer .footer-bottom .copyright a.cookies-settings { color: #6E645D; text-decoration: underline; text-underline-offset: 2px; }
html #footer .footer-bottom .podpis { display: inline !important; margin: 0; font-size: 11.5px; color: #6E645D; text-align: left; } /* sablona: block !important */
html #footer .footer-bottom .podpis a { color: inherit; }
html #footer .footer-bottom .back-to-top { order: 3; position: static; width: 32px; height: 32px; padding: 0; margin: 0; display: grid; place-items: center; border-width: 1px; }
html #footer .footer-bottom .back-to-top img { width: 14px; height: 14px; }

/* od 1760 px sablona rusi bocni odsazeni kontejneru; spodni lista se zarovna stejne */
@media (min-width: 1760px) { html #footer .footer-bottom { padding-left: 0 !important; padding-right: 0 !important; } }

/* radek Adulto pod patičkou (vklada doplnek, ponechan viditelny) */
html #adulto-footer { display: block; padding: 0 0 12px; font-size: 12px; color: #6E645D; }

/* fokus */
html #footer a:focus-visible { outline: 2px solid #211A17; outline-offset: 3px; }

/* mobil: kompaktni bloky pod sebou */
@media (max-width: 767px) {
  html #footer .footer-rows { padding-left: 15px; padding-right: 15px; }
  html #footer .custom-footer {
    grid-template-columns: 1fr auto; gap: 4px 16px; padding: 24px 0 16px; text-align: left;
    grid-template-areas: "logo soc" "firma soc" "kh kh" "kont kont" "ih ih" "il il";
  }
  html #footer .contact-socials { margin: 0; align-self: center; }
  html #footer .custom-footer__contact > h3 { margin-top: 16px; }
  html #footer .custom-footer__articles > h3 { margin-top: 16px; }
  html #footer .custom-footer__articles ul { column-gap: 16px; }
  html #footer .custom-footer__articles a { padding: 6px 0; min-height: 32px; }
  html #footer .pageElement__heading, html #footer .custom-footer__articles > ul, html #footer .site-name .contacts a { text-align: left; justify-content: flex-start; }
  html #footer .footer-bottom { padding: 10px 15px !important; gap: 6px 10px; }
  html #footer .footer-bottom .copyright { flex: 1 1 0; }
  html #footer .footer-bottom .copyright a.cookies-settings { margin-left: 6px; }
  html #footer .footer-bottom .podpis { display: block !important; margin: 2px 0 0; }
  html #footer .footer-bottom #signature { order: 2; margin: 0; }
}