/* ═══════════════════════════════════════════════════════════
   BlueRed custom doplňky — nemodifikovat šablonu, přidávat jen sem
   ═══════════════════════════════════════════════════════════ */

/* Vaše hlavní sekce (předpokládám, že je to .fm-hero-area) */
.fm-hero-area {
   container-type: inline-size;
}

/* Samotný text se pak dokonale přizpůsobí a neuteče */
.fm-hero-area .fm-hero-main-title {
   white-space: nowrap !important;
}

/* ── Vystředění nadpisů sekcí (KDYŽ POTŘEBUJETE atd.) ── */
.section-title.text-center {
   text-align: center !important;
   width: 100%;
}
.section-title.text-center > div,
.section-title.text-center > span,
.section-title.text-center h2,
.section-title.text-center .section-main-title,
.section-title.text-center .section-subtitle {
   text-align: center !important;
   width: 100%;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.section-title.text-center .section-subtitle {
   display: inline-block;
}

/* ── Eyebrows konzistentně napříč webem ── */
/* Cíl: aby všechny eyebrows měly stejnou velikost jako .section-subtitle */
.fm-services-area .section-subtitle,
.featured-sub-title.section-subtitle {
   font-size: 16px !important;
}

/* ── Brutálnější typografické kontrasty (Barlow 200 vs 900) ── */
h1, h2, h3,
.section-main-title,
.fm-hero-main-title,
.fm-director-title,
.fm-landing-slider-title {
   font-weight: 900 !important;
   letter-spacing: -0.02em;
}
h4, h5,
.fm-services-title,
.fm-services-title a,
.client-text h4,
.footer-title h4,
.fm-director-name a,
.team-name-clr {
   font-weight: 800 !important;
}
.section-subtitle,
.fm-hero-subtitle,
.fm-director-subtitle,
.fm-landing-slider-subtag,
.fm-landing-slider-tagtime {
   font-weight: 400 !important;
   letter-spacing: 0.18em;
}
.about-text-2,
.fm-services-text,
.director-text {
   font-weight: 400;
}
/* Strong/bold zvýraznění v textu */
.fm-services-text strong,
.about-text-2 strong,
.director-text strong,
p strong {
   font-weight: 800;
}

/* ── Sjednocená výška dlaždic v "KDYŽ POTŘEBUJETE" sekci ── */
.fm-services-area .row.g-5 {
   display: flex;
   flex-wrap: wrap;
}
.fm-services-area .col-xxl-3,
.fm-services-area .col-xl-6,
.fm-services-area .col-lg-6,
.fm-services-area .col-md-6 {
   display: flex;
}
.fm-services-area .fm-services-item {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
}
.fm-services-area .fm-services-content {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}
.fm-services-area .fm-services-text {
   flex-grow: 1;
}

/* ── Velikost SVG ikon v dlaždicích (omezení na rozumnou velikost) ── */
.fm-services-area .fm-services-icon {
   width: 72px;
   height: 72px;
   margin-bottom: 28px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
}
.fm-services-area .fm-services-icon img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   display: block;
}

/* ── Tlačítka "Další služby" v patičce ── */
.footer-services-buttons {
   display: flex;
   flex-direction: column;
   gap: 0.65rem;
   margin-top: 0.5rem;
}
.footer-services-btn {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
   padding: 0.95rem 1.25rem;
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 10px;
   color: rgba(255, 255, 255, 0.9);
   font-size: 1.05rem;
   font-weight: 700;
   letter-spacing: 0.01em;
   text-decoration: none;
   transition: all 0.25s ease;
}
.footer-services-btn:hover {
   background: rgba(255, 255, 255, 0.08);
   border-color: rgba(255, 255, 255, 0.18);
   color: #fff;
   transform: translateX(2px);
}
.footer-services-btn .footer-services-btn-meta {
   font-size: 0.72rem;
   font-weight: 400;
   opacity: 0.55;
   letter-spacing: 0.04em;
}
.footer-services-btn .footer-services-btn-arrow {
   opacity: 0.45;
   transition: opacity 0.25s ease;
}
.footer-services-btn:hover .footer-services-btn-arrow {
   opacity: 1;
}