/* /o-nas/ redesign 2026-10. Colors, fonts, spacing, backgrounds are set in Elementor;
   this file only adds what sections/columns cannot do. Loaded on pages whose Elementor data uses tr-onas-* classes. */

/* cards in one row: equal height, the element marked .tr-onas-push sticks to the bottom */
.tr-onas-cards > .elementor-container > .elementor-column > .elementor-widget-wrap{flex-direction:column;flex-wrap:nowrap;overflow:hidden}
.tr-onas-cards .elementor-widget-wrap > .elementor-element{width:100%}
.tr-onas-cards .tr-onas-push{margin-top:auto!important}
.tr-onas-cards .elementor-widget-image img{width:100%;aspect-ratio:1808/1022;object-fit:cover;display:block}

/* sprint details: paragraphs closer together */
.tr-onas-details p{margin:0 0 8px}
.tr-onas-details p:last-child{margin-bottom:0}

/* hero highlight and the counter label sit tight */
.tr-onas-quote p,.tr-onas-box p{margin:0}

/* client logos: same box for every logo */
.tr-onas-logos .elementor-widget-image img{width:100%;height:auto;aspect-ratio:400/150;object-fit:contain}

/* two icon boxes side by side with a gap */
.tr-onas-box{margin-bottom:12px!important}
.tr-onas-box + .tr-onas-box{margin-left:2%}
@media (max-width:767px){.tr-onas-box + .tr-onas-box{margin-left:0}}

/* navy CTA cards: more air inside than the shared .tr-cta-band; outer spacing as in the design */
.elementor-section.tr-cta-band.tr-onas-band{padding:96px 16px!important}
.elementor-section.tr-cta-band.tr-onas-band-top{padding:80px 16px 0!important}
.elementor-section.tr-cta-band.tr-onas-band>.elementor-container{padding:48px 56px}
@media (max-width:767px){
.elementor-section.tr-cta-band.tr-onas-band{padding:56px 16px!important}
.elementor-section.tr-cta-band.tr-onas-band-top{padding:56px 16px 0!important}
.elementor-section.tr-cta-band.tr-onas-band>.elementor-container{padding:32px 24px}
}

/* "Kdy kontaktovat": numbered list 01–07 in 3 columns with a line under each item */
.tr-onas-ol ol{list-style:none;margin:0;padding:0;counter-reset:onas;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));column-gap:40px}
.tr-onas-ol li{counter-increment:onas;display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #e2e0e0;margin:0}
.tr-onas-ol li::before{content:counter(onas,decimal-leading-zero);font-family:Syne,sans-serif;font-weight:600;color:#FD5327;flex-shrink:0}

/* navy CTA cards on the same 1180px edge as the rest of the page */
.elementor-section.tr-cta-band.tr-onas-band>.elementor-container{max-width:1180px}

/* orange accent inside text (hero "12 týdnů") */
.tr-onas-accent{color:#FD5327}

/* number cards: number and label always side by side; unit after the number ("let", "years", "років") smaller */
.tr-onas-num>.elementor-widget-wrap{flex-wrap:nowrap!important;align-items:center}
.tr-onas-num .elementor-widget-text-editor{flex:1 1 auto;width:auto!important;max-width:none!important;min-width:0}
.tr-onas-num .elementor-counter-number-suffix{font-size:.45em;margin-left:.15em}
.tr-onas-num .elementor-widget-counter{flex:0 0 auto}
.tr-onas-num .elementor-counter-number-wrapper{flex-wrap:nowrap;white-space:nowrap}

/* ---- homepage + sprint pages + /co-jsou-to-sprinty/ redesign 2026-10-11 (same tr-onas-* system) ---- */

/* hero video (global video widget): as tall as the text column, overlay picture covers the box */
.tr-onas-video>.elementor-widget-wrap{align-content:stretch!important;height:100%}
.tr-onas-video .elementor-widget-video,.tr-onas-video .elementor-widget-video>.elementor-widget-container{width:100%;height:100%}
.tr-onas-video .elementor-wrapper{height:100%;min-height:340px;aspect-ratio:auto!important;padding-bottom:0!important;border-radius:10px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.tr-onas-video .elementor-custom-embed-image-overlay{background-size:cover!important;background-position:center!important}
@media (max-width:1024px){.tr-onas-video .elementor-wrapper{height:auto;min-height:0;aspect-ratio:4/3!important}}

/* picture next to text: fills the column height */
.tr-onas-fill>.elementor-widget-wrap{align-content:stretch!important;height:100%}
.tr-onas-fill .elementor-widget-image,.tr-onas-fill .elementor-widget-image>.elementor-widget-container{width:100%;height:100%}
.tr-onas-fill .elementor-widget-image img{width:100%;height:100%;min-height:320px;object-fit:cover}
.tr-onas-fill-top .elementor-widget-image img{object-position:center top}
@media (max-width:767px){.tr-onas-fill .elementor-widget-image img{height:auto;min-height:0}}

/* "Jak můžeme pomoci" card under the hero: items in a row, wrap on small screens */
.tr-onas-help .elementor-icon-list-items.elementor-inline-items{row-gap:12px}

/* FAQ cards (tr-faq keeps the FAQPage schema): white on the grey band, larger text */
.tr-faq.tr-onas-faq .elementor-column>.elementor-widget-wrap.elementor-element-populated{background:#fff!important;padding:26px 28px!important}
.tr-faq.tr-onas-faq .elementor-column>.elementor-widget-wrap:not(.elementor-element-populated){background:none!important}
.tr-faq.tr-onas-faq .elementor-heading-title{font-size:20px!important}
.tr-faq.tr-onas-faq .elementor-widget-text-editor{font-size:18px;color:#36405A}

/* price card between two bands: no outer padding of its own */
.elementor-section.tr-cta-band.tr-onas-band.tr-onas-band-0{padding:0 16px!important}
@media (max-width:767px){.elementor-section.tr-cta-band.tr-onas-band.tr-onas-band-0{padding:0 16px!important}}

/* navy strips inside the blog post */
.elementor-section.tr-cta-band.tr-onas-cta-post{padding:24px 0!important}
.tr-onas-cta-post .elementor-column:first-child .elementor-widget-text-editor,.tr-onas-cta-post .elementor-column:first-child .elementor-widget-text-editor p{color:#fff!important}

/* numbered list in one column (blog post) */
.tr-onas-ol-1 ol{grid-template-columns:1fr}

/* blog template switches list numbers off (.blog_content ol>li::before{content:none!important}) */
.blog_content .tr-onas-ol ol>li::before{content:counter(onas,decimal-leading-zero)!important}

/* ---- 2026-10-11 fixes after the owner's review ---- */

/* bold text uses the already loaded 600 face (no extra 700) */
.tr-onas-grid strong,.tr-onas-grid b,.elementor-widget-text-editor strong,.elementor-widget-text-editor b,.elementor-icon-list-text strong{font-weight:600}

/* rows of cards: equal columns with a real gap (column margins made the middle card narrower) */
.tr-onas-grid>.elementor-container{gap:24px;flex-wrap:nowrap}
.tr-onas-grid>.elementor-container>.elementor-column{flex:1 1 0;width:auto!important;max-width:none;margin:0!important}
.tr-onas-grid-5>.elementor-container{gap:16px}
@media (max-width:1024px){
.tr-onas-grid-5>.elementor-container{flex-wrap:wrap}
.tr-onas-grid-5>.elementor-container>.elementor-column{flex:1 1 calc(50% - 8px)}
}
@media (max-width:767px){
.tr-onas-grid>.elementor-container{flex-wrap:wrap;gap:16px}
.tr-onas-grid>.elementor-container>.elementor-column{flex:1 1 100%}
}

/* FAQ cards: same left edge as the heading, gap between cards and rows */
.tr-faq.tr-onas-faq>.elementor-container>.elementor-column>.elementor-widget-wrap{margin:0!important;height:100%}
.tr-faq.tr-onas-faq{margin-bottom:0!important}

/* hero buttons on one line, same top */
.tr-onas-inline{margin-bottom:0!important;align-self:flex-start}

/* "Jak můžeme pomoci": three items in one row */
.tr-onas-help .elementor-icon-list-items.elementor-inline-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px;margin:0}
.tr-onas-help .elementor-inline-items>.elementor-icon-list-item{margin:0!important;padding:0!important;align-items:flex-start}
.tr-onas-help .elementor-inline-items>.elementor-icon-list-item::after{display:none}
@media (max-width:1024px){.tr-onas-help .elementor-icon-list-items.elementor-inline-items{grid-template-columns:1fr}}

/* picture beside text: fills the column width */
.tr-onas-grid .elementor-widget-image img,.elementor-widget-image.tr-onas-w100 img{width:100%}
.tr-faq.tr-onas-faq+.tr-faq.tr-onas-faq{margin-top:24px!important}
/* column margins live on the inner wrap in Elementor: zero them too, the gap does the spacing */
.tr-onas-grid>.elementor-container>.elementor-column>.elementor-widget-wrap{margin:0!important}

/* rows of columns between widgets: Elementor's widget spacing skips inner sections, so they touched the text above/below */
.elementor-widget-wrap>.elementor-inner-section.tr-onas-grid:not(:first-child){margin-top:24px}
.elementor-widget-wrap>.elementor-inner-section.tr-onas-grid:not(:last-child){margin-bottom:24px}

/* blog post content: the blog template forces 1.2em margins on p and headings; use the design rhythm instead */
.blog_content .tr-onas-post .elementor-widget-text-editor p{margin:0 0 14px!important;font-size:inherit;line-height:1.65}
.blog_content .tr-onas-post .elementor-widget-text-editor p:last-child{margin-bottom:0!important}
.blog_content .tr-onas-post .elementor-heading-title{margin:0!important}
.blog_content .tr-onas-post .elementor-widget-heading{margin-top:12px}
.blog_content .tr-onas-post .elementor-column>.elementor-widget-wrap>.elementor-widget-heading:first-child{margin-top:0}
.blog_content .tr-onas-post .tr-onas-ol li{padding:14px 0!important}
.blog_content .tr-onas-post .elementor-icon-list-item{padding:0!important}
/* Elementor gives inline icon lists negative side margins; the help list must start after the title column padding */
.tr-onas-help .elementor-icon-list-items.elementor-inline-items{margin:0!important}
/* navy strips inside the 860px post column: a bit less side air than full-width bands */
@media (min-width:768px){.elementor-section.tr-cta-band.tr-onas-cta-post>.elementor-container{padding:32px 40px}}

/* ---- 2026-10-12 /co-jsou-to-sprinty/: more air (owner: "все стиснуто") ---- */
/* blocks: 64px between sections, 20px between widgets, headings get extra room above and 16px to their text */
.blog_content .elementor-section.tr-onas-post:not(.tr-cta-band){padding-top:64px!important}
.blog_content .elementor-section.tr-onas-post:not(.tr-cta-band):first-child{padding-top:0!important}
.blog_content .tr-onas-post .elementor-widget-wrap>.elementor-element:not(:last-child){margin-bottom:20px!important}
.blog_content .tr-onas-post .elementor-widget-wrap>.elementor-widget-heading:not(:first-child){margin-top:20px!important}
.blog_content .tr-onas-post .elementor-widget-wrap>.elementor-widget-heading:not(:last-child){margin-bottom:14px!important}
.blog_content .tr-onas-post .elementor-widget-wrap>.elementor-widget-video,.blog_content .tr-onas-post .elementor-widget-wrap>.elementor-widget-image{margin-top:8px!important;margin-bottom:28px!important}
.blog_content .elementor-widget-wrap>.elementor-inner-section.tr-onas-grid:not(:first-child){margin-top:8px}
.blog_content .elementor-widget-wrap>.elementor-inner-section.tr-onas-grid:not(:last-child){margin-bottom:28px!important}
/* cards inside a card keep their own small rhythm */
.blog_content .tr-onas-post .tr-onas-cards .elementor-widget-wrap>.elementor-element:not(:last-child){margin-bottom:12px!important}
.blog_content .tr-onas-post .tr-onas-cards .elementor-widget-wrap>.elementor-widget-heading:not(:first-child){margin-top:12px!important}
/* navy strips: same air above and below as between sections */
.blog_content .elementor-section.tr-cta-band.tr-onas-cta-post{padding:48px 0 0!important}
/* result strip "2433 → 7327": number on one line */
.tr-onas-cta-post:not(:has(.elementor-widget-button)) .elementor-column:first-child .elementor-widget-text-editor p{white-space:nowrap}
/* sprint cards in the post: grey panel, white cards */
.tr-onas-trio>.elementor-container{gap:16px}
.tr-onas-trio .elementor-widget-button .elementor-button{padding:14px 16px!important}
@media (max-width:767px){
.blog_content .elementor-section.tr-onas-post:not(.tr-cta-band){padding-top:44px!important}
.blog_content .elementor-section.tr-onas-post:not(.tr-cta-band):first-child{padding-top:0!important}
.blog_content .elementor-section.tr-cta-band.tr-onas-cta-post{padding:36px 0 0!important}
.tr-onas-cta-post:not(:has(.elementor-widget-button)) .elementor-column:first-child .elementor-widget-text-editor p{white-space:normal}
}
/* a number line (01) right above a card title: no extra heading gap */
.blog_content .tr-onas-post .elementor-widget-wrap>.elementor-widget-text-editor:first-child+.elementor-widget-heading{margin-top:0!important}