/* Zakladni */
html,
body {
    font-family: "Encode Sans Expanded", sans-serif;
}

::-moz-selection {
    color: #233877;
    background: #FFB700;
}

::selection {
    color: #233877;
    background: #FFB700;
}

/* Barvicky */
.nejtmavsi-modra {
    color: #233877;
}

.nejtmavsi-modra-bg {
    background-color: #233877;
}

.nejtmavsi-modra-bg-rgba {
    background-color: rgba(0, 27, 66, 0.65);
}

.cerna-rgba {
    background-color: rgba(0, 0, 0, 0.8);
}

.tmava-modra {
    color: #233877;
}

.tmava-modra-bg {
    background-color: #233877;
}

.stredni-modra {
    color: #46A7DC;
}

.stredni-modra-bg {
    background-color: #46A7DC;
}

.svetle-modra {
    color: #E4EBF3;
}

.svetle-modra-bg {
    background-color: #E4EBF3;
}

.zluta {
    color: #FFB700;
}

.zluta-bg {
    background-color: #FFB700;
}

/* Header */
.nav-link:focus,
.nav-link:hover {
    color: #001B42;
}

.btn:focus-visible,
.btn.btn-outline-dark.me-2.mobile-btn.align-items-center:focus {
    box-shadow: 0 0 0 0;
}

.navbar-nav.flex-column.flex-lg-row.bd-navbar-nav.fw-bold {
    text-transform: uppercase;
}

.form-select.w-auto {
    background-color: transparent;
    color: white;
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-select:focus {
    border: 1px solid white;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23001B42' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler {
    border: 1px solid #46A7DC;
    color: transparent;
}

.btn-close {
    --bs-btn-close-color: #001B42;
    opacity: 1;
}

.d-lg-none.text-gray-50.my-2.text-white {
    color: white;
    opacity: 1;
}

/* Hero */
.hero {
    padding: 4rem 0rem 3rem 0rem;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
}

.wrapper-header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.wrapper-header {
    background-image: url("../img/banner-hp-mobile.jpg");
}

@supports (background-image: url("../img/banner-hp-mobile.webp")) {
    .wrapper-header {
        background-image: url("../img/banner-hp-mobile.webp");
    }
}

.reviews {
    display: flex;
    align-items: center;
    justify-content: start;
}

.desktop-btn {
    display: none;
}

.smaller-hero {
    height: auto !important;
    min-height: 15vh !important;
}


/* Vylety */
.wrapper-header {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
.tour-card img {
    width: -webkit-fill-available;    
}
.card-link {
    display: grid;
    text-decoration: none;
}

.hero.position-relative.text-white.smaller-hero.vylet-top {
    background-color: transparent;
    min-height: 20vh !important;
}

.bg-vylet-1 {
    background-image: url("../img/kutna-hora-xl.jpg") !important;
}

/* Paticka */
.footer-list,
.accordion-body ul {
    list-style-image: url(../img/list-image.svg);
}

.footer-list li,
.accordion-body li {
    font-size: 1rem;
    color: #233877;
    padding-bottom: 0.15rem;
    padding-top: 0.15rem;
    margin-left: 1rem;
}

/* Formy */
input.form-control,
textarea.form-control,
.container.py-5 .form-select {
    padding: .575rem .95rem;
    color: #233877;
    border: 2px solid #E4EBF3;

}

.container.py-5 .form-select, #children-age-section .form-control, #adults-count, #children-count {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23233877' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e") !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: .575rem .95rem;
    color: #233877;
    border: 2px solid #E4EBF3;
}

.form-control::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #233877 !important;
    opacity: 0.6 !important;
}

.form-control::-moz-placeholder,
input[type="date"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #233877 !important;
    opacity: 0.6 !important;
}

.form-control:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #233877 !important;
    opacity: 0.6 !important;
}

.form-control:-moz-placeholder,
input[type="date"]:-moz-placeholder {
    /* Firefox 18- */
    color: #233877 !important;
    opacity: 0.6 !important;
}

.form-control input:focus,
input[type="date"]:focus {
    outline: none !important;
    opacity: 0.6 !important;
}

.form-control input:focus {
    border: 0 !important;
    opacity: 0.6 !important;
}

.form-control {
    color: #233877 !important;
}

/* Zrušení výchozího vzhledu pro inputy typu date a time */
input[type="date"],
input[type="time"] {
    -webkit-appearance: none;
    /* Pro Chrome a Safari */
    -moz-appearance: textfield;
    /* Pro Firefox */
    appearance: none;
    /* Pro všechny prohlížeče */
    font-family: "Encode Sans Expanded", sans-serif !important;
    /* Google font */
}

/* Barva placeholderu */
input[type="date"]::placeholder,
input[type="time"]::placeholder {
    color: #FF6347;
    /* Barva placeholderu */
    font-family: "Encode Sans Expanded", sans-serif !important;
    /* Google font pro placeholder */
}

.form-check-input:checked {
    background-color: #46A7DC;
    border-color: #46A7DC;
}
.form-check {
    display: flex !important;
    align-items: center !important; /* vertikální vystředění */
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}  
.extras-center {
    display: flex !important;
    align-items: center !important; /* vertikální vystředění */
} 
#whatsapp-switch {
    margin-left: 0;
    margin-right: 0.5rem;
}
#coupon-input {
    margin-top: 0 !important;
}
.form-switch .form-check-input, .form-check-input[type=radio], #frm-tripForm-terms, #invoice-checkbox {
    margin-top: 0;
}
.form-check-input[type=radio] {
    margin-right: 0.5rem;
}
#frm-contactForm-form .form-check.my-3.tmava-modra {
    margin-top: 0 !important;
    padding-left: 0;
}

.small-text {
    font-size: 0.75rem !important;
}

.vehicle-option {
    cursor: pointer;
    transition: 0.3s;
    height: 100%;
}

.car-border {
    border: 2px solid #E4EBF3;
}

.top-form .vehicle-option input:checked+.card {
    outline: 6px solid #FFB700 !important;
}

.vehicle-option input:checked+.card {
    outline: 2px solid #FFB700 !important;
    border: 0 !important;
}

.card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.price {
    margin-top: auto;
    text-align: right;
}

.swap-icon {
    cursor: pointer;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table {
    --bs-table-color-type: #FFB700;
}

.fw-bold.fs-5.stredni-modra {
    --bs-table-color-type: #FFB700;
}
#suggestions .list-group-item.list-group-item-action {
/* max-width: 80%; */
background-color: #46A7DC;
border-top-left-radius: 0;
border-top-right-radius: 0;
max-width: 95%;
color: #fff;
border: 0;
margin: 0 auto;
text-align: left;
}

/* Vylet */
.list-group {
    --bs-list-group-border-color: #E4EBF3;
    --bs-list-group-border-width: 2px;
    --bs-list-group-item-padding-x: 1.5rem;
    --bs-list-group-item-padding-y: 0.75rem;
}

/* Ostatni */
.rounded-top {
    border-top-right-radius: 0.75rem !important;
    border-top-left-radius: 0.75rem !important;
}

.text-justify {
    text-align: justify;
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #46A7DC;
    --bs-nav-tabs-link-hover-border-color: transparent;
    --bs-nav-tabs-link-active-color: #ffffff;
    --bs-nav-tabs-link-active-bg: #46A7DC;
    --bs-nav-tabs-link-active-border-color: #46A7DC #46A7DC #46A7DC;
    border-bottom: var(--bs-nav-tabs-border-width) solid #46A7DC;
}

.accordion {
    --bs-accordion-color: #001B42;
    --bs-accordion-bg: #ffffff;
    --bs-accordion-border-color: #E4EBF3;
    --bs-accordion-btn-color: #46A7DC;
    --bs-accordion-btn-bg: #ffffff;
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-active-bg: #46A7DC;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2346A7DC' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e") !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23001B42' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e") !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: 0 0 0 0 !important;
    margin-top: -1px !important;
}

.nav-tabs .nav-link.active {
    font-weight: 800;
}

a {
    text-decoration: none;
}

.font-85 {
    font-size: 0.85rem;
}

.motiv-bila-bg {
    background-image: url(../img/bg-motiv-bila.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.motiv-svetla-bg {
    background-image: url(../img/bg-motiv-svetla.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}

.btn-primary {
    --bs-btn-color: #001B42;
    --bs-btn-bg: #FFB700;
    --bs-btn-border-color: #FFB700;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FFB700;
    --bs-btn-hover-border-color: #FFB700;
    --bs-btn-focus-shadow-rgb: 49, 132, 253, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FFB700;
    --bs-btn-active-border-color: #FFB700;
    --bs-btn-active-shadow: inset 0 0 0;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FFB700;
    --bs-btn-disabled-border-color: #FFB700;
}

.blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #46A7DC;
    --bs-btn-border-color: #46A7DC;
    --bs-btn-hover-color: #46A7DC;
    --bs-btn-hover-bg: #001B42;
    --bs-btn-hover-border-color: #001B42;
    --bs-btn-focus-shadow-rgb: 49, 132, 253, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #46A7DC;
    --bs-btn-active-border-color: #46A7DC;
    --bs-btn-active-shadow: inset 0 0 0;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #46A7DC;
    --bs-btn-disabled-border-color: #46A7DC;
}

.yellow {
    --bs-btn-color: #001B42;
    --bs-btn-bg: #FFB700;
    --bs-btn-border-color: #FFB700;
    --bs-btn-hover-color: #FFB700;
    --bs-btn-hover-bg: #001B42;
    --bs-btn-hover-border-color: #001B42;
    --bs-btn-focus-shadow-rgb: 49, 132, 253, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FFB700;
    --bs-btn-active-border-color: #FFB700;
    --bs-btn-active-shadow: inset 0 0 0;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FFB700;
    --bs-btn-disabled-border-color: #FFB700;
}

.btn-outline-dark {
    --bs-btn-color: #46A7DC;
    --bs-btn-border-color: #46A7DC;
    --bs-btn-hover-color: #233877;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #233877;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #233877;
    --bs-btn-active-border-color: #233877;
    --bs-btn-active-shadow: inset 0 0 0;
    --bs-btn-disabled-color: #233877;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #233877;
    --bs-gradient: none;
}

.btn-outline-light {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #46A7DC;
    --bs-btn-hover-border-color: #46A7DC;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #001B42;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 0 0;
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none;
}

.form-select.w-auto:hover {
    background-color: #46A7DC;
    border-color: #46A7DC;
}

/* Cookies */

#cookie-banner,
#cookie-overlay {
    display: none;
}

#cookie-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
}
#cookie-banner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 2rem;
	z-index: 9999;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width: 100%;
	max-width: 500px;
	border-radius: 8px;
}
#cookie-banner h4 {
	margin-bottom: 1rem;
}
#cookie-banner .cookie-option {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}
#cookie-banner button {
	margin-right: 0.5rem;
}

/* Pozadi Header */

.wrapper-header.kariera {
    background-image: url("../img/banner-kariera-mobile.jpg");
}

@supports (background-image: url("../img/banner-kariera-mobile.webp")) {
    .wrapper-header.kariera {
        background-image: url("../img/banner-kariera-mobile.webp");
    }
}

.wrapper-header.b2b {
    background-image: url("../img/banner-b2b-mobile.jpg");
}

@supports (background-image: url("../img/banner-b2b-mobile.webp")) {
    .wrapper-header.b2b {
        background-image: url("../img/banner-b2b-mobile.webp");
    }
}

#fleet .card.w-100.border-0 {
background-color: transparent;
}
.card.tour-card.w-100.border-0.rounded-top p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    margin-bottom: 1.5rem;
    max-height: 6em; /* 3 řádky × 1.5em */
}
@media (min-width: 768px) {

    /* Hero */
    .hero {
        height: 75vh;
        align-items: center;
        padding: 0 0 0 0;
        display: flex;
    }

    .hero-category {
        min-height: 30vh;
        align-items: center;
        padding: 0 0 0 0;
        display: flex;
    }

    .reviews {
        position: absolute;
        display: block;
    }

    .mobile-btn {
        display: none;
    }

    .desktop-btn {
        display: flex;
    }
}

@media (max-width: 992px) {
    .termsfeed-com---palette-light.termsfeed-com---nb {
        width: 98%;
    }

    .termsfeed-com---nb .cc-nb-main-container {
        padding: 1.5rem !important;
    }
}

@media (min-width: 992px) {

    /* Header */
    .nav-link:focus,
    .nav-link:hover {
        color: #46A7DC;
    }

    .container.bd-gutter.flex-wrap.flex-lg-nowrap.justify-content-between img {
        width: 120%;
        height: auto;
    }

    /* Hero */
    .wrapper-header {
        background-image: url("../img/banner-hp-desktop.jpg");
    }
    
    @supports (background-image: url("../img/banner-hp-desktop.webp")) {
        .wrapper-header {
            background-image: url("../img/banner-hp-desktop.webp");
        }
    }    
    .wrapper-header.kariera {
        background-image: url("../img/banner-kariera-desktop.jpg");
    }
    
    @supports (background-image: url("../img/banner-kariera-desktop.webp")) {
        .wrapper-header.kariera {
            background-image: url("../img/banner-kariera-desktop.webp");
        }
    }
    .wrapper-header.b2b {
        background-image: url("../img/banner-b2b-desktop.jpg");
    }
    
    @supports (background-image: url("../img/banner-b2b-desktop.webp")) {
        .wrapper-header.b2b {
            background-image: url("../img/banner-b2b-desktop.webp");
        }
    }

    .hero {
        background-color: rgba(0, 0, 0, 0);
    }

    .container.text-center.text-lg-start {
        margin-top: 6rem;
    }

    /* Hovery */
    .yellow-hover:hover {
        color: #FFB700 !important;
    }

    .text-white.ms-2:hover,
    .fw-bold.d-flex.align-items-center .ms-2:hover {
        opacity: 60% !important;
    }

    .card-link:hover,
    .vehicle-option:hover {
        transform: scale(1.03);
    }

    .card-link,
    .vehicle-option:hover {
        transition: 0.3s;
    }

    .highlighted-text {
        color: white;
        text-decoration: none;
        background-image: linear-gradient(to right, #FFB700 0%, #FFB700 100%);
        background-repeat: no-repeat;
        background-size: 100% 5px;
        background-position: 0 99%;
    }

    .smaller-hero {
        min-height: 25vh !important;
    }
    .middle-hero {
        min-height: 40vh !important;
    }    

}

@media (max-width: 576px) {

    /* Hero */
    .display-5 {
        font-size: 1.75rem;
    }

    .d-flex.flex-column.flex-md-row.justify-content-center.justify-content-lg-start.gap-3.mt-4 {
        width: -webkit-max-content;
        width: -moz-max-content;
    }

    .reviews {
        margin-left: 0.75rem !important;
    }
}