/* =====================================================================
   umytafasada.cz: úpravy 10/2026 podle úkolů v A Node (seznam 34)
   Načítá se v index.twig jako poslední styl, s ?v= podle změny souboru.
   Barvy webu:
     žlutá   #f8d11d  = žlutá z loga (Nastavení webu > Logo) a z fotek webu
     inkoust #010d14  = text na žluté i na bílé ploše (kontrast 13,2:1 na žluté)
   Dřív web míchal oranžovožlutou #ffb703 ze šablony (tlačítka, favicona) se
   žlutou z loga #f8d11d / #f9d11e (výzvy v textech služeb, fotky).
   ===================================================================== */
:root {
  --uf-zluta: #f8d11d;
  --uf-zluta-hover: #e4c01b;
  --uf-zluta-svetla: #fdf3c4;
  --uf-inkoust: #010d14;
  --uf-text: #333333;
  --uf-seda: #f6f6f6;
  --uf-linka: #e6e6e6;
}

/* ---------------------------------------------------------------------
   #1194 Jeden odstín žluté
   --------------------------------------------------------------------- */

/* Ikony ze šablony (PNG v #ffb703) vložené v textech stránek služeb, O nás
   a Kontakt. Filtr je převede na žlutou z loga, soubory se nemění. */
img[src*="/assets/images/counter/icons/"],
img[src*="/assets/images/services/style2/"],
img[src*="/assets/images/contact/style1/icons/"],
img[src*="/assets/images/shape-1.png"] {
  filter: hue-rotate(7deg) saturate(.85) brightness(1.1);
}

/* Bílý text na žluté ploše měl kontrast 1,5:1 */
::selection { background: var(--uf-zluta); color: var(--uf-inkoust); }
::-moz-selection { background: var(--uf-zluta); color: var(--uf-inkoust); }
.readon { color: var(--uf-inkoust); }
.rs-carousel.nav-style1 .owl-nav .owl-next,
.rs-carousel.nav-style1 .owl-nav .owl-prev,
.full-width-header .right_menu_togle .canvas-contact .social li a i,
.rs-inner-blog .widget-area .tags-cloud .tagcloud a:hover { color: var(--uf-inkoust); }

/* Žlutý text na bílém pozadí (kontrast 1,5:1) → tmavý text. Žlutá zůstává
   u ozdobných linek, ikon a na tmavých plochách. */
.sec-title2 .sub-title,
.sec-title2 .sub-text { color: var(--uf-inkoust); }
.rs-cta .sec-title2 .sub-title,
.rs-cta .sec-title2 .sub-text,
.rs-breadcrumbs .sec-title2 .sub-title { color: var(--uf-zluta); }

/* Hlavní menu: „Služby“ má v datech navigace trvale třídu current-menu-item,
   takže svítilo žlutě na každé stránce. Aktivní ani najetá položka se už
   neodliší žlutým písmem (na bílé nečitelné), ale žlutou linkou pod textem. */
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a { color: #3B4052 !important; }
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a { color: var(--uf-inkoust) !important; }
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu > li > a:hover,
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {
  color: var(--uf-inkoust) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--uf-zluta) !important;
  text-decoration-thickness: 3px !important;
  text-underline-offset: 8px;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {
  color: var(--uf-inkoust) !important;
  background: var(--uf-zluta-svetla);
}

/* Odkazy v textu stránek (služby, O nás, blog, realizace): tmavé a podtržené
   žlutou linkou. Platí i pro odkazy „Více o … »“, které mají barvu #ffb703
   zapsanou přímo v textu stránky (atribut style). */
.rs-services-single .col-lg-8 p a:not([class]),
.rs-services-single .col-lg-8 li a:not([class]),
.rs-services-single .col-lg-8 .services-txt a,
.rs-about p a:not([class]),
.blog-content-full a:not([class]),
.product-full-content a:not([class]),
.category-bottom-text a:not([class]),
.desc-part a:not([class]),
.sec-title2 .desc a:not([class]),
a[style*="#ffb703" i] {
  color: var(--uf-inkoust) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--uf-zluta) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px;
}
.rs-services-single .col-lg-8 p a:not([class]):hover,
.rs-services-single .col-lg-8 li a:not([class]):hover,
.rs-services-single .col-lg-8 .services-txt a:hover,
.rs-about p a:not([class]):hover,
.blog-content-full a:not([class]):hover,
.product-full-content a:not([class]):hover,
.category-bottom-text a:not([class]):hover,
.desc-part a:not([class]):hover,
.sec-title2 .desc a:not([class]):hover,
a[style*="#ffb703" i]:hover { background: var(--uf-zluta-svetla); }

/* Nadpisy karet a dlaždic po najetí: žlutá na bílé nebyla vidět */
.rs-services.services-style2 .services-box .services-content .title a:hover,
.rs-services.services-style3 .services-item .services-text .title a:hover,
.rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover,
.rs-inner-blog .blog-item .blog-content .blog-title a:hover,
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a:hover {
  color: var(--uf-inkoust);
  text-decoration: underline !important;
  text-decoration-color: var(--uf-zluta) !important;
  text-decoration-thickness: 2px !important;
}

/* ---------------------------------------------------------------------
   #1195 Žluté CTA plochy a tlačítka: jedna barva, jeden styl
   Tlačítko = žlutá plocha, tmavé písmo, verzálky, ostré rohy.
   Po najetí tmavá plocha a bílé písmo (na tmavém pozadí bílá plocha).
   --------------------------------------------------------------------- */
.readon.more,
.readon.more.submit,
.full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button,
.rs-footer .footer-newsletter-form input[type="submit"],
.rs-services-single .brochures .btn-wrapper .dual-btn,
body .linkcms-form .btn.btn-primary,
body .linkcms-form .readon.more.submit,
body .linkcms-form .submit-btn {
  background-color: var(--uf-zluta);
  color: var(--uf-inkoust);
  border: 0;
  border-radius: 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.readon.more:hover,
.readon.more:focus-visible,
.readon.more.submit:hover,
.full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button:hover,
.rs-footer .footer-newsletter-form input[type="submit"]:hover,
.rs-services-single .brochures .btn-wrapper .dual-btn:hover,
body .linkcms-form .btn.btn-primary:hover,
body .linkcms-form .readon.more.submit:hover,
body .linkcms-form .submit-btn:hover {
  background-color: var(--uf-inkoust);
  color: #ffffff;
}
.rs-cta .readon.more:hover,
.rs-cta .readon.more:focus-visible { background-color: #ffffff; color: var(--uf-inkoust); }
/* Kalkulačka nátěrů měla vlastní oranžové tlačítko #ff9500 s bílým písmem (kontrast 2,2:1) */
body .linkcms-form .btn.btn-primary.btn-lg { padding: 16px 34px; font-size: 15px; }

/* Žluté výzvy v textech služeb („Zavolejte si o nezávaznou cenovou nabídku“):
   barva #F9D11E je zapsaná přímo v textu stránky, tady se jen srovná písmo. */
[style*="background-color: #f9d11e" i] { color: var(--uf-inkoust); }
[style*="background-color: #f9d11e" i] h2,
[style*="background-color: #f9d11e" i] h3,
[style*="background-color: #f9d11e" i] p,
[style*="background-color: #f9d11e" i] a { color: var(--uf-inkoust) !important; }

/* Výzva na konci článku blogu: stejná plocha jako výzvy na stránkách služeb */
.uf-cta-box {
  margin: 50px 0 0;
  padding: 30px 32px;
  background: var(--uf-zluta);
  color: var(--uf-inkoust);
}
.uf-cta-box p { color: var(--uf-inkoust); margin: 0 0 12px; font-size: 16px; line-height: 1.6; }
.uf-cta-box .uf-cta-box__nadpis { font-size: 24px; line-height: 1.3; font-weight: 700; margin-bottom: 10px; }
.uf-cta-box .uf-cta-box__akce { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin: 18px 0 0; }
.uf-cta-box .readon.more { background: var(--uf-inkoust); color: #ffffff; padding: 15px 28px; line-height: 1.2; }
.uf-cta-box .readon.more:hover { background: #ffffff; color: var(--uf-inkoust); }
.uf-cta-box .uf-cta-box__tel { color: var(--uf-inkoust) !important; font-size: 20px; font-weight: 700; text-decoration: underline !important; text-underline-offset: 4px; }

/* Stránkování: dřív modré z Bootstrapu */
.pagination-area .pagination .page-link,
.uf-strankovani a,
.uf-strankovani span {
  color: var(--uf-inkoust);
  border: 1px solid var(--uf-linka);
  border-radius: 0;
  background: #ffffff;
}
.pagination-area .pagination .page-link:hover,
.uf-strankovani a:hover { background: var(--uf-zluta-svetla); color: var(--uf-inkoust); border-color: var(--uf-zluta); }
.pagination-area .pagination .page-item.active .page-link,
.uf-strankovani span[aria-current] {
  background: var(--uf-zluta);
  border-color: var(--uf-zluta);
  color: var(--uf-inkoust);
  font-weight: 700;
}
.uf-strankovani { margin-top: 10px; }
.uf-strankovani ul { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.uf-strankovani a,
.uf-strankovani span { display: inline-block; min-width: 44px; padding: 10px 14px; text-align: center; line-height: 1.2; }

/* ---------------------------------------------------------------------
   #426 Poptávka pod realizacemi (Naše práce)
   --------------------------------------------------------------------- */
.uf-poptavka { background: var(--uf-seda); border-top: 6px solid var(--uf-zluta); }
.uf-poptavka .contact-section .desc { color: var(--uf-text); font-size: 16px; line-height: 1.7; }
.uf-poptavka .contact-section .desc a { color: var(--uf-inkoust); font-weight: 700; white-space: nowrap; text-decoration: underline !important; text-decoration-color: var(--uf-zluta) !important; text-decoration-thickness: 2px !important; }
.uf-poptavka .from-control { background: #ffffff; }
@media (max-width: 991px) {
  .uf-poptavka .project-img { display: none; }
}

/* ---------------------------------------------------------------------
   #428–#432 Počítadla: velká čísla bez animace (counterUp neumí mezeru
   jako oddělovač tisíců), vzhled stejný jako animovaná čísla.
   --------------------------------------------------------------------- */
.rs-counter.counter-style5 .rs-counter-list .counter-text .counter-number .rs-count-static {
  display: inline-block;
  font-size: 42px;
  line-height: 60px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
}
/* dvouřádkové popisky pod číslem měly řádkování 18 px a slévaly se */
.rs-counter.counter-style5 .rs-counter-list .counter-text .title { line-height: 1.4; }

/* ---------------------------------------------------------------------
   #433 Výpis článků blogu
   --------------------------------------------------------------------- */
.uf-blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}
.uf-blog-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.uf-blog-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0 6px 24px rgba(1, 13, 20, .07);
  border-bottom: 4px solid transparent;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.uf-blog-card:hover { border-bottom-color: var(--uf-zluta); box-shadow: 0 10px 30px rgba(1, 13, 20, .12); }
.uf-blog-card__img { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--uf-seda); }
.uf-blog-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.uf-blog-card:hover .uf-blog-card__img img { transform: scale(1.03); }
.uf-blog-card__body { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 24px; }
.uf-blog-card__meta { margin: 0 0 8px; font-size: 14px; color: #6b6f73; }
.uf-blog-card__meta span { margin: 0 6px; }
.uf-blog-card__title { margin: 0 0 12px; font-size: 21px; line-height: 1.35; font-weight: 700; }
.uf-blog-card__title a { color: var(--uf-inkoust); }
.uf-blog-card__title a:hover { color: var(--uf-inkoust); text-decoration: underline !important; text-decoration-color: var(--uf-zluta) !important; text-decoration-thickness: 3px !important; text-underline-offset: 4px; }
.uf-blog-card__text {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--uf-text);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.uf-blog-card__more {
  margin-top: auto;
  align-self: flex-start;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--uf-inkoust) !important;
  border-bottom: 3px solid var(--uf-zluta);
  padding-bottom: 2px;
}
.uf-blog-card__more::after { content: " \2192"; }
.uf-blog-card__more:hover { background: var(--uf-zluta-svetla); }
/* První článek přes celou šířku, obrázek vedle textu */
.uf-blog-card--hlavni { grid-column: 1 / -1; flex-direction: row; }
.uf-blog-card--hlavni .uf-blog-card__img { flex: 0 0 52%; aspect-ratio: auto; min-height: 300px; }
.uf-blog-card--hlavni .uf-blog-card__body { padding: 30px 32px; justify-content: center; }
.uf-blog-card--hlavni .uf-blog-card__title { font-size: 26px; }
.uf-blog-card--hlavni .uf-blog-card__text { -webkit-line-clamp: 4; }
.uf-blog .uf-strankovani { margin-top: 40px; }

/* Blog: rozumné mezery v textu článku (odstavce a nadpisy byly nalepené na sebe) */
.rs-inner-blog .blog-details .blog-content-full { font-size: 16px; line-height: 1.75; color: var(--uf-text); }
.rs-inner-blog .blog-details .blog-content-full p { margin: 0 0 18px; }
.rs-inner-blog .blog-details .blog-content-full h2 { margin: 40px 0 16px; font-size: 30px; line-height: 1.3; }
.rs-inner-blog .blog-details .blog-content-full h3 { margin: 32px 0 12px; font-size: 23px; line-height: 1.35; }
.rs-inner-blog .blog-details .blog-content-full ul,
.rs-inner-blog .blog-details .blog-content-full ol { margin: 0 0 18px; padding-left: 22px; }
.rs-inner-blog .blog-details .blog-content-full li { margin-bottom: 6px; }
.rs-inner-blog .blog-details .bs-img img { width: 100%; height: auto; }

/* Datum a autor pod nadpisem článku (tmavý pruh s fotkou) */
.rs-breadcrumbs .breadcrumbs-inner .uf-clanek-byline { margin: 14px 0 0; color: #ffffff; font-size: 15px; }
.rs-breadcrumbs .breadcrumbs-inner .uf-clanek-byline span { margin: 0 8px; color: var(--uf-zluta); }
.rs-breadcrumbs .breadcrumbs-inner .uf-clanek-byline a { color: #ffffff; text-decoration: underline !important; text-decoration-color: var(--uf-zluta) !important; text-underline-offset: 4px; }

/* ---------------------------------------------------------------------
   #435 Autor a odborník pod článkem
   --------------------------------------------------------------------- */
.uf-autor {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  margin: 46px 0 0;
  padding: 26px 28px;
  background: var(--uf-seda);
  border-left: 6px solid var(--uf-zluta);
}
.uf-autor__foto { flex: 0 0 96px; }
.uf-autor__foto img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; display: block; }
.uf-autor__text p { margin: 0; }
.uf-autor .uf-autor__stitek { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: #6b6f73; }
.uf-autor .uf-autor__jmeno { font-size: 22px; font-weight: 700; color: var(--uf-inkoust); line-height: 1.3; }
.uf-autor .uf-autor__pozice { font-size: 15px; font-weight: 600; color: var(--uf-inkoust); margin-top: 2px; }
.uf-autor__bio { margin-top: 12px; font-size: 15px; line-height: 1.7; color: var(--uf-text); }
.uf-autor__bio p { margin: 0 0 10px; }
.uf-autor__bio p:last-child { margin-bottom: 0; }

/* ---------------------------------------------------------------------
   #434 Související články pod článkem
   --------------------------------------------------------------------- */
.uf-souvisejici { border-top: 1px solid var(--uf-linka); padding-top: 70px; }
.uf-souvisejici__nadpis { font-size: 32px; margin: 0 0 30px; }
.uf-souvisejici .uf-blog-card__title { font-size: 19px; }

@media (max-width: 991px) {
  .uf-blog-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uf-blog-card--hlavni { flex-direction: column; }
  .uf-blog-card--hlavni .uf-blog-card__img { flex: none; aspect-ratio: 3 / 2; min-height: 0; }
  .uf-blog-card--hlavni .uf-blog-card__body { padding: 22px 24px 24px; }
  .uf-souvisejici { padding-top: 50px; }
}
@media (max-width: 767px) {
  .uf-blog-grid,
  .uf-blog-grid--3 { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .uf-blog-card__title,
  .uf-blog-card--hlavni .uf-blog-card__title { font-size: 20px; }
  .uf-souvisejici__nadpis { font-size: 26px; }
  .uf-autor { flex-direction: column; padding: 22px 20px; }
  .uf-cta-box { padding: 24px 20px; }
  .uf-cta-box .uf-cta-box__nadpis { font-size: 21px; }
  .rs-inner-blog .blog-details .blog-content-full h2 { font-size: 25px; }
}

/* Drobečková navigace: tečka za posledním odkazem (Blog v detailu článku) */
.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li:last-child a { padding-right: 0; }
.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li:last-child a:before { display: none; }