/*
Theme Name: GettRansfer
Theme URI:
Author:
Description: Custom theme priekš transfera/taksometra rezervāciju un maršruta cenas kalkulatora vietnes.
Version: 1.0
Text Domain: gettransfer
*/

html {
    scroll-behavior: smooth;
}

body {
    font-family: Arial, sans-serif;
    padding: 40px 20px;
    background: #fcfcfc;
    display: block;
    justify-content: center;
    margin: 0;
    padding: 0;
    flex-direction: column;
}

.hero {
    position: relative;
    overflow: hidden;
    min-height: 65vh; /* min-height, jo tagad iekšā ir arī kalkulators */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Teksts paceļas augstāk, ne centrā */
    padding-top: 110px;
    padding-bottom: 40px;
    color: white;
    text-align: center;
}

/* Fona bilde + gradients atsevišķā slānī, lai blur neskar tekstu/kalkulatoru virs tā */
.hero::before {
    content: '';
    position: absolute;
    inset: -10px; /* nedaudz lielāks par konteineru, lai blur nesabojā malas */
    background-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%),
        url('assets/img/hero-bg.jpg');
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    filter: blur(3px);
    z-index: 0;
}

/* Landing lapas (mikroautobuss-ar-soferi / auto-ar-soferi): vienkārša brenda
   zilā fona krāsa nevis busa foto, un ievērojami mazāka atstarpe virs H1 —
   ŠIS ATTIECAS TIKAI UZ ŠĪM 2 LAPĀM, ne sākumlapu (tā patur bilžu fonu).
   min-height:auto+mazāks padding-bottom, jo šeit hero satur arī
   vehicle-picker+kalkulatoru vienuviet — vairāk satura nekā sākumlapas hero. */
.landing-hero {
    /* Gaišs, gandrīz balts gradients — tāpēc H1/lead teksts zemāk pārslēgts
       uz tumšu krāsu (bāzes .hero/.hero-content h1 pieņem tumšu fonu ar
       baltu tekstu, kas šeit vairs neder). */
    background: #f5fdff;
    background: linear-gradient(90deg, rgba(245, 253, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(237, 251, 255, 1) 100%);
    padding-top: 33px;
    min-height: auto;
    padding-bottom: 50px;
}

.landing-hero::before {
    display: none;
}

.landing-hero .hero-content h1 {
    color: #16284f;
}

.hero-content {
    position: relative;
    z-index: 1;
    max-width: 800px;
    min-width: 0; /* .hero ir flex; bez šī neshrinkojošs saturs (piem. vehicle-
                     picker-grid ar flex-shrink:0 kartītēm) izspiež visu bloku
                     platāku par ekrānu, nevis paliek iekšējā ritināmā kastē */
    margin: 0 20px;
}

.hero-content h1 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 800; /* Resnāks, izceļas */
    font-size: 2.8rem;
    line-height: 1.2;
    letter-spacing: -0.5px; /* Mazliet saspiesti burti izskatās "premium" */
    text-transform: uppercase;
    color: #ffffff; /* Balts teksts */
    max-width: 900px;
    margin: 0 auto;

}

/* ===== Kompaktais kalkulators hero sadaļā ===== */
.hero-calculator {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
    padding: 22px 26px;
    margin: 25px auto 0;
    max-width: 780px;
    text-align: left;
}

.hero-calc-title {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 600;
    font-size: 1.05rem;
    color: #1a1a1a;
    margin-bottom: 14px;
    text-align: center;
}

.hero-calc-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 12px;
}

.hero-calc-grid .input-block {
    margin-bottom: 0;
}

.hero-calc-span4 {
    grid-column: 1 / -1;
}

.hero-calc-bottom-row {
    margin-top: 14px;
}

.hero-calc-submit {
    width: 100%;
    padding: 13px;
    background: #26487e;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.3px;
    transition: background 0.2s, transform 0.15s;
}

.hero-calc-submit:hover {
    background: #1d3860;
}

.hero-calc-submit:active {
    transform: scale(0.98);
}

@media (min-width: 700px) {
    .hero-calc-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.main-header {
    position: relative; /* Parastā plūsma lapās bez hero attēla */
    z-index: 10; /* Vienmēr virs hero (kuram tagad arī ir position:relative) */
    width: 100%;
    /* Balts fons, lai tumši zilais logo būtu redzams — sk. arī .home variantu zemāk */
    background: #FFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Sākumlapā header "peld" virs hero attēla — puscaurspīdīgs balts, nevis
   tumšs, lai logo paliek redzams arī uz gaišām hero bildēm */
.home .main-header {
    position: absolute;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    box-shadow: none;
}

/* Logo pa kreisi, navigācija pa labi — viena rinda, vienmērīgi izlīdzināta */
.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.main-header .logo a {
    display: block;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #16284f; /* Tumši zils, saskaņots ar logo tinti */
}

/* the_custom_logo() izvada <img> ar augšupielādētā faila oriģinālajiem
   width/height atribūtiem — bez griestiem liels logo izstiepj visu galveni.
   height:auto ir obligāts, lai proporcijas nesaplaktu, kad max-height
   pārraksta atribūtā doto augstumu. */
.main-header .logo img {
    display: block;
    /* 56px, ne 48px: zīmola logo ir plats (~3:1) un ar smalku kaligrāfiju —
       zemāks augstums to padara nesalasāmu. Pie 3:1 tas dod ~168px platumu. */
    max-height: 56px;
    width: auto;
    height: auto;
    max-width: 300px;
    object-fit: contain;
}

.main-header nav ul {
    list-style: none;
    display: flex;
    gap: 28px; /* Atstarpe starp izvēlnes punktiem */
}

.main-header nav a {
    position: relative; /* Vajadzīgs, lai ::after svītra pozicionējas relatīvi pret linku */
    display: inline-block;
    padding-bottom: 6px; /* Vieta svītrai zem teksta, neaiztiekot pašu tekstu */
    text-decoration: none;
    color: #16284f;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: color 0.2s ease;
}

/* Zilā svītra zem linka — no vidus uz malām, ne no kreisās puses,
   tā izskatās vairāk kā apzināta uzmanības pievēršana, ne default pasvītrojums */
.main-header nav a::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 2px;
    background: #007bff;
    border-radius: 2px;
    transition: left 0.25s ease, right 0.25s ease;
}

.main-header nav a:hover {
    color: #007bff;
}

.main-header nav a:hover::after {
    left: 0;
    right: 0;
}

/* Aktīvā (pašreizējā) lapa — svītra vienmēr redzama, bez hover */
.main-header nav a.is-active {
    color: #007bff;
}

.main-header nav a.is-active::after {
    left: 0;
    right: 0;
}

/* "Transfēri" izvēlnes punkts ar dropdown (Mikroautobuss ar šoferi / Vieglais
   auto ar šoferi) — atsevišķi H1/URL/title mērķē reālos meklēšanas
   atslēgvārdus, bet pats nav punkts "Mikroautobuss"/"Vieglā automašīna"
   latviski neskan dabiski, tāpēc virsraksts ir vispārīgs "Transfēri". */
.has-dropdown {
    position: relative;
}

.has-dropdown.is-active > a {
    color: #007bff;
}

.has-dropdown.is-active > a::after {
    left: 0;
    right: 0;
}

.dropdown-menu {
    /* top:100%, bez vertikāla transform nobīdes — ja te būtu translateY,
       starp linku un izvēlni rastos "nehoverējama" sprauga, un pele to
       aizvērtu pirms paspēj nokļūt līdz izvēlnei (tieši tā bija problēma). */
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    min-width: 230px;
    padding: 8px 0;
    list-style: none;
    flex-direction: column;
    gap: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
    z-index: 100;
}

.has-dropdown:hover .dropdown-menu,
.has-dropdown:focus-within .dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.dropdown-menu li {
    display: block;
}

.dropdown-menu a {
    display: block;
    padding: 10px 18px;
    white-space: nowrap;
}

/* Apakšizvēlnes punktiem tāda pati zilā svītra uz hover kā galvenajai
   navigācijai (.main-header nav a::after) — bez fona iekrāsojuma ap
   tekstu, tikai teksta krāsa + svītra. */
.dropdown-menu a:hover,
.dropdown-menu a.is-active {
    color: #007bff;
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.car-description {
    padding: 0 15px;      /* Atstarpe no sānu malām */
    margin: 10px 0;       /* Atstarpe no virsraksta un apakšējās joslas */
    font-size: 14px;      /* Mazliet mazāks teksts nekā virsrakstam */
    color: #444;          /* Pelēkāka krāsa, lai nav tik uzkrītošs */
    line-height: 1.4;     /* Lai tekstu ir vieglāk lasīt */
}

.car-footer {
    display: flex;
    border-top: 1px solid #e0e0e0; /* Horizontālā līnija augšā */
    margin-top: auto;
    background: #ffffff;
    padding: 0; /* Noņemam padding, lai līnijas stiepjas no malas līdz malai */
}

/* Katra elementa stils ar vertikālo līniju */
.footer-item {
    flex: 1; /* Visi elementi vienādā platumā */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 5px;
    font-size: 13px;
    color: #666;
    gap: 6px;
    border-right: 1px solid #e0e0e0; /* Vertikālā līnija pa labi */
}

/* Noņemam līniju pēdējam elementam */
.footer-item:last-child {
    border-right: none;
}



/* Hamburgers pogas stils — parasts flex elements .header-container rindā,
   tāpēc telefonā ar justify-content:space-between tas nostājas labajā malā,
   kamēr logo paliek kreisajā. */
.menu-toggle {
display: none;
cursor: pointer;

}
.menu-toggle span { display: block; width: 25px; height: 3px; background: #16284f; margin: 5px; }

/* Drawer stils */
.drawer {
    height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0;
    background-color: #333; overflow-x: hidden; transition: 0.3s; padding-top: 60px;
}
.drawer a { display: block; padding: 20px; color: white; text-decoration: none; }
.close-btn { position: absolute; top: 20px; right: 20px; color: white; font-size: 30px; cursor: pointer; }

@media (max-width: 600px) {
    .menu-toggle {
        display: block; /* Hamburgers redzams telefonā */
    }
    .desktop-nav {
        display: none;  /* Parastā navigācija paslēpta telefonā */
    }
    .main-header .logo img {
        max-height: 42px;
        max-width: 185px;
    }
    .hero-content h1 {
        font-size: 1.8rem;
    }
    .hero-content {
        margin: 0 15px;
    }
    .hero {
        padding-top: 90px;
        min-height: 70vh;
    }
    .landing-hero {
        padding-top: 26px; /* Bija 90px — samazināts par ~70%, tikai landing lapām */
    }
    .hero-calculator {
        padding: 16px 18px;
    }
    .hero-calc-title {
        font-size: 0.95rem;
        margin-bottom: 10px;
    }
}

@media (min-width: 600px) {
    .menu-toggle {
        display: none;  /* Hamburgers paslēpts datorā */
    }
    .desktop-nav {
        display: flex;  /* Parastā navigācija redzama datorā */
    }
}

/* 1. Visas sekcijas "ietvars" ar tumšo krāsu */
#car-gallery {
    background-color: #e8e8e8;
    width: 100%;
    padding: 60px 0;
}

.car-gallery-heading {
    text-align: center;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 900;
    font-size: 2.1rem;
    letter-spacing: 1px;
    margin-bottom: 9px;
    color: #1a1a1a; /* fallback pārlūkiem bez background-clip:text atbalsta */
    background: linear-gradient(90deg, #1a1a1a 0%, #26487e 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}




#car-slider {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 20px calc(50% - 150px); /* 50% ekrāna vidus mīnuss puse no 300px kartiņas */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: flex-start;
}

/* 2. Kartiņas stils - apvienots */
#car-slider .slider-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Nodrošina, ka footeris ir apakšā */

    flex: 0 0 300px; /* Fiksēts platums */
    min-height: 400px; /* Saglabā dizainu un augstumu */

    scroll-snap-align: center; /* Svarīgi centrēšanai */

    /* Dizaina stili */
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    text-align: center;
    border: none;
    margin: 0;
    padding: 0;
}

/* Kartiņas bildes stils */
#car-slider .slider-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    margin: 0;
}

/* Datora režīms */
@media (min-width: 700px) {
    #car-slider {
        justify-content: center;
        overflow-x: visible;
        flex-wrap: wrap;
    }
    #car-slider .slider-item {
        flex: 0 0 350px;
    }
}

.slider-item h4 {
	margin-top: 10px;
 font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 600; /* Bold */
    font-size: 1.2rem;  /* Pielāgo pēc vajadzības */
}





/* Formas un lauku stili */
.input-block {
    margin-bottom: 18px;
}

label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}


label i {
    color: #26487e;
    width: 16px;
    text-align: center;
    margin-right: 4px;
}

input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #dcdfe4;
    border-radius: 8px;
    font-size: 15px;
    font-family: Arial, sans-serif;
    background: #fafbfc;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

input:hover {
    border-color: #b9c3d4;
}

input:focus {
    outline: none;
    border-color: #26487e;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(38, 72, 126, 0.15);
}

.form-select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #dcdfe4;
    border-radius: 8px;
    font-size: 15px;
    font-family: Arial, sans-serif;
    background: #fafbfc;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.form-select:hover {
    border-color: #b9c3d4;
}

.form-select:focus {
    outline: none;
    border-color: #26487e;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(38, 72, 126, 0.15);
}

/* ===== Datums + abi laiki: 3 "pill" pogas, 1 kopīgs popups =====
   Paraugs: elegantsauto template-parts/datetime-fields.php + assets/
   datetime-picker.js, pielāgots vienam datumam (transfērs ir vienas dienas
   pakalpojums, ne auto nomas diapazons) — sk. assets/js/datetime-picker.js. */
.gt-datetime {
    position: relative;
}

/* Sader ar .hero-calc-grid kolonnām augšā (from/to/return-adrese/gaidīšana),
   lai datuma lodziņš beidzas tur, kur "Uz" kolonna, un laiku lodziņš sākas
   tur, kur "Atgriešanas adrese" — nevis patvaļīgs 50/50 flex sadalījums. */
.gt-datetime-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 12px;
}

.gt-datetime-fields .pill-field[data-target="datums"],
.gt-datetime-fields .pill-field-group {
    grid-column: span 2;
}

@media (min-width: 700px) {
    /* span:2 no bāzes noteikuma paliek spēkā: 2 no 2 kolonnām (bāzē, viss
       vienā rindā) kļūst par 2 no 4 (šeit) — datums un laiku grupa katrs
       precīzi puse platuma, sakrītot ar rindas augšā kolonnu robežām. */
    .gt-datetime-fields {
        grid-template-columns: repeat(4, 1fr);
    }
}

.pill-field {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 0;
    min-width: 0;
    background-color: #fafbfc;
    border: 1px solid #dcdfe4;
    border-radius: 10px;
    padding: 10px 14px;
    font-family: inherit;
    text-align: left;
    color: #14181c;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pill-field:hover {
    border-color: #26487e;
}

.pill-field > i {
    color: #26487e;
    font-size: 14px;
    flex-shrink: 0;
}

/* Abas laika pogas vizuāli sagrupētas "vienā kastē, sadalītā 2 daļās" —
   kopīga apmale ap abām, iekšējā robeža tikai starp tām. */
.pill-field-group {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    border: 1px solid #dcdfe4;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.pill-field-group:hover {
    border-color: #26487e;
}

.pill-field-group .pill-field {
    border: none;
    border-radius: 0;
}

.pill-field-group .pill-field:first-child {
    border-right: 1px solid #dcdfe4;
}

.pill-field-narrow {
    flex: 1 1 0;
}

.pill-field-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pill-label {
    font-size: 11px;
    color: #888;
    line-height: 1.4;
}

.pill-value {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gt-datetime-popup {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 60;
    width: max-content;
    max-width: 92vw;
    /* JS (datetime-picker.js) pārslēdz uz position:fixed un iestata top/left
       tieši ekrāna koordinātēs, lai popups neietilptu .hero overflow:hidden
       apgrieztajā apgabalā — bet neatkarīgi no ekrāna augstuma tam pašam
       jāpaliek redzamam pilnībā, tāpēc vienmēr (ne tikai telefonā) ierobežots
       augstums ar savu ritināšanu. */
    max-height: 74vh;
    overflow-y: auto;
}

.gt-datetime-popup[hidden] {
    display: none;
}

.cb-calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.cb-calendar-nav {
    background: #f0f2f5;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #26487e;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.cb-calendar-nav:hover {
    background: #dde3ec;
}

.cb-calendar-months {
    font-weight: 700;
    font-size: 14px;
    color: #14181c;
}

.cb-calendar-grids {
    display: flex;
    gap: 28px;
}

.cb-calendar-grid-caption {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    color: #14181c;
}

.cb-calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 34px);
    gap: 4px;
    font-size: 11px;
    color: #999;
    text-align: center;
    margin-bottom: 4px;
}

.cb-calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 34px);
    gap: 4px;
}

.cb-calendar-day {
    width: 34px;
    height: 34px;
    border: none;
    background: none;
    border-radius: 50%;
    font-family: inherit;
    font-size: 13px;
    color: #14181c;
    cursor: pointer;
}

.cb-calendar-day:hover:not(.is-disabled):not(.is-blank) {
    background: #f0f2f5;
}

.cb-calendar-day.is-blank {
    cursor: default;
}

.cb-calendar-day.is-disabled {
    color: #ccc;
    cursor: not-allowed;
}

.cb-calendar-day.is-selected {
    background: #26487e;
    color: #ffffff;
    font-weight: 700;
}

/* Abi laiki viens zem otra, ne blakus: popups tagad ir šaurs (viens mēneša
   kalendārs), un divi režģi blakus to atkal padarītu platu. */
/* Katrs laiks (kolonnas + separators) tagad ir šaurs (~150px), tāpēc abi
   laiki der blakus vienā rindā — nav vairs jāliek viens zem otra, kā ar
   iepriekšējo plato 7 kolonnu režģi. */
.gt-datetime-times {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #eee;
}

.gt-time-field {
    display: block;
    flex: 1 1 150px;
}

/* Laika izvēle kā klikšķināms režģis, nevis <select>.
   Ar <select> katrs klikšķis atvēra operētājsistēmas ritināmo sarakstu, kas
   katrā ierīcē izskatās citādi un neiederas pārējā dizainā. */
.gt-time-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.gt-time-label {
    font-size: 11px;
    color: #888;
}

.gt-time-value {
    font-size: 15px;
    font-weight: 700;
    color: #16284f;
}

/* Divas šauras ritināmas kolonnas (stundas | minūtes) — nevis plats režģis,
   kur visas 21 stunda uzreiz izklāstītas rindās. Katra kolonna rāda tikai
   ~5 rindas uzreiz un ritina pārējās, kā parastā laika izvēlnē. */
.gt-time-columns {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 6px;
    border: 1px solid #e2e5e9;
    border-radius: 8px;
    padding: 4px;
    background: #fafbfc;
}

.gt-time-col {
    flex: 1 1 0;
    max-width: 64px;
    height: 168px;
    overflow-y: auto;
    scroll-behavior: smooth;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 2px;
    /* Paslēpjam ritjoslu — kolonna joprojām ritina ar peli/pirkstu, bet
       neaizņem papildu platumu ar redzamu joslu abām pusēm. */
    scrollbar-width: none;
}

.gt-time-col::-webkit-scrollbar {
    display: none;
}

.gt-time-col-sep {
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #999;
    padding-top: 2px;
}

.gt-time-slot {
    flex: 0 0 auto;
    padding: 7px 0;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    color: #14181c;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.gt-time-slot:hover {
    border-color: #26487e;
    background: #f4f6f9;
    color: #26487e;
}

.gt-time-slot.is-selected {
    background: #26487e;
    border-color: #26487e;
    color: #fff;
}

.gt-datetime-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 16px;
    border-top: 1px solid #eee;
    padding-top: 14px;
}

.gt-datetime-gatavs {
    width: auto;
    padding: 9px 22px;
}

@media (max-width: 780px) {
    .cb-calendar-grids {
        flex-direction: column;
        gap: 12px;
    }

    .gt-datetime-popup {
        left: 50%;
        transform: translateX(-50%);
    }
}

/* ===== Transporta veida ikonas (sākumlapas kalkulators, pirms aprēķina) =====
   Paraugs: elegantsauto .service-type-btn. */
.service-type-field {
    margin-top: 14px;
}

.service-type-field > label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #14181c;
    margin-bottom: 10px;
}

.service-type-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.service-type-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border: 1px solid #dcdfe4;
    border-radius: 30px;
    background: #ffffff;
    color: #5c5c5c;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.service-type-btn:hover {
    border-color: #26487e;
    color: #26487e;
}

.service-type-btn.active {
    background-color: #26487e;
    border-color: #26487e;
    color: #ffffff;
}

/* !important: šai klasei VIENMĒR jāuzvar pār .btn-transfer-type (u.c.)
   display:flex/block — pretējā gadījumā, ja tā definīcija nāk vēlāk failā,
   tā uzvar vienādas specifiskuma cīņā un abas pogas paliek redzamas. */
.gt-type-hidden {
    display: none !important;
}

#response-area {
    margin-top: 20px;
    padding: 20px;
    border-radius: 10px;
    background: #f4f6f9;
    border: 1px solid #e2e6ec;
}

#response-area p {
    margin: 6px 0;
    font-size: 15px;
    color: #333;
}

#response-area strong {
    color: #26487e;
}

.price-line {
    margin-top: 12px !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    color: #26487e !important;
}

.reservation-button {
    width: 100%;
    padding: 14px;
    margin-top: 15px;
    background: #26487e;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.3px;
    transition: background 0.2s, transform 0.15s;
}

.reservation-button:hover {
    background: #1d3860;
}

.reservation-button:active {
    transform: scale(0.98);
}

.selected-car-line {
    margin-top: 10px !important;
    font-size: 14px !important;
    color: #444 !important;
}

.selected-car-line strong {
    color: #26487e;
}

.btn-edit-reservation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px;
    margin-top: 8px;
    background: none;
    border: 1px solid #dcdfe4;
    border-radius: 8px;
    color: #26487e;
    font-weight: 600;
    font-size: 13.5px;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.btn-edit-reservation:hover {
    border-color: #26487e;
    background: #f4f6f9;
}

/* Sākumlapas "turpini uz auto izvēli" saite — vienkāršs, tipa-neitrāls
   pogas izskats (transporta tips jau izvēlēts ikonās augšā). */
.hero-calc-type-links {
    margin-top: 15px;
}

.btn-transfer-type {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px;
    background: #26487e;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.3px;
    text-decoration: none;
    transition: background 0.2s;
}

.btn-transfer-type:hover {
    background: #1d3860;
}

.thankyou-text {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
}

#reservation-form button[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}


/* Popup fons (aptumšojums) */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Puscaurspīdīgs melns fons */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Lai vienmēr būtu visam pa virsu */
    display: none; /* Sākumā pilnībā paslēpts */
}

/* Paša loga rāmis */
.popup-content {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
    position: relative;
    box-sizing: border-box;
}

/* Datorā popups par 40% lielāks */
@media (min-width: 700px) {
    .popup-content {
        max-width: 700px;
    }
}

.popup-car-title {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 15px;
    text-align: center;
}

#popup-body .car-footer {
    margin-top: 20px;
    border-radius: 4px;
    overflow: hidden;
}

/* Aizvēršanas krustiņš stūrī */
.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #aaa;
}

.popup-close:hover {
    color: #000;
}


.popup-slider-wrapper {
    position: relative;
    margin: 15px 0;
}

/* Popupa bilžu horizontālais slaideris */
.popup-image-slider {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    /* Paslēpjam apakšējo ritjoslu (līniju) lielākajai daļai pārlūku */
    scrollbar-width: none; /* Firefox */
}

.popup-image-slider::-webkit-scrollbar {
    display: none;
}

.main-footer {
    background-color: #0F172A;
    color: #fff;
    padding: 40px 20px;
    /* Tā pati fona krāsa kā #par-mums, ar smalku līniju kā vienīgo robežu —
       abas sekcijas vizuāli veido vienu nepārtrauktu tumšo bloku. */
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    width: 100%;
}

/* Ja gribi, lai iekšējais saturs ir sakārtots */
.footer-container {
    max-width: 1000px;
    margin: 0 auto;
}

.footer-bottom {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.875rem;
    color: #9CA3AF;
    text-align: center;
}

/* ===== Footer: 3 kolonnas (Logotips/Apraksts | Kontakti | Rekvizīti) =====
   flex ar vienādu flex-basis sadala platumu vienmērīgi starp visām 3
   kolonnām, aizpildot visu rindas platumu, nevis atstājot tukšu vietu labajā
   pusē kā vienas kolonnas izkārtojumā. */
.footer-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    text-align: left;
}

.footer-col {
    flex: 1 1 240px;
}

.footer-col h3 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    color: #fff;
}

.footer-description {
    font-size: 14px;
    line-height: 1.6;
    color: #9CA3AF;
    margin: 0 0 20px 0;
}

.footer-logo {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.footer-logo a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

/* Kājene ir tumša, logo ir tumšā tintē — tāpēc tam vajag gaišu pamatni.
   Agrāk šeit bija filter: brightness(0) invert(1), kas logo pārkrāsoja
   baltu, BET tas strādā tikai ar caurspīdīgu PNG: attēlam ar necaurspīdīgu
   (baltu) fonu filtrs pārkrāso visu taisnstūri, un kājenē sanāk balta kaste.

   Baltā "plāksnīte" strādā abos gadījumos: caurspīdīgam logo tā ir pamatne,
   necaurspīdīgam ar baltu fonu tā vienkārši saplūst ar paša attēla fonu.
   (Vienīgais gadījums, kad tas neder, ir gaišs/balts logo — tad atgriez
   filtru un lieto caurspīdīgu PNG.) */
.footer-logo img {
    display: block;
    max-height: 48px;
    width: auto;
    height: auto;
    max-width: 260px;
    object-fit: contain;
    background: #fff;
    padding: 10px 14px;
    border-radius: 8px;
}

.footer-contact-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 20px 0;
    padding: 0;
}

.footer-contact-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #9CA3AF;
}

.footer-contact-list i {
    width: 18px;
    text-align: center;
    color: #38BDF8;
    font-size: 16px;
}

.footer-contact-list a {
    color: #9CA3AF;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-contact-list a:hover {
    color: #38BDF8;
}

.footer-legal {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.6;
    color: #9CA3AF;
}

.footer-social {
    display: flex;
    gap: 12px;
    margin-top: 10px;
}

.footer-social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    transition: background 0.3s, color 0.3s, transform 0.2s;
}

.footer-social a:hover {
    background: #26487e;
    transform: translateY(-2px);
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #555;
    border-radius: 4px;
    background: #fff;
    color: #222;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.contact-form textarea {
    resize: vertical;
    min-height: 90px;
}

.contact-form button {
    width: 100%;
    padding: 12px;
    background: #26487e;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
}

.contact-form button:hover {
    background: #1d3860;
}

/* Telefonā abas kolonnas krīt viena zem otras (noklusējuma flex-wrap jau to dara),
   bet padarām atstarpi lielāku starp tām */
@media (max-width: 599px) {
    .footer-flex {
        gap: 35px;
    }
}

/* Katra bilde popup slaiderī */
.popup-image-slider img {
    flex: 0 0 100%;
    scroll-snap-align: start;
    aspect-ratio: 1 / 1;
    height: auto;
    max-height: none;
    object-fit: cover;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
}

.popup-slider-wrapper .popup-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    display: none; /* Sākumā paslēpts telefonam */
    align-items: center;
    justify-content: center;
    z-index: 10;
    padding: 0;
}
@media (min-width: 600px) {
    /* ... navigācijas stili ... */

    /* Šai rindiņai ir jābūt iekšā, lai pogas būtu redzamas datorā: */
    .popup-slider-wrapper .popup-nav-btn {
        display: flex;
    }
}

.popup-slider-wrapper .popup-nav-btn:hover {
    background: rgba(0, 0, 0, 0.9);
}

.popup-slider-wrapper .popup-nav-btn.prev {
    left: 10px;
}

.popup-slider-wrapper .popup-nav-btn.next {
    right: 10px;
}

@media (min-width: 700px) {
    #car-slider {
        padding: 20px 0; /* Atceļam centrējošo paddingu, jo datorā izmantosim center */
        justify-content: center; /* Centrējam visu bloku pa vidu */
        flex-wrap: wrap;         /* Ja ekrāns par šauru, lai krīt nākamajā rindā */
        gap: 30px;               /* Datorā nedaudz lielāka atstarpe */
    }

    #car-slider .slider-item {
        flex: 0 0 350px;         /* Kartiņas kļūst mazliet platākas datorā */
        scroll-snap-align: none; /* Datorā vairs nevajag lēkāšanu */
    }
}

/* ===== Kontakti lapa ===== */
.kontakti-map-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0; /* Novērš iframe inline-elementa apakšējo atstarpi */
}

.kontakti-map-wrapper iframe {
    width: 100%;
    height: 40vh;
    border: 0;
    border-radius: 0;
    display: block;
}

#kontakti {
    background-color: #f4f6f9;
    padding: 60px 0;
}

.kontakti-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.kontakti-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: stretch;
}

.kontakti-box {
    flex: 1 1 320px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 35px 30px;
}

/* h1 ir šeit kopā ar h2, jo kontaktu lapas galvenais virsraksts ("Sazinies
   ar mums") ir H1, bet vizuāli tam jāizskatās tāpat kā blakus esošajam
   formas H2 — vienāds svars abām kastēm. */
.kontakti-box h1,
.kontakti-box h2 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    color: #1a1a1a;
    margin-bottom: 25px;
}

.kontakti-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0 0 25px;
    padding: 0;
}

.kontakti-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    color: #333;
}

.kontakti-list i {
    width: 20px;
    text-align: center;
    color: #26487e;
    font-size: 18px;
}

.kontakti-list a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.kontakti-list a:hover {
    color: #26487e;
}

.kontakti-legal {
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e6ec;
    font-size: 13px;
    line-height: 1.6;
    color: #555;
}

.kontakti-social {
    display: flex;
    gap: 12px;
}

.kontakti-social a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f4f6f9;
    color: #26487e;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 18px;
    border: 1px solid #e2e6ec;
    transition: background 0.3s, color 0.3s, transform 0.2s;
}

.kontakti-social a:hover {
    background: #26487e;
    color: #fff;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .kontakti-grid {
        flex-direction: column;
    }
}

/* ===== "Kas mēs esam?" sekcija ===== */
#par-mums {
    background-color: #0F172A;
    padding: 80px 0;
}

.about-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.about-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    align-items: center;
}

.about-left {
    flex: 1 1 420px;
}

.about-left h2 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.about-left p {
    font-size: 15px;
    line-height: 1.8;
    color: #b6bac3;
    margin-bottom: 30px;
}



.about-button:hover {
    background-color: #1d3860;
}

.about-right {
    flex: 1 1 380px;
}

.about-checklist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.about-checklist li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    color: #e5e7eb;
    font-size: 15px;
}

.about-checklist li:last-child {
    border-bottom: none;
}

.about-checklist i {
    color: #38BDF8;
    font-size: 18px;
    flex-shrink: 0;
}

/* ===== "Kā notiek pieteikšana" sekcija ===== */
#ka-notiek-pieteiksanas {
    background-color: #f4f6f9;
    padding: 70px 0;
}

/* ===== "Kā notiek transfērs" sekcija (landing lapas) — tāds pats fons kā
   footerim/"Kas mēs esam", lai visas tumšās sekcijas veido vienotu tēmu. ===== */
#ka-notiek-transfers {
    background-color: #0F172A;
    padding: 70px 0;
}

#ka-notiek-transfers .steps-wrapper h2 {
    color: #fff;
}

.steps-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.steps-wrapper h2 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: #1a1a1a;
    margin-bottom: 45px;
}

.steps-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.step-item {
    flex: 1 1 280px;
    max-width: 320px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    padding: 35px 25px;
    text-align: center;
}

.step-number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #26487e;
    color: #fff;
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.step-item p {
    font-size: 14.5px;
    line-height: 1.7;
    color: #444;
}

/* Auto izvēles kartītes (vehicle-picker) — landing lapās, kur ir tikai
   1-2 auto katrā tipā, tāpēc nav vajadzīga režģa/filtru loģika kā
   #car-slider, tikai "izvēlies šo konkrēto" pirms rezervācijas. */
.vehicle-picker {
    max-width: 900px;
    margin: 0 auto 30px;
}

.vehicle-picker-hint {
    text-align: center;
    font-size: 14.5px;
    color: #444;
    margin-bottom: 14px;
}

.vehicle-picker-grid {
    display: flex;
    gap: 18px;
}

/* Telefonā kartītes ritina horizontāli (kā #car-slider sākumlapā), nevis
   krīt cita zem citas — ar tikai 1-2 auto katrā tipā tas aizņem pārāk
   daudz vertikālas vietas ekrānā. */
@media (max-width: 699px) {
    .vehicle-picker-grid {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        justify-content: flex-start;
        padding-bottom: 4px;
    }

    .vehicle-picker-grid::-webkit-scrollbar {
        display: none;
    }

    .vehicle-picker-grid .vehicle-card {
        flex: 0 0 240px;
        scroll-snap-align: center;
    }
}

@media (min-width: 700px) {
    .vehicle-picker-grid {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.vehicle-card {
    position: relative;
    flex: 0 1 260px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    /* Pelēka apmale — bez tās kartīte saplūst ar fonu (gaišo hero gradientu
       vai bālo lapas fonu), jo vairs nav krāsainas izvēles apmales. */
    border: 1px solid #d8dde5;
}

/* Nav robežlīnijas/ēnas ap visu kartīti izvēlētajam stāvoklim — vienīgā
   izvēles pazīme ir pati "Izvēlēts" poga (sk. .vehicle-card.is-selected
   .vehicle-card-select-btn zemāk), lai kartīte paliek vizuāli vienkārša. */

/* Bilde — atsevišķa poga, atver #car-popup bilžu slaideri (main.js
   atvertPopup()), NAV vienlaikus arī izvēles darbība. */
.vehicle-card-photo {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    cursor: pointer;
}

.vehicle-card-photo img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
}

.vehicle-card-photo-hint {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(15, 23, 42, 0.55);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.vehicle-card-photo:hover .vehicle-card-photo-hint,
.vehicle-card-photo:focus-visible .vehicle-card-photo-hint {
    opacity: 1;
}

/* Info bloks — zilš zīmola fons (nevis vēl viena bilde), lai teksts un
   izvēles poga paliek viegli lasāmi neatkarīgi no auto bildes satura. */
.vehicle-card-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 16px 16px;
    background: #fff;
}

.vehicle-card-name {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
    color: #16284f;
}

.vehicle-card-meta {
    font-size: 13px;
    color: #666;
    margin-bottom: 6px;
}

.vehicle-card-select-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #dcdfe4;
    border-radius: 30px;
    background: transparent;
    color: #16284f;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.vehicle-card-select-btn:hover {
    border-color: #26487e;
    color: #26487e;
}

.vehicle-card.is-selected .vehicle-card-select-btn {
    background: #26487e;
    border-color: #26487e;
    color: #fff;
}

.landing-lead {
    color: #444;
    max-width: 640px;
    margin: 0 auto 24px;
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
}

/* FAQ sekcijai pašai (ne tikai iekšējam .faq-wrapper) gaiši pelēks fons —
   lai tā vizuāli izceļas no blakus sekcijām, bet paliek pieklusināta, nevis
   uzkrītoša (tā pati krāsa, ko jau lieto sākumlapas "Kā notiek pieteikšana"). */
#faq-mikroautobuss,
#faq-viegla {
    background-color: #f4f6f9;
    padding: 50px 0;
}

.faq-wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===== Maršruta lapas (gt_route CPT) ===== */

/* Īsie fakti zem H1 (attālums/laiks) — tieši tas, ko cilvēks meklē, kad
   raksta "cik tālu / cik ilgi", tāpēc uzreiz redzamā vietā. */
.route-facts {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 22px;
    margin: 0 auto 22px;
    padding: 0;
    font-size: 14px;
    color: #444;
}

.route-facts li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.route-facts i {
    color: #26487e;
}

.route-links-section {
    background-color: #fff;
    padding: 50px 0;
}

.route-links-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.route-links-wrapper h2 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 24px;
}

.route-links-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.route-links-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border: 1px solid #dcdfe4;
    border-radius: 30px;
    text-decoration: none;
    color: #16284f;
    font-size: 14px;
    font-weight: 600;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.route-links-list a:hover {
    border-color: #26487e;
    background: #f4f6f9;
    color: #26487e;
}

.route-links-list i {
    color: #26487e;
    font-size: 13px;
}

/* Landing lapu "Kāpēc izvēlēties ..." satura sekcija — reāls, lasāms
   teksts (nevis tikai kartītes/kalkulators), lai lapai ir saturs, ko
   Google var indeksēt kā atbildi uz meklējumu, ne tikai forma. */
.content-section {
    max-width: 760px;
    margin: 0 auto;
    padding: 60px 20px;
}

.content-section h2 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
    color: #1a1a1a;
    margin-bottom: 20px;
    text-align: center;
}

.content-section h3 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 600;
    font-size: 1.15rem;
    color: #16284f;
    margin: 28px 0 8px;
}

.content-section p {
    font-size: 14.5px;
    line-height: 1.75;
    color: #444;
}

.faq-wrapper h2 {
    text-align: center;
    margin-bottom: 30px;
}

.faq-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 18px 0;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-item h3 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 1.05rem;
    color: #16284f;
    margin-bottom: 8px;
}

.faq-item p {
    font-size: 14.5px;
    line-height: 1.6;
    color: #444;
}

/* Sākumlapas 2 lielās saites uz transfēra tipa landing lapām — aizstāj
   veco plakano #car-slider režģi (sk. front-page.php). */
.transfer-type-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

.transfer-type-card {
    flex: 1 1 340px;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s, box-shadow 0.2s;
}

.transfer-type-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

.transfer-type-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.transfer-type-card-body {
    padding: 20px;
}

.transfer-type-card-body h3 {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 1.2rem;
    color: #16284f;
    margin-bottom: 8px;
}

.transfer-type-card-body p {
    font-size: 14px;
    color: #444;
    line-height: 1.5;
    margin-bottom: 14px;
}

.transfer-type-cta {
    font-weight: 600;
    color: #26487e;
}

@media (max-width: 700px) {
    .about-left h2 {
        font-size: 1.6rem;
    }
}