/* ============================================================
   UTUKUTU – custom.css
   Přesunuto 1:1 z HTML editoru (Záhlaví) do externího souboru,
   aby se uvolnil limit znaků. Na konci nová sekce: kontaktní widget.
   Nasazení: /user/documents/upload/Assets/custom.css
   ============================================================ */

@font-face {
  font-family: 'archia';
  src: url('/user/documents/upload/Assets/archia/archia-regular-webfont.woff2') format('woff2'),
       url('/user/documents/upload/Assets/archia/archia-regular-webfont.woff') format('woff'),
       url('/user/documents/upload/Assets/archia/archia-regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'archia';
  src: url('/user/documents/upload/Assets/archia/archia-bold-webfont.woff2') format('woff2'),
       url('/user/documents/upload/Assets/archia/archia-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
:root {
  --template-font: "archia", sans-serif;
  --template-headings-font: "Chillax-variable", sans-serif;
}
body {
  background-color: white !important;
  font-family: "archia", sans-serif !important;
  font-weight: 400;
  color: #27234A !important;
}
h1 { font-family: 'Chillax-variable', sans-serif !important; font-weight: 500; color: #27234A !important; }
h2 { font-family: 'Chillax-variable', sans-serif !important; font-weight: 500; color: #27234A !important; }
h3 { font-family: 'Chillax-variable', sans-serif !important; font-weight: 500; color: #27234A !important; }
h4 { font-family: 'archia', sans-serif !important; font-weight: 400; color: #F57210 !important; }
h4.homepage-group-title, .h4.homepage-group-title { color: #392e5a !important; }
p { font-family: 'archia', sans-serif !important; line-height: 1.5; color: #27234A !important; font-weight: 400; }

.p-info-headline .h1, .p-info-headline h1 { color: #392e5a !important; }

/* Patička - bílá */
.newsletter-header p { margin-top: 25px; color: white !important; }

/* Hlavička */
.is-header-black .navigation-in-bottom,
.is-header-black .top-navigation-bar { background-color: #392e5a !important; box-shadow: none !important; }
.is-header-black .top-navigation-bar .container > div.top-navigation-contacts { background: #4c3c7c; }
.is-header-black a.btn.cart-count.full i { color: white !important; border: 2px solid white; }
.navigation-in-bottom .dropdown .dropdown-menu li a:before,
.navigation-in-bottom .dropdown .dropdown-menu li a,
.top-navigation-tools .dropdown button:after,
.top-navigation-tools .dropdown button:before,
.is-header-black .top-navigation-bar .dropdown button { color: white !important; }

/* Font váhy */
.navigation-in > ul > li > a,
.navigation-in-bottom > ul > li > a { font-weight: 400 !important; }
.breadcrumbs > span > a { font-weight: 400 !important; }
.products-block .p .name a, .products-block .name { font-weight: 400 !important; }
.news-item .text .title, .news-item:hover .text .title { font-weight: 400 !important; }

/* FAQ boxy */
.faq-item, .faq-item label, .faq-item p, .faq-item * { font-family: 'archia', sans-serif !important; }

.cart-content .form-group p { font-size: 12px; }
.footer-banners { margin-left: 0; margin-right: 0; }
.footer-banners .footer-banner { width: 100%; flex: 0 0 100%; max-width: 100%; }
.footer-banners .footer-banner img { border-radius: 15px; }
.footer-item.footer-item-newsletter .compact-form .btn { margin-top: 0; }
div .footer-newsletter { background-color: #f3f3f3; box-shadow: -500px 0 0 0 #f3f3f3, 500px 0 0 0 #f3f3f3; }
.has-more-items .more-items-trigger::after { background: none; }
.more-items-trigger { background-color: #f5f5f5; }
.subcategories li a { box-shadow: none; background-color: #f5f5f5; }
.link-icon.chat, .link-icon.print, .link-icon.share { display: none; }
.in-contacts .content-inner > article { width: 100%; }
.basic-description h2 { font-size: var(--pobo-product-card-title-font-size); }
.variant-cart .add-to-cart-button:hover { border: white solid 2px !important; }
.variant-cart .add-to-cart-button::before { content: url("/user/documents/upload/Assets/cart-utukutu-modra.png") !important; }
.flag-discount .price-standard { display: none !important; }
html[lang="en"] #dklabBanplusNadPatickou,
html[lang="en"] #dklabBanplusIkony { display: none; }
.products-block .p-in-in { min-height: auto; }
.category-header .listSorting__controls button.listSorting__control--current,
.category-header input[type="radio"]:checked+label { background-color: var(--color-primary); }
.welcome .welcome__content p { margin-bottom: 0; }
.welcome .welcome__content p + p { margin-top: 20px; }
.benefitBanner__item { flex-wrap: wrap; text-align: center; justify-content: center; }
.benefitBanner__picture { padding-left: 0; margin: 0 auto; height: 70px; }
.benefitBanner__picture img { max-height: 70px; max-width: 75px; }
.benefitBanner__link { flex-wrap: wrap; }
.benefitBanner__content { margin-top: 15px; justify-content: center; padding-right: 0; width: 100%; }

@media (min-width: 768px) {
  .top-navigation-bar .container > div { flex: 1 1 50%; }
  .top-navigation-bar .container > div.top-navigation-contacts { top: 0; right: 160px; height: 49px; }
  .header-top { padding-top: 30px; padding-bottom: 10px; }
  .welcome h1 { font-size: 40px; margin-bottom: 30px; }
  .welcome p { font-size: 16px; line-height: 1.8; margin-bottom: 30px; }
  .popup-widget.cart-widget, .popup-widget.login-widget { top: 130px; }
  .admin-logged .popup-widget.cart-widget, .admin-logged .popup-widget.login-widget { top: 130px; }
  .products-related-block h2, .products-alternative-block h2,
  h4.homepage-group-title, .h4.homepage-group-title { font-size: 36px; }
  body .hodnoceni:before { text-align: center; font-size: 36px; margin-bottom: 30px; }
  .products-block.products .p .name { font-size: 18px; }
  .navigation-in > ul > li.ext > ul:before { background-color: #f5f5f5; }
  .footer-item.footer-item-newsletter { width: 100%; padding: 35px 20px; }
  .footer-item.footer-item-newsletter .newsletter-header { width: 50%; flex: 0 0 50%; max-width: 600px; }
  .footer-item.footer-item-newsletter .compact-form { width: 50%; max-width: 660px; }
}
@media (min-width: 992px) {
  .welcome { padding: 40px; }
  .header-top { padding-top: 30px; padding-bottom: 10px; }
  .popup-widget.cart-widget, .popup-widget.login-widget { top: 130px; }
  .admin-logged .popup-widget.cart-widget, .admin-logged .popup-widget.login-widget { top: 155px; }
}
@media (max-width: 767px) {
  .top-navigation-bar { background-color: white; }
  .instagram-block { margin-top: 0; }
}
@media (max-width: 768px) {
  #nadpis-01 { justify-content: start; font-size: x-large !important; }
  .grafika-desktop { display: none !important; }
}
@media (min-width: 769px) { .grafika-mobil { display: none !important; } }
@media (max-width: 370px) { .top-navigation-bar .site-name a img { max-height: 30px; } }

/* Skrytí systémového nadpisu "Napište nám" na stránce /kontakty/ */
.pageArticleDetail header[itemprop="headline"] { display: none; }

/* ============================================================
   Kontaktní widget v horní liště (obsah vkládá custom.js)
   ============================================================ */
.top-navigation-contacts { height: auto !important; display: flex !important; align-items: center; padding-top: 7px !important; padding-bottom: 7px !important; }
.utu-contact { display: inline-flex; align-items: center; gap: 12px; color: #fff; line-height: 1.2; }
.utu-contact__ava { position: relative; width: 40px; height: 40px; border-radius: 50%; background: #6c5a9c; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.utu-contact__ava svg { width: 22px; height: 22px; fill: #d9d2ec; }
.utu-contact__dot { position: absolute; right: -1px; bottom: -1px; width: 13px; height: 13px; border-radius: 50%; border: 2px solid #4c3c7c; background: #b5b5b5; }
.utu-contact.is-online .utu-contact__dot { background: #2ecc71; }
.utu-contact.is-offline .utu-contact__dot { background: #e04b4b; }
.utu-contact__body { display: flex; flex-direction: column; white-space: nowrap; line-height: 1.2; }
.utu-contact__head { font-size: 13px; }
.utu-contact__phone { display: inline-flex; align-items: center; gap: 6px; color: #fff !important; text-decoration: none; font-size: 13px; }
.utu-contact__phone svg { width: 14px; height: 14px; fill: #fff; flex: 0 0 auto; }
.utu-contact__phone b { font-size: 15px; font-weight: 700; }
.utu-contact__hours { opacity: .72; }
@media (max-width: 767px) {
  .utu-contact { color: #27234A; }
  .utu-contact__head { display: none; }
  .utu-contact__phone { color: #27234A !important; }
  .utu-contact__phone svg { fill: #27234A; }
  .utu-contact__dot { border-color: #fff; }
}