/* LIMO & LUXURY VAN - minimálne nadstavby nad cityride.css.
   Pravidlo: žiadne paralelné komponenty. Sem patrí len:
   - textový brand (logo nepoužívame),
   - drobné helpery pre formuláre (consent label, status správa),
   - opravy pre slovenskú diakritiku tam, kde to cityride.css láme,
   - vlastný cenníkový komponent (cityride nemá tabuľku).
*/

/* === Textový brand v hlavičke a footri (logo nepoužívame). === */
.limo-brand {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    color: inherit;
    line-height: 1;
    text-decoration: none;
}
.limo-brand__name {
    font-family: "Lexend", sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
}
.limo-brand__tagline {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.7;
}
.limo-brand--light .limo-brand__name,
.limo-brand--light .limo-brand__tagline {
    color: #fff;
}
.main-header__logo .limo-brand,
.footer-widget--about .limo-brand {
    min-width: 200px;
}
/* Farby loga — horné (hlavička) #444, dolné (footer) #ccc. */
.main-header__logo .limo-brand,
.main-header__logo .limo-brand__name,
.main-header__logo .limo-brand__tagline {
    color: #444;
}
.footer-widget--about .limo-brand,
.footer-widget--about .limo-brand__name,
.footer-widget--about .limo-brand__tagline {
    color: #ccc;
}

/* Fakturačná adresa na spodku kontaktu — malé, dezvýraznené, aby
   nezavadzalo. Pravne info ktoré musí byť na stránke ale nemusí kričať. */
.contact-billing {
    padding: 0 0 40px;
}
.contact-billing__text {
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    color: #888;
    text-align: center;
}

/* === Slovenská typografia. === */
/* Cityride aplikuje text-transform: capitalize/uppercase na desiatky tried.
   V slovenčine používame vetnú interpunkciu - text-transform v žiadnej
   forme nechceme. Globálny override s !important; samotné texty určujú,
   aké budú veľké/malé písmená. */
body,
body * {
    text-transform: none !important;
}

/* Cityride používa záporný letter-spacing, ktorý láme dlhé slovenské slová. */
.main-slider-one__title,
.sec-title__title,
.page-header__title,
.error-404__title,
.taxi-booking__form__heading,
.why-choose-one__title {
    letter-spacing: 0;
}

/* === Formuláre - opravy. === */
/* Cityride styluje VŠETKY <input> v taxi-booking ako 100% × 45px text input,
   teda aj checkbox. Vrátime checkbox na normálnu veľkosť. */
.taxi-booking__form input[type="checkbox"],
.contact-one__form__form input[type="checkbox"],
.form-one input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 18px;
    accent-color: var(--cityride-base, #FED100);
    cursor: pointer;
}

/* Cityride styluje len <input>, textarea ostane bez bordera. Doladíme. */
.taxi-booking__form textarea,
.contact-one__form__form textarea,
.form-one textarea {
    outline: 0;
    border: 1px solid var(--cityride-border-color, #DFDFDF);
    width: 100%;
    min-height: 110px;
    padding: 12px 17px;
    font-family: inherit;
    font-weight: 500;
    color: #585858;
    font-size: 14px;
    line-height: 1.55;
    background-color: var(--cityride-white, #FFFFFF);
    transition: border-color 300ms ease;
    resize: vertical;
}
.taxi-booking__form textarea:focus,
.contact-one__form__form textarea:focus,
.form-one textarea:focus {
    color: var(--cityride-black, #141414);
    border-color: var(--cityride-base, #FED100);
}

/* Cityride taxi-booking grid nemá pravidlo pre --full a --btn full šírku. */
.taxi-booking__form__control--full {
    grid-column: 1 / -1;
}
.taxi-booking-page__form .taxi-booking__form__control--btn,
.taxi-booking--three .taxi-booking__form__control--btn {
    grid-column: 1 / -1;
    align-items: stretch;
}
.taxi-booking-page__form .taxi-booking__form__control--btn .taxi-booking__form__btn,
.taxi-booking--three .taxi-booking__form__control--btn .taxi-booking__form__btn {
    width: 100%;
    justify-content: center;
}

/* GDPR consent label - natívna veľkosť checkboxu vedľa textu v jednom riadku. */
.limo-form-consent {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
    margin: 4px 0;
    text-align: left;
    flex-wrap: wrap;
}
.limo-form-consent > span {
    flex: 1 1 auto;
    min-width: 0;
}

.limo-form-message {
    margin-top: 10px;
    font-weight: 600;
}
.limo-form-message.is-ok {
    color: #157347;
}
.limo-form-message.is-error {
    color: #b42318;
}

/* === Služby - vizuálna hierarchia. ===
   Cityride dáva všetkým service-details nadpisom rovnaké 24px.
   Hlavný nadpis služby necháme silnejší, podsekcie zmenšíme. */
.service-details__inner h3.service-details__title:not(.service-details__inner-two__title),
.service-details__inner-two > h3.service-details__title:not(.service-details__inner-two__title) {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 14px;
    margin-top: 8px;
}
.service-details h4.service-details__title.service-details__inner-two__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 28px;
    margin-bottom: 10px;
}
.service-details__list li {
    line-height: 1.55;
}
/* Riadkovanie zoznamov v sluzby.php o polovicu menšie — cityride defaultne
   dáva 20px medzi položkami, my chceme 10px (užívateľ povedal "uprav
   riadkovanie o polovicu menšie"). */
.service-details__list li + li {
    margin-top: 10px;
}

/* === Tagline → title medzera o 1/3 menšia. ===
   Cityride dáva medzi tagline H6 a title H3 medzeru 15px (cez
   .sec-title__top { margin-bottom: 15px }). Modifier --tight zníži
   hodnotu na 10px. Aplikované selektívne na blokoch kde to chcel
   užívateľ (cennik Príplatky, vozový park Prezentácia). */
.sec-title__top--tight {
    margin-bottom: 10px;
}

/* === Sluzby content → mod_rezervacia: medzera o 1/3 menšia. ===
   Sluzby section má `section-space` (padding 120px hore aj dole).
   Modifier --tight-after znižuje padding-bottom na ~80px (-33%) tak
   aby sa Online rezervácia priblížila ku koncu sluzby textu. */
.service-details.service-details--tight-after {
    padding-bottom: 80px;
}

/* === FAQ accordion: zatvorené riadky a plusko o 1/3 menšie. ===
   Cityride default closed-row je vysoký (padding 25.5px hore aj dole + plus
   ikona 45×45). Klient chce tighter zatvorený stav, aby sa zobrazilo viac
   otázok bez scrollovania. Font-size h4 (16px) NEMENÍME — užívateľ explicitne
   povedal "veľkosť fontu nechaj".
   Hodnoty (-33%):
     padding y: 25.5 → 17px (-33%)
     padding-left: 78 → 52px (proporcionálne k menšiemu icon boxu)
     icon size: 45×45 → 30×30
     icon position-left: -66 → -45 (proporcionálne)
     plus znaky: 16×2 → 11×2 (zachovaná proporcia "+" voči boxu)
     active h4::after underline width: 100%+51 → 100%+34 */
.faq-accordion .accordion-title {
    padding: 17px 20px 17px 52px;
}
.faq-accordion .accordion-title__icon {
    width: 30px;
    height: 30px;
    left: -45px;
}
.faq-accordion .accordion-title__icon::after,
.faq-accordion .accordion-title__icon::before {
    width: 2px;
    height: 11px;
}
.faq-accordion .accordion-title__icon::after {
    width: 11px;
    height: 2px;
}
.faq-accordion .active .accordion-title h4::after {
    width: calc(100% + 34px);
}
@media (max-width: 1199px) {
    .faq-accordion .active .accordion-title h4::after {
        width: calc(100% + 27px);
    }
}

/* === Service card carousel - rovnaká výška kariet. ===
   Niektoré nadpisy sú 3-riadkové (Eventy a špeciálne príležitosti) a roztiahnu
   kartu. Owl carousel nedrží jednotnú výšku, preto cez flex-layout zarovnáme
   všetky karty na rovnakú výšku a titulu rezervujeme priestor pre 3 riadky.
   Ikona vždy 68×68 (cityride default), zarovnaná dole, pevné min-width. */
.services-one__carousel .owl-stage {
    display: flex;
}
.services-one__carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.services-one__carousel .item {
    display: flex;
    width: 100%;
}
.services-one__carousel .service-card {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.services-one__carousel .service-card__middle {
    flex: 1 0 auto;
}
.services-one__carousel .service-card__icon {
    align-items: flex-end;
}
.services-one__carousel .service-card__icon__inner {
    flex: 0 0 68px;
}
.services-one__carousel .service-card__title {
    /* 22px font × 1.18 line-height × 3 lines = ~78px - rezerva pre 3-riadkový titul. */
    min-height: 78px;
    margin-bottom: 0;
}

/* === Page-wrapper na celú výšku viewportu. ===
   Bez tohto by pri kratších stránkach ostala biela medzera pod footerom (vidno
   default <html> bg). Min-height 100vh + flex column + footer auto-margin
   posunie footer presne na koniec viewportu, žltý pásik je rovnako vysoký ako
   v cityride defaulte (~70px) a pod ním nie je nič. */
.page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.page-wrapper > .main-footer {
    margin-top: auto;
}

/* === Footer copyright s logom WEBCENTRUM. === */
.main-footer__copyright {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}
.main-footer__copyright img {
    height: 22px;
    width: auto;
    vertical-align: middle;
}
.main-footer__copyright a {
    display: inline-flex;
    align-items: center;
}

/* === CTA banner za page-header. ===
   Cityride .cta-one__inner má margin-top: -144px / margin-bottom: -120px
   pre overlap efekt medzi dvoma sekciami obsahu. Keď ho dáme hneď za
   .page-header (na sluzby.php), prekryje hlavičku. Vypneme overlap. */
.page-header + .cta-one .cta-one__inner {
    margin-top: 0;
    margin-bottom: 0;
}
.page-header + .cta-one.section-space {
    padding-top: 80px;
    padding-bottom: 0;
}
@media (max-width: 991px) {
    .page-header + .cta-one.section-space {
        padding-top: 60px;
    }
}

/* === Cenníkový komponent. ===
   Cityride nemá tabuľku, dorábame v jeho štýle: tmavá hlavička so žltou
   akcentovou linkou, mriežka medzi bunkami, striedanie riadkov, jemný
   prirodzený tieň. */
.limo-price-wrap {
    /* overflow ostáva visible na desktope, aby tieň nebol orezaný; na
       mobiloch ho aktivuje media query. */
}
.limo-price-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--cityride-white, #fff);
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    overflow: hidden;
    font-family: var(--cityride-font, "Manrope", sans-serif);
    font-size: 16px;
    box-shadow:
        0 1px 2px rgba(20, 20, 20, .04),
        0 6px 16px rgba(20, 20, 20, .05),
        0 18px 40px rgba(20, 20, 20, .04);
}
.limo-price-table thead th {
    background: var(--cityride-black, #141414);
    color: var(--cityride-white, #fff);
    font-family: var(--cityride-heading-font, "Lexend", sans-serif);
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    padding: 22px 24px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 3px solid var(--cityride-base, #FED100);
    line-height: 1.3;
    vertical-align: top;
}
.limo-price-table thead th:last-child {
    border-right: 0;
}
.limo-price-table thead th .limo-price-table__sub {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--cityride-base, #FED100);
    margin-top: 4px;
    letter-spacing: 0.02em;
}
.limo-price-table thead th + th,
.limo-price-table tbody td + td {
    text-align: right;
    white-space: nowrap;
}
.limo-price-table tbody td {
    padding: 18px 24px;
    border-top: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    color: var(--cityride-text2, #383838);
    line-height: 1.45;
    transition: background-color 200ms ease;
}
.limo-price-table tbody td:last-child {
    border-right: 0;
}
.limo-price-table tbody td:first-child {
    font-weight: 500;
    color: var(--cityride-black, #141414);
}
.limo-price-table tbody td + td {
    font-family: var(--cityride-heading-font, "Lexend", sans-serif);
    font-weight: 600;
    color: var(--cityride-black, #141414);
}
.limo-price-table tbody tr:nth-child(even) td {
    background: #FAFAFA;
}
.limo-price-table tbody tr:hover td {
    background: rgba(254, 209, 0, .12);
}
.limo-price-table tbody tr.is-emphasized td {
    background: rgba(254, 209, 0, .18);
    font-weight: 600;
}
.limo-price-table caption {
    caption-side: bottom;
    padding: 16px 24px 0;
    color: var(--cityride-text, #838383);
    font-size: 13px;
    text-align: left;
}

/* === Responsive. === */
@media (max-width: 991px) {
    .main-header__logo .limo-brand,
    .footer-widget--about .limo-brand {
        min-width: 0;
    }
}
@media (max-width: 767px) {
    .limo-price-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
    }
    .limo-price-table thead th,
    .limo-price-table tbody td {
        padding: 14px 16px;
        font-size: 14px;
    }
}
@media (max-width: 575px) {
    .limo-brand__name {
        font-size: 18px;
    }
    .limo-brand__tagline {
        font-size: 10px;
    }
}

/* === Hero slider - zmenšenie hlavného nadpisu + lead odstavec.
   Cityride má 80px hero, ktoré bolo na desktope priveľké, a na mobile
   55/50/45px. Klient chce: desktop o trochu menší, mobil na tretinu.
   Lead odstavec dopĺňa kratšiu vetnú podporu pod nadpisom. */
.main-slider-one__title {
    font-size: 64px;
}
@media (max-width: 1850px) {
    .main-slider-one__title { font-size: 60px; }
}
@media (max-width: 1599px) {
    .main-slider-one__title { font-size: 56px; }
}
@media (max-width: 1399px) {
    .main-slider-one__title { font-size: 50px; }
}
@media (max-width: 991px) {
    .main-slider-one__title { font-size: 48px; }
}
/* Mobil (≤767px): zmenšenie na tretinu pôvodnej hodnoty. */
@media (max-width: 767px) {
    .main-slider-one__title { font-size: 18px; }
}
@media (max-width: 430px) {
    .main-slider-one__title { font-size: 17px; }
}
@media (max-width: 375px) {
    .main-slider-one__title { font-size: 15px; }
}

.main-slider-one__lead {
    margin: -18px 0 28px;
    font-family: var(--cityride-heading-font, "Lexend", sans-serif);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: var(--cityride-white, #FFFFFF);
    opacity: 0.92;
    max-width: 560px;
}
@media (max-width: 1399px) {
    .main-slider-one__lead { font-size: 18px; margin-bottom: 24px; }
}
@media (max-width: 991px) {
    .main-slider-one__lead { font-size: 16px; }
}
@media (max-width: 767px) {
    .main-slider-one__lead {
        font-size: 14px;
        margin: -6px 0 18px;
    }
}

/* === Sec-title scale modifiers ===
   Cityride .sec-title__title default font-size: 55→50→45→40→35 px.
   --scaled-90 = 10 % smaller (Najpopulárnejšie trasy, Prepravujeme ľudí, Rezervujte si transfer).
   --scaled-67 = 1/3 smaller (Spoľahlivý partner pre vašu cestu).
   Uplatňujeme cez modifier triedu pridanú vedľa .sec-title__title v HTML, aby
   sme nezasiahli ostatné nadpisy s rovnakou base triedou. */
.sec-title__title--scaled-90 {
    font-size: 50px;
}
@media (max-width: 1399px) { .sec-title__title--scaled-90 { font-size: 45px; } }
@media (max-width: 767px)  { .sec-title__title--scaled-90 { font-size: 41px; } }
@media (max-width: 575px)  { .sec-title__title--scaled-90 { font-size: 36px; } }
@media (max-width: 430px)  { .sec-title__title--scaled-90 { font-size: 32px; } }

.sec-title__title--scaled-67 {
    font-size: 37px;
}
@media (max-width: 1399px) { .sec-title__title--scaled-67 { font-size: 33px; } }
@media (max-width: 767px)  { .sec-title__title--scaled-67 { font-size: 30px; } }
@media (max-width: 575px)  { .sec-title__title--scaled-67 { font-size: 27px; } }
@media (max-width: 430px)  { .sec-title__title--scaled-67 { font-size: 23px; } }

/* === Cityride-info v "Prečo práve my" verzii (číslované, bez kruhových ikon).
   Cityride default .cityride-info__item__icon je kruh so žltou ikonou; my ho
   v --num variante nepoužívame. Čísla 01-04 nahrádzajú vizuál ikon. */
.cityride-info-wrap .sec-title {
    margin-bottom: 40px;
}
.cityride-info__item--num {
    text-align: center;
}
.cityride-info__item__num {
    font-family: var(--cityride-heading-font, "Lexend", sans-serif);
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    color: var(--cityride-base, #FED100);
    margin-bottom: 14px;
    letter-spacing: -0.02em;
}
@media (max-width: 767px) {
    .cityride-info__item__num { font-size: 38px; }
}

/* === Why-us-block (Prečo si vybrať našu spoločnosť?) ===
   Jednoduchá 2-stĺpcová sekcia: fotka vľavo, text + 6-položkový zoznam +
   tlačidlo vpravo. Štýl ladí s about-four (image + text), ale bez funfact-u
   a bez tabs (ktoré bola .why-choose-one). Zoznam je 2-stĺpcový od md+. */
.why-us-block__thumb img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}
.why-us-block__content {
    padding-left: 0;
}
@media (min-width: 992px) {
    .why-us-block__content {
        padding-left: 30px;
    }
}
.why-us-block__content .sec-title__title {
    margin-bottom: 24px;  /* explicitná medzera medzi nadpisom a opisným textom */
}
.why-us-block__text {
    color: var(--cityride-text2, #383838);
    line-height: 1.6;
    margin-bottom: 28px;
}
.why-us-block__list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px 24px;
    font-family: var(--cityride-heading-font, "Lexend", sans-serif);
    font-weight: 500;
    color: var(--cityride-black, #141414);
}
@media (min-width: 576px) {
    .why-us-block__list {
        grid-template-columns: 1fr 1fr;
    }
}
.why-us-block__list li {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.4;
}
.why-us-block__list li i {
    color: var(--cityride-base, #FED100);
    font-size: 14px;
    flex: 0 0 auto;
}

/* === Testimonials-three úpravy pre LimoLuxury ===
   Štandardná cityride .testimonial-card-three má dolu kruhovú fotku v žltom
   chamfered boxe + meno/funkciu. Klient chce KRUHOVÚ FOTKU odstrániť, ale
   ZACHOVAŤ žltý chamfered box s menom + mestom (ako v cityride dizajne). */
.testimonial-card-three__identity--no-image .testimonial-card-three__image {
    display: none;
}
.testimonial-card-three__identity--no-image .testimonial-card-three__identity__content {
    padding-left: 18px;
    padding-right: 18px;
    text-align: center;
    width: 100%;
}
.testimonial-card-three__identity--no-image .testimonial-card-three__identity__bg {
    /* Žltý chamfered background bar — zachovať default cityride štýl */
    /* (cityride default už má polygon clip-path + žlté pozadie) */
}

/* === Emargency-call s ikonou vľavo (bez profilového obrázka).
   Cityride default polohuje .emargency-call__icon absolútne na pravo-dole;
   keď v bloku NIE JE .emargency-call__image, ikona "visí" v pravom dolnom
   rohu kontajnera a prekrýva telefónne číslo. Modifier --icon-left polohuje
   ikonu staticky pred .emargency-call__content (ako prvého flex-childa). */
.emargency-call--icon-left .emargency-call__icon {
    position: static;
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    background-color: var(--cityride-base, #FED100);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--cityride-black, #141414);
    margin-right: 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.emargency-call--icon-left .emargency-call__icon i {
    display: inline-flex;
    line-height: 1;
}

/* === Contact-top item bez kruhovej fotky.
   Cityride default .contact-top__item má hore kruhovú fotku a žltú ikonu
   ktorá ju overlapne (icon-top: -44px). Klient chce fotky odstrániť, nechať
   len žlté ikony + text. Modifier --no-thumb to rieši cez display:none na
   thumb a reset záporného margin-top na icon. */
.contact-top__item--no-thumb .contact-top__item__thumb {
    display: none;
}
.contact-top__item--no-thumb .contact-top__item__content {
    padding-top: 30px;
}
.contact-top__item--no-thumb .contact-top__item__icon {
    margin-top: 0;
}

/* === Service-details inner-two title — modifier +15%.
   Default cityride .service-details__inner-two__title je 18px. +15% ≈ 21px. */
.service-details__inner-two__title--scaled-115 {
    font-size: 21px !important;
}

/* === Chamfered tvar pre VŠETKY cityride-btn (globálne, [#18]).
   Klient chce aby všetky tlačítka mali paralelogramový tvar — pravý horný
   roh skosený doprava, ľavý dolný doľava (8% offset). Aplikujeme priamo
   na default .cityride-btn cez clip-path; pseudo-elementy ::before/::after
   (cityride hover slide-in animácia) sa orezávajú spolu, takže hover
   funguje natívne. Padding-x zväčšený z 15px na 24px aby text nezasahoval
   do orezanej zóny. */
.cityride-btn {
    clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
    padding-left: 24px;
    padding-right: 24px;
}

/* === Chamfered submit button (parallelogram, ako .about-four__btn).
   Mod_rezervacia default submit button je full-width yellow rectangle;
   klient chce zmenšiť ~50 % a chamfered z oboch strán. */
.limo-chamfered-btn-box {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}
.taxi-booking__form__control--btn:has(.limo-chamfered-btn-box) {
    align-items: center;
    text-align: center;
}
.taxi-booking__form__btn.limo-chamfered-btn {
    width: auto;
    min-width: 0;
    padding: 14px 32px;
    font-weight: 600;
    letter-spacing: normal;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
    z-index: 1;
}
.taxi-booking__form__btn.limo-chamfered-btn::after {
    background-color: var(--cityride-black, #141414);
}
.limo-chamfered-btn__border {
    position: absolute;
    top: 5px;
    left: 4px;
    width: calc(100% - 20px);
    height: calc(100% + 2px);
    border: 1px solid var(--cityride-base, #FED100);
    transform: skew(23deg);
    transition: all 500ms ease;
    pointer-events: none;
}
.taxi-booking__form__btn.limo-chamfered-btn:hover {
    color: var(--cityride-white, #FFFFFF);
}

/* === Work-process-one — light tweaks.
   Klient chce iba veľký nadpis nad sekciu (Štyri dôvody). Default cityride
   spacing je v poriadku, len upravujem aby sa karty dali rozumne nahať aj
   bez popisných textov. Plus equal-height vo flex grid (texty rôznych dĺžok
   inak spôsobujú rôzne výšky kariet). */
.work-process-one .work-process-card__text:empty {
    display: none;
}
.work-process-one .work-process-card__title {
    margin-bottom: 12px;
}
.work-process-one .row {
    align-items: stretch;
}
.work-process-one [class*="col-"] {
    display: flex;
}
.work-process-one .work-process-card {
    width: 100%;
    height: 100%;
    display: flex;
}
.work-process-one .work-process-card .work-process-card__inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}