/* Demo-3: levé menu sekcí ve stejné podobě jako „Seznam referencí“ */
#sidebar-wrapper .category-widget .product-menu ul.sub { margin: 8px 0 4px 16px; }
#sidebar-wrapper .category-widget .product-menu ul.sub li { margin-bottom: 6px; }
/* aktivní je jen vlastní položka, ne její podpoložky */
#content-container #sidebar-wrapper .product-menu li.active li a { color: #3b3b3b; font-weight: normal !important; }
#content-container #sidebar-wrapper .product-menu li.active li a:hover { color: #e13a3a; }
/* nadřazená položka aktuální stránky */
#content-container #sidebar-wrapper .product-menu li.open > a { color: #3b3b3b; font-weight: bold; }

/* text nad dlaždicemi zarovnaný s levou hranou obrázků */
#content-wrapper .uxb-port-loaded-element-wrapper > p { padding: 0 1.428571428571429%; }
#content-wrapper > .row > .col-sm-12 { padding-left: 15px; padding-right: 15px; }
#content-wrapper > .row > .col-sm-12 > .columns { padding-left: 0; padding-right: 0; }

/* vektorové logo */
#logo-wrapper img { width: 150px; height: auto; vertical-align: bottom; }

/* Kancelářský nábytek: pod menu samostatný panel „Zajistíme“ a tlačítko poptávky */
#sidebar-wrapper .side-info .info-wrapper { width: 75%; margin: 0 20px 34px; padding: 40px 35px; }
#sidebar-wrapper .side-info .info-wrapper strong {
  display: block; margin: 0 0 14px; color: #e13a3a; font-size: 15px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;
}
#sidebar-wrapper .side-info .info-wrapper ul { margin: 0; }
#sidebar-wrapper .side-info .btn-wrapper { width: 75%; margin: 0 20px 20px; text-align: left; }

/* tlačítko poptávky: červený blok se stínem jako panely, šipka v bílém čtverci jako ikonky u fotek */
#root-container #sidebar-wrapper .side-cta {
  display: flex; align-items: stretch; width: 100% !important; max-width: none !important; box-sizing: border-box; padding: 0; margin: 0;
  background: #e13a3a; color: #fff !important; text-decoration: none; text-align: left;
  box-shadow: 10px 10px 0 0 rgba(68, 68, 68, .1);
  transition: background-color .25s ease, box-shadow .3s ease, transform .3s ease;
}
#sidebar-wrapper .side-cta .cta-text {
  flex: 1; padding: 16px 20px 17px; font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: 1px; text-transform: uppercase;
}
#sidebar-wrapper .side-cta small {
  display: block; margin-bottom: 4px; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; opacity: .85;
}
#sidebar-wrapper .side-cta .cta-icon {
  display: flex; align-items: center; justify-content: center; align-self: flex-end;
  width: 48px; height: 48px; flex: none; background: #fff; color: #3b3b3b; font-size: 22px;
  transition: background-color .25s ease, color .25s ease;
}
#sidebar-wrapper .side-cta .cta-icon i { display: inline-block; transition: transform .3s ease; }
#root-container #sidebar-wrapper .side-cta:hover { background: #c42d2d; transform: translate(-2px, -2px); box-shadow: 12px 12px 0 0 rgba(68, 68, 68, .16); }
#sidebar-wrapper .side-cta:hover .cta-icon { background: #3b3b3b; color: #fff; }
#sidebar-wrapper .side-cta:hover .cta-icon i { transform: translateX(3px); }
#sidebar-wrapper .side-cta:focus-visible { outline: 2px solid #3b3b3b; outline-offset: 3px; }

@media only screen and (max-width: 1090px) {
  #sidebar-wrapper .side-info .info-wrapper, #sidebar-wrapper .side-info .btn-wrapper { width: 90%; }
}
@media only screen and (max-width: 1024px) {
  #sidebar-wrapper .side-info .info-wrapper, #sidebar-wrapper .side-info .btn-wrapper { width: 100%; margin-left: 0; margin-right: 0; }
}
@media only screen and (max-width: 959px) {
  #sidebar-wrapper .side-info .info-wrapper { box-shadow: none; padding: 40px 25px; }
  #root-container #sidebar-wrapper .side-cta { box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  #sidebar-wrapper .side-cta, #sidebar-wrapper .side-cta * { transition: none !important; }
}

/* ---------- sjednocení písma a barev podle stránky Služby architekta ----------
   obsah: 14 px, #555, řádkování 1,8 · postranní panely: položky 13 px, #3b3b3b · nadpisy panelů 15 px červeně */
#content-wrapper p > span[style] { line-height: inherit !important; }
#content-wrapper .uxb-port-element-filters a { color: #555; }
#content-wrapper .uxb-port-element-filters a.active,
#content-wrapper .uxb-port-element-filters a:hover { color: #e13a3a; }
/* nadpis galerie na detailu reference stejně jako „Fotogalerie“ (h2) */
#uxb-port-relalted-works h4 { font-size: 26px; line-height: 1.4; margin-bottom: 18px; }

/* panel „Zajistíme“ */
#sidebar-wrapper .side-info .info-wrapper li { color: #3b3b3b; font-size: 15px; line-height: 1.5; margin-bottom: 10px; }

/* detail reference: údaje a tlačítka */
#sidebar-wrapper #uxb-port-item-meta li { color: #3b3b3b; font-size: 13px; }
#sidebar-wrapper #uxb-port-item-meta strong.title { color: #3b3b3b; }
#sidebar-wrapper .leftmenubuttons .button { font-size: 13px; }

/* kontakty: jednatel */
#sidebar-wrapper .widget-item h4 { color: #3b3b3b; }
#content-container #sidebar-wrapper .widget-item .text-widget p { color: #3b3b3b; font-size: 13px; }