/* YMY – doplňky pro šablony CMS (prvky, které v Demo-3 nebyly: formulář, soubory ke stažení, reference na stránce nábytku) */


/* text nad dlaždicemi kategorie */
.uxb-port-loaded-element-wrapper > p, .uxb-port-loaded-element-wrapper > ul, .uxb-port-loaded-element-wrapper > h3 { padding: 0 1.428571428571429%; }

/* Kancelářský nábytek: sekce Reference pod kartami */
.ymy-ref-section { margin-top: 40px; }
.ymy-ref-section > h2 { margin-bottom: 30px; }

/* soubory ke stažení */
.ymy-docs { margin: 10px 0 20px; }
.ymy-docs h4 { font-size: 20px; margin-bottom: 12px; }
.ymy-docs ul { list-style: none; margin: 0; padding: 0; }
.ymy-docs li { display: inline-block; margin: 0 8px 8px 0; }
.ymy-docs .sep { display: block; font-weight: 700; margin-top: 10px; }

/* patička: dodavatelé jako štítky */
#footer-content ul.tags-widget { margin: 0; padding: 0; list-style: none; }

/* kontakty */
.ymy-kontakt-text h2 { font-size: 26px; margin-bottom: 14px; }
#poptavka h2 { font-size: 26px; margin-bottom: 14px; }
.ymy-form { margin: 0; }
.ymy-form-row { margin-bottom: 16px; }
.ymy-form-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.ymy-form label { display: block; font-weight: 600; font-size: 14px; color: #3b3b3b; margin-bottom: 6px; }
.ymy-form .req { color: #e13a3a; }
.ymy-form input[type=text], .ymy-form input[type=email], .ymy-form input[type=tel], .ymy-form textarea {
  width: 100%; box-sizing: border-box; height: auto; margin: 0; padding: 11px 14px; font: inherit; font-size: 15px; color: #3b3b3b;
  background: #f9f9f9; border: 1px solid #d8d8d8; border-bottom-color: #555; border-radius: 0; box-shadow: none;
  transition: border-color .2s, background-color .2s;
}
.ymy-form textarea { min-height: 150px; resize: vertical; }
.ymy-form input:focus, .ymy-form textarea:focus { outline: none; background: #fff; border-color: #e13a3a; }
.ymy-form-note { font-size: 13px; color: #777; margin: 4px 0 18px; }
.ymy-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#root-container .ymy-submit { width: auto !important; min-width: 280px; border: 0; cursor: pointer; font: inherit; }
.ymy-form-ok, .ymy-form-err { padding: 20px 24px; margin-bottom: 20px; background: #f9f9f9; box-shadow: 10px 10px 0 0 rgba(68,68,68,.1); }
.ymy-form-ok { border-left: 4px solid #3b3b3b; }
.ymy-form-err { border-left: 4px solid #e13a3a; color: #b42020; }
@media only screen and (max-width: 640px) { .ymy-form-cols { grid-template-columns: 1fr; } #root-container .ymy-submit { min-width: 0; width: 100% !important; } }

/* hlavní fotka produktu / reference ve stejném poměru jako v demu (916 × 480) */
#uxb-port-slider .image-slider img { width: 100%; aspect-ratio: 916 / 480; object-fit: cover; }
/* dlaždice podstránek a galerie ve stejném poměru (fotky mají různé rozměry) */
.uxb-port-element-item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.uxb-port-element-item.ymy-ref img { aspect-ratio: 1 / 1; }
.uxb-team-thumbnail img { width: 100%; aspect-ratio: 294 / 200; object-fit: cover; }

/* patička: telefony jako běžný text (jako v demu), e-mail zůstává červeně */
#footer-content .contact a[href^="tel:"] { color: inherit; font-weight: inherit; }

/* tlačítko formuláře ve stylu tlačítka poptávky */
#root-container .ymy-submit { display: inline-flex; align-items: stretch; padding: 0; background: #e13a3a; color: #fff; 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; }
.ymy-submit .cta-text { flex: 1; padding: 16px 20px; font-size: 15px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.ymy-submit .cta-icon { display: flex; align-items: center; justify-content: center; align-self: flex-end; width: 48px; height: 48px; background: #fff; color: #3b3b3b; font-size: 22px; transition: background-color .25s, color .25s; }
.ymy-submit .cta-icon i { transition: transform .3s ease; }
#root-container .ymy-submit:hover { background: #c42d2d; transform: translate(-2px, -2px); box-shadow: 12px 12px 0 0 rgba(68,68,68,.16); }
.ymy-submit:hover .cta-icon { background: #3b3b3b; color: #fff; }
.ymy-submit:hover .cta-icon i { transform: translateX(3px); }

/* patička: pracovní doba */
#footer-content .ymy-doba p { margin: 0 0 8px; font-size: 13.5px; line-height: 1.7; color: #737373; }
#footer-content .ymy-doba strong { color: #3b3b3b; }

/* Kontakty: pracovní doba v levém panelu (styl tabulky z pop-upu) */
#sidebar-wrapper .ymy-doba-panel h4 span { color: #e13a3a; }
#sidebar-wrapper .ymy-doba-panel ul { list-style: none; margin: 4px 0 16px; padding: 0; background: #fff; box-shadow: 6px 6px 0 0 rgba(68,68,68,.07); }
#sidebar-wrapper .ymy-doba-panel li { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 9px 12px; font-size: 13px; line-height: 1.4; color: #555; border-bottom: 1px solid #efefef; }
#sidebar-wrapper .ymy-doba-panel li:last-child { border-bottom: 0; }
#sidebar-wrapper .ymy-doba-panel li strong { color: #3b3b3b; font-weight: 700; }
#sidebar-wrapper .ymy-doba-panel li span { text-align: right; white-space: nowrap; }
#sidebar-wrapper .ymy-doba-panel p { margin: 0; font-size: 13px; line-height: 1.6; color: #555; }
/* dnešní den zvýrazní JS (třída is-today) */
#sidebar-wrapper .ymy-doba-panel li.is-today { background: #fbecec; box-shadow: inset 3px 0 0 #e13a3a; }
#sidebar-wrapper .ymy-doba-panel li.is-today strong::after { content: ' · dnes'; color: #e13a3a; font-weight: 400; }
#sidebar-wrapper .ymy-doba-panel li .zavreno, #sidebar-wrapper .ymy-doba-panel li span.is-closed { color: #e13a3a; font-weight: 700; }
#sidebar-wrapper .ymy-osoba { margin: 0 0 26px; padding-bottom: 22px; border-bottom: 1px solid #e6e6e6; }
#sidebar-wrapper .ymy-osoba h4 { margin: 0 0 2px; font-size: 15px; letter-spacing: 0; text-transform: none; color: #3b3b3b; }
#sidebar-wrapper .ymy-osoba p { margin: 0 0 8px; font-size: 13px; line-height: 1.6; color: #555; }
#sidebar-wrapper .ymy-osoba a { color: #e13a3a; font-weight: 700; }