/* PRQNO – drobné jednorázové úpravy, dřív volně vložené přímo v <style> bloku
   v administraci Shoptetu. Sesbíráno sem 1:1 beze změny pravidel, jen aby to
   nebylo anonymně nalité v textarei administrace. */

/* skrytí konkrétní 3. úrovně menu (položka 673 -> 677) */
#navigation .menu-item-673.ext .menu-item-677.has-third-level > div > ul{
  display: none !important;
}

/* Přihlášení/registrace schované ÚPLNĚ, všude, na všech zařízeních.
   remove-elements2.js maže ".top-navigation-bar" přes JS, ale jen tu
   JEDNU konkrétní instanci. Navíc (a tohle byl ten skutečný důvod, proč
   to na mobilu furt bylo vidět) — uvnitř mobilního rozbalovacího menu
   je úplně JINÝ, samostatný prvek `<ul class="navigationActions">`
   s odkazem na přihlášení. Nativně je schovaný jen na DESKTOPU
   (main-13.less: `@media(min-width:768px){.navigationActions{display:none}}`)
   — na mobilu byl vždy záměrně vidět, protože tam žádné jiné tlačítko
   přihlášení není. Teď schovaný natvrdo i tam. CSS platí vždy, bez
   ohledu na to, kudy/jak se prvek vykreslí, a je aktivní dřív, než JS
   stihne cokoliv smazat. */
.top-navigation-bar,
.top-nav-button-login,
.top-nav-button-register,
#login.user-action-login,
.navigationActions,
.user-action{
  display: none !important;
}

/* ===== TLAČÍTKA SITEWIDE =====================================
   "Nahoru", "Načíst N dalších", pagination — obecná .btn-secondary
   nebyla nikde stylovaná (byl to čistě nativní černý rámeček/bílé
   pozadí). ".btn-primary" ("Detail" apod.) měl natvrdo černý rámeček
   z font.css. Obojí sladěno se zbytkem webu (zaoblení, béžová/forest
   paleta, stejná hover konvence jako .pagination__link). */
.btn-secondary,
.goToTop__button,
.loadMore__button{
  background: #fff !important;
  border: 1px solid #DCD7C9 !important;
  border-radius: 6px !important;
  color: #2c3930 !important;
  font-weight: 600 !important;
  transition: border-color .18s, color .18s !important;
}
.btn-secondary:hover,
.goToTop__button:hover,
.loadMore__button:hover{
  border-color: #c1894a !important;
  color: #c1894a !important;
}

.btn-primary,
a.btn.btn-primary{
  border-radius: 6px !important;
  border-color: #2c3930 !important;
  transition: background .18s, color .18s !important;
}
.btn-primary:hover,
a.btn.btn-primary:hover{
  background: #2c3930 !important;
  color: #fff !important;
}

/* Zaoblení tmavého banneru s nadpisem (kategorie / blog listing / detail
   článku) — font.css tam natvrdo dává border-radius:0, tohle to přebíjí
   (vyšší specificita + !important, načte se po font.css). */
#content .category-top h1,
#content .sectionDescription h1,
#content article header h1{
  border-radius: 18px !important;
}

/* Nápovědy (tooltip) u parametrů produktu ("Odtoková drážka ?" apod.) —
   nativní .tooltip-inner má natvrdo color:#fff, ale font.css plošně dává
   div{color:#333!important}, což tenhle bílý text na černém pozadí
   přebije na tmavě šedou (skoro nečitelné). Vracíme bílou + zaoblení
   (nativně bylo border-radius:0). */
.tooltip-inner{
  color: #fff !important;
  border-radius: 8px !important;
}

/* Kontaktní formuláře — hlavní oprava je v Sitewide/kontaktni-formular.js
   (inline styly přímo na DOM prvky). Tohle je jen záložní síť pro
   případ, že by se JS z nějakého důvodu nespustil — u E-mailu/Zprávy
   dřív mizel rámeček pole (u Jména ne), příčina nejasná, tak radši
   jistota navíc i tady. */
form.contact-form .smart-label-wrapper .form-control-wrapper input,
form.contact-form .smart-label-wrapper .form-control-wrapper textarea,
form.contact-form .smart-label-wrapper .form-control-wrapper select,
#formContact .smart-label-wrapper .form-control-wrapper input,
#formContact .smart-label-wrapper .form-control-wrapper textarea,
#formContact .smart-label-wrapper .form-control-wrapper select{
  border: 1px solid #DCD7C9 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Formulář teď funguje — roztažen na celou šířku sekce/sloupce, ve
   kterém sedí (na /pro-firmy/ i /kontakty/), místo úzkého ostrůvku
   uprostřed širšího textu. */
form.contact-form,
#formContact{
  max-width: none !important;
  width: 100% !important;
  margin-top: 6px !important;
}

/* Zaoblené náhledové obrázky na blogu (výpis článků) */
body.in-blog .news-item-link-img,
body.in-blog .news-image{
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* Zaoblené obrázky na O nás / Pro firmy / Zakázková výroba — jak přes
   vlastní prqno* třídy (pokud se skriptu podaří obsah přestavět), tak
   obecně přes obsah stránky jako záchrannou síť. */
.prqnoFull img, .prqnoSplit img, .prqnoGalleryGrid img,
body.in-o-nas [itemprop="about"] img,
body.in-pro-firmy [itemprop="about"] img,
body.in-zakazkova-vyroba [itemprop="about"] img{
  border-radius: 14px !important;
}

/* FAQ — karty otázek zaoblené (font.css/faq.js měly natvrdo hranaté rohy) */
.faq-card{
  border-radius: 14px !important;
}

/* mezera nad taby na detailu produktu */
#content > div > div.shp-tabs-wrapper.p-detail-tabs-wrapper > div {
    margin-top: 80px !important;
}

/* ikony sociálních sítí bílé (na tmavém podkladu) */
a.social-icon {
  color: white;
}

/* mobil: zrušit horní mezeru na detailu produktu */
@media (max-width: 767px) {
    body.type-detail #content-wrapper {
        margin-top: 0 !important;
    }
}

/* mobil: prohození pořadí bannerů vedle carouselu */
@media (max-width: 767px) {
  .next-to-carousel-banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .next-to-carousel-banners .banner-wrapper {
    width: 50%;
    box-sizing: border-box;
  }
  .next-to-carousel-banners .banner-wrapper:first-child { order: 2; }
  .next-to-carousel-banners .banner-wrapper:last-child { order: 1; }
}

/* galerie na /zakazkova-vyroba – bez rámečků */
.plus-gallery-item {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* --- footer: banner (custom-footer__banner3961) --- */
footer .banner-wrapper img{
  display:block;
  height:auto;
  max-width:220px;
  border-radius:10px;
}
@media (min-width:1024px){
  footer .custom-footer__banner3961 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
  footer .banner-wrapper img {
    max-width: 120px;
    height: auto;
    margin-left: auto;
  }
  footer .custom-footer__banner3961 img{ margin-left:auto !important; }
}
@media (min-width:768px) and (max-width:1023px){
  footer .custom-footer__banner3961{ display:flex; justify-content:center; }
  footer .banner-wrapper img{ max-width:180px; }
}
@media (max-width:575.98px){
  footer .row.custom-footer.elements-4{
    display:flex;
    flex-wrap:wrap;
  }
  footer .custom-footer__contact{ order:1 !important; }
  footer .custom-footer__banner3961{ order:2 !important; }
  footer .custom-footer__articles{ order:3 !important; }
  footer .custom-footer__onlinePayments{ order:4 !important; }
  footer .custom-footer__contact{
    flex:0 0 60% !important;
    max-width:60% !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
    padding-right:8px !important;
  }
  footer .custom-footer__banner3961{
    flex:0 0 40% !important;
    max-width:40% !important;
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
  }
  footer .banner-wrapper img{ max-width:110px; }
  footer .custom-footer__contact *{ margin-bottom:6px; }
  footer .custom-footer__contact a[href^="tel:"]{ white-space:nowrap; }
}