/*!
 * ERROW vlastne upravy webu - verzia 010 (2026-10-30 11:21, 33851236+zmeny)
 * Zdroj: github.com/mirco261/Shoptet Apps/Clients/ERROW/Web/src
 * Moduly:
 *   c01-kosik-okno.css
 *   c05-c06-kosik.css
 *   c09-hlasky.css
 *   c09-registracia.css
 *   c11-odstupenie.css
 *   c12-bannery.css
 *   c13-detail.css
 *   c13-vypis-kod.css
 *   c15-menu.css
 *   c16-kontakt.css
 *   c18-stranky.css
 *   c20-c24-adresy.css
 *   c22-manikura.css
 *   c27-zakonna-zaruka.css
 */

/* ===== c01-kosik-okno.css ===== */
/*
 * ERROW č. 1 — Okno „pridané do košíka" (#colorbox) nad vrstvou vyhľadávania Doofinder.
 * Kde beží: všade
 * POZOR: zdvíhať len #colorbox. Pravidlo aj pre #cboxOverlay rozbilo otváranie podmenu na PC (29. 10. 2026).
 */
#colorbox {
  z-index: 2147483600 !important;
}

/* ===== c05-c06-kosik.css ===== */
/*
 * ERROW č. 5, 6 (SK aj č. 3) — Košík: text pre profesionálov pod „Nakupujem na firmu", otáznik pri IČ DPH, písmo Štát/Země, červený rámik a text pri nevybranom výdajnom mieste, mobilné rozloženie dopráv.
 * Kde beží: /objednavka/
 */
.errow-pro-hint {
  margin: -4px 0 16px 0;
  padding-left: 40px;
  font-size: 13px;
  line-height: 1.5;
  color: #555;
}
.errow-pro-hint a {
  text-decoration: underline;
  font-weight: 600;
}
label .question-tooltip.errow-tip-inline {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  display: inline-block;
  margin: -10px 0 -10px 6px;
  vertical-align: middle;
  float: none;
}
.errow-country-label {
  font-size: 12px !important;
}
.errow-country-value {
  font-weight: 400 !important;
  font-size: 16px !important;
}
.errow-country-gap {
  margin-bottom: 24px !important;
}
[data-testid="shippingMethod"] > label {
  scroll-margin-top: 150px;
}
.errow-ship-error > label {
  border-color: #d0021b !important;
  box-shadow: 0 0 0 2px rgba(208, 2, 27, 0.2);
}
.errow-ship-error-text {
  display: block;
  margin-top: 6px;
  color: #d0021b;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 767px) {
  #order-shipping-methods .radio-wrapper > label,
  #order-billing-methods .radio-wrapper > label {
    padding-left: 44px !important;
  }
  [data-testid="shippingMethod"] > label {
    padding-right: 6px !important;
  }
  [data-testid="shippingMethod"] .payment-info {
    padding-right: 0 !important;
  }
  [data-testid="shippingMethod"] .shipping-billing-name {
    display: inline;
  }
  [data-testid="shippingMethod"] .payment-info .question-tooltip {
    margin: 0 !important;
    vertical-align: middle;
  }
  [data-testid="shippingMethod"] .payment-shipping-price,
  [data-testid="shippingMethod"] .payment-logo {
    width: auto !important;
    min-width: 0 !important;
  }
  [data-testid="shippingMethod"] .payment-logo img {
    max-width: 44px !important;
    max-height: 36px !important;
    width: auto !important;
    height: auto !important;
  }
}

/* ===== c09-hlasky.css ===== */
/*
 * ERROW č. 9 — Hlášky Shoptetu (.messages) v strede obrazovky, väčšie, pri chybe stmavené pozadie.
 * Kde beží: všade
 * Náhľad bez odoslania formulára: v konzole showMessage("text","error").
 */
.messages {
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%);
  width: min(560px, calc(100% - 32px)) !important;
}
.messages .msg {
  width: auto !important;
  max-width: none !important;
  font-size: 18px !important;
  line-height: 1.4;
  padding: 24px 48px 24px 52px !important;
  border: 3px solid #fff !important;
  outline: 3px solid rgba(0, 0, 0, 0.15);
  position: relative;
  cursor: pointer;
}
/* zavrieť: klik na hlášku alebo Esc (c09-hlasky.js) */
.messages .msg::after {
  content: "×";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  font-size: 28px;
  line-height: 1;
  opacity: 0.8;
}
.messages .msg-error {
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.35) !important;
}

/* ===== c09-registracia.css ===== */
/*
 * ERROW č. 9 — Registrácia: skrytie „Nakupujem na firmu" pri Veľkoobchode, štýl 2 súhlasov a ich chybových hlášok.
 * Kde beží: /registracia/, /registrace/
 */
.errow-vo .company-shopping {
  display: none !important;
}
.errow-c a {
  color: inherit;
  text-decoration: underline;
}
.errow-ce {
  color: #d0021b;
  font-size: 13px;
  margin: -2px 0 0 30px;
}

/* ===== c11-odstupenie.css ===== */
/*
 * ERROW č. 11 — Odstúpenie od zmluvy online (/moja-objednavka/, CZ /moje-objednavka/) vo farbách e-shopu:
 * tlačidlá (Zobraziť objednávku, Poslať nový e-mail, Odstúpiť od zmluvy – vrátiť produkty, Odoslať žiadosť),
 * odkazy, potvrdzujúca hláška (notification--success) a zvýraznené pole.
 * Kde beží: React widget Shoptetu v shadow DOM (host main#order-withdraw). Bežné CSS sa dovnútra nedostane,
 * ale CSS premenné áno — widget ich definuje na :host a pravidlo z e-shopu na hostiteľovi ich prebije.
 * Farby: fialová #594659 (tlačidlo Odoslať v kontaktnom formulári), zlatá #cfbd8a (btn-primary šablóny).
 */
#order-withdraw {
  --Global-Backgrounds-Button-Primary: #594659;
  --Global-Backgrounds-Button-Primary_Hover: #463746;
  --Global-Foregrounds-Content-Success: #594659;
  --Global-Foregrounds-Content-Link: #594659;
  --Global-Foregrounds-Borders-Activated: #cfbd8a;
  --Corner-Radius: 8px;
  --Text-Font: Roboto, sans-serif;
}

/* ===== c12-bannery.css ===== */
/*
 * ERROW č. 12 — Bannery „Konkurenčné výhody" (.benefitBanner) pod carouselom: SK 5 položiek, CZ 4 (Manikúra na CZ
 * skrytá). Šablóna dáva položke flex 25 %, piata by spadla na nový riadok → pri 5 položkách 20 % a menší nadpis.
 * Chýbajúcu ikonku banneru Doprava dopĺňa c12-bannery.js.
 * Admin: Vzhľad a obsah → Bannery → Konkurenčné výhody (SK banner5, 11–14; CZ banner5, 11–14).
 * Kde beží: titulka a kategórie (benefitHomepage, benefitCategory)
 */
@media (min-width: 1200px) {
  .benefitBanner:has(> .benefitBanner__item:nth-child(5)) > .benefitBanner__item {
    flex: 1 1 20%;
  }
  .benefitBanner:has(> .benefitBanner__item:nth-child(5)) .benefitBanner__title {
    font-size: 16px;
  }
}

/* ===== c13-detail.css ===== */
/*
 * ERROW č. 13 — Detail produktu: kód pod názvom (15 px), „Značka:" rovnako veľká a bez veľkých písmen, lupa len na zariadeniach s myšou.
 * Kde beží: detail produktu
 */
#content .p-detail-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#content .p-detail-info .stars-wrapper {
  order: 1;
  margin-top: 6px;
}
#content .p-detail-info .p-code {
  display: block;
  font-size: 15px;
  color: #333;
  text-transform: none;
  margin: 2px 0 4px;
}
#content [data-testid="productCardBrandName"],
#content [data-testid="productCardBrandName"] span {
  font-size: 15px;
  color: #333;
  text-transform: none;
  font-weight: 400;
}
#content [data-testid="productCardBrandName"] span {
  font-weight: 700;
}
@media (hover: none) {
  #cloud-zoom-big,
  .cloud-zoom-big,
  .cloud-zoom-lens {
    display: none !important;
  }
  .p-image .mousetrap,
  a.p-main-image img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
}

/* ===== c13-vypis-kod.css ===== */
/*
 * ERROW č. 13 — Výpis produktov: kód medzi názvom a cenou (presun robí c13-vypis-kod.js), bez veľkých písmen
 * ako v detaile („Kód:" namiesto „KÓD:").
 * Kde beží: karty .products .p
 */
#content .p-in-in .p-code {
  position: static !important;
  display: block !important;
  margin: 2px 0 6px;
  padding: 0 !important;
  font-size: 13px;
  color: #555;
  text-transform: none;
  text-align: left !important;
  white-space: nowrap;
}

/* na mobile šablóna zarovnáva kód vpravo a menším písmom */
#content .p-in-in .p-code * {
  display: inline !important;
  font-size: inherit !important;
}

/* ===== c15-menu.css ===== */
/*
 * ERROW č. 15 — Menu kategórií: skryť sivú ikonu priečinka pri podkategóriách bez obrázka.
 * Kde beží: všade
 */
.navigation-in .menu-level-2 a.menu-image:has(img[src$="/img/folder.svg"]) {
  display: none;
}

/* ===== c16-kontakt.css ===== */
/*
 * ERROW č. 16 — Stránka Kontakt v rozložení šablóny Apollo: vľavo formulár, vpravo box predajne s mapou
 * (aside.contact-address v obsahu stránky, mapu doplní Apollo z premenných contactGoogleMap* v HTML kódoch),
 * pod tým fakturačné a bankové údaje (.errow-company v obsahu stránky).
 * Kde beží: /kontakt/ (body.in-contacts)
 */
.errow-company {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 48px;
  width: 100%;
  margin: 40px 0 0;
  padding-top: 24px;
  border-top: 1px solid #e5e5e5;
  clear: both;
}
.errow-company__col {
  flex: 1 1 260px;
}
.errow-company h3 {
  font-size: 18px;
  margin: 0 0 10px;
}
.errow-company p {
  margin: 0 0 10px;
  line-height: 1.6;
}
.contact-address .errow-hours {
  margin: 12px 0 0;
  line-height: 1.6;
}

/* ===== c18-stranky.css ===== */
/*
 * ERROW č. 18 — Na stránkach Návody a Služby skryť hlášku „Záznamy neboli nájdené".
 * Kde beží: SK stránky id 2455, 2479; CZ stránka id 2281
 * ID stránok sú pre každý e-shop iné, preto html[lang].
 */
html[lang="sk"] body.id-2455 #content > .content-inner > p,
html[lang="sk"] body.id-2479 #content > .content-inner > p,
html[lang="cs"] body.id-2281 #content > .content-inner > p {
  display: none;
}

/* ===== c20-c24-adresy.css ===== */
/*
 * ERROW č. 20 (SK), č. 24 (CZ) — Košík, doručovacia adresa: výber uložených adries v samostatnom riadku nad
 * „Meno a priezvisko" a zarovnaný s poľami (fieldset je flex, výber stál vedľa nadpisu); nápoveda nad ním;
 * Štát / Země ako text aj pri „Doručiť na inú adresu" (trieda errow-one-country pridáva c20-c24-adresy.js,
 * roletka ostáva povolená, aby sa krajina odoslala).
 * Kde beží: /objednavka/krok-2/
 */
.co-shipping-address > .form-group:has(select[name="shippingAddressBox"]) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .co-shipping-address > .form-group:has(select[name="shippingAddressBox"]) .form-control-wrapper {
    max-width: calc(50% - 10px);
  }
}
.errow-addr-hint {
  flex: 0 0 100%;
  margin: -12px 0 12px;
  padding-left: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: #555;
}
.errow-one-country > label.js-location,
.errow-one-country > .js-validated-element-wrapper {
  display: none !important;
}
.errow-one-country > p.js-location,
.errow-one-country > .form-control-wrapper--with-note {
  display: block !important;
}

/* ===== c22-manikura.css ===== */
/*
 * ERROW č. 22 — Stránka /manikura-a-pedikura/ (SK id 2532): upozornenie, že salón je na inej adrese, a tlačidlo
 * „Objednať sa online" (Reservio, nové okno). Obsah stránky: stranky/sk-manikura-a-pedikura.html.
 * Kde beží: len SK (triedy errow-salon-* sú iba na tejto stránke)
 */
.errow-salon-lead {
  font-size: 18px;
}
.errow-salon-note {
  max-width: 560px;
  margin: 20px 0;
  padding: 16px 20px;
  border-left: 4px solid currentColor;
  background: rgba(0, 0, 0, 0.04);
}
.errow-salon-note p:last-child {
  margin-bottom: 0;
}
.errow-salon-btn {
  font-size: 16px;
  padding: 12px 28px;
}

/* ===== c27-zakonna-zaruka.css ===== */
/*
 * ERROW č. 27 — Poučenie o zákonnej záruke: stránka /zakonna-zaruka/ (SK id 2529, CZ id 2338) s oficiálnou
 * grafikou EÚ (nariadenie 2025/1960, príloha I, farebná RGB verzia — nemeniť) je v menu „Informácie pre vás"
 * za Reklamačným listom. Horná lišta má mať len 13 položiek podľa klienta, preto ju tam skryť; v päte ostáva.
 * Grafika: /user/documents/errow/zakonna-zaruka-{sk,cz}.jpg (SFTP, stiahnuté z EUR-Lex 30. 10. 2026).
 * Kde beží: všade (horná lišta)
 */
.top-navigation-bar li:has(> a[href*="/zakonna-zaruka/"]),
.top-navigation-bar a[href*="/zakonna-zaruka/"] {
  display: none !important;
}