@import "./swipebox.css";

@font-face {
    font-family: 'Creato';
    src: url('../fonts/CreatoDisplay-Regular.woff2') format('woff2'),
         url('../fonts/CreatoDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: 'Creato';
    src: url('../fonts/CreatoDisplay-Bold.woff2') format('woff2'),
         url('../fonts/CreatoDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Creato';
    src: url('../fonts/CreatoDisplay-ExtraBold.woff2') format('woff2'),
         url('../fonts/CreatoDisplay-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  
body {font-family: 'Creato'; background-color: white;}
a, a:focus{text-decoration: none; color: #1d1d1d;}
a:hover {color: #6c6b6b;}
h1, h2, h3, h4 {font-weight: 800;}
h1 span {font-weight: normal;}
h1 {font-size: 2.2rem;}
label {cursor: pointer;}
label:hover {opacity:.75}
.container-fluid {--bs-gutter-x: 3rem;}
.relative {position: relative;}
.cover {background-size: cover;}
.underline {border-bottom:1px solid #5b5b5b;}
video {cursor: pointer;}
:root {--max-blue: #16387b; --max-blue-light: #e2e3e8; --white: #fff;}
.yellow {color: #FFC000;}

.btn-block  {display: block;}
.btn-danger {background-color: var(--max-red); border-color: var(--max-red); padding:10px 30px; border-radius:30px}
.btn-danger:hover {background-color: #ce191f;border-color: #ce191f;}
.btn-danger:focus, .btn-danger:active, .btn-danger:focus-visible, .btn-danger:focus-within, .btn-danger:active:focus, .btn-danger.active {  background-color: var(--max-red) !important;   border-color: var(--max-red) !important;   color: white !important;}
.form-check-input:focus, .form-control:focus, .form-select:focus {box-shadow: none; border-color:#a0a0a0; }
.form-check-input:checked {background-color: var(--max-red); border-color: var(--max-red);}
.btn-close {position: absolute; top:15px; left:30px; z-index: 1; transition: transform 0.2s ease-in-out; width:1rem; height: 1rem; opacity: .2;}
.modal-header .btn-close {right:15px !important; left:auto !important}
.btn-close:focus {box-shadow: none; outline:0px !important; box-shadow: none !important;}
.btn-close:hover {  transform: rotate(90deg);}
.btn-close-end {right:1rem !important; left:auto}
.form-check-input:checked {background-color: #59c09e; border-color: #59c09e;}
.form-check-input:checked:focus {box-shadow: none;}
.form-check-input:checked:active {box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);  outline: none;}
.form-check-input:focus, .form-check-input:active { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); outline: none;}
.mobile {display: none;}
/* CSSS
*/


header.scrolled {margin: 0;background: #FFC000;backdrop-filter: blur(8px);}
header.scrolled .container {box-shadow: none;}
header {transition: all .3s ease; position: fixed; z-index: 1000 !important; width: 100%; height: 100px; margin-top:2rem}
header .container {background-color: #FFC000; border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}
header .navbar {--bs-navbar-padding-y: 0;}
.logo {padding:10px 15px; }
.logo img {width:220px}
.logo img:hover {opacity: .8;}
.nav-link {color: black; font-weight: 800; font-size: 1.2rem;}
.nav-link:hover {color: black; opacity: .6;}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color:black; opacity: .5;}
.navbar-expand-lg .navbar-nav .nav-link {padding:.5rem 1rem}
.navbar-nav .nav-link.active span {border-bottom:2px solid var(--max-red)}

.dropdown-toggle {padding-right: 1.5rem !important;}
.dropdown-toggle::after {content: url('../images/rightdrop.svg'); display: inline-block; border:none; vertical-align: middle;transition: transform 0.2s ease-in-out; position: absolute;}
.dropdown-toggle.show::after {transform: rotate(-180deg);}
.dropdown-menu {transform: translate(0px, 30px) !important; width: 450px; padding:0; animation: slideDown 0.3s ease-out; z-index: 10000 !important;}
.dropdown-menu li {display: block;}
.dropdown-menu li a {padding:1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 1.1rem; font-weight: bold;}
.dropdown-menu li a:hover {background: #ffbf0063;}
.dropdown-menu li a.active {background: #ffbf003d; color: black}
.dropdown-menu li:last-child a {border:0 !important}
.dropdown-menu li img  {margin-right:1rem; width:75px}
.dropdown-menu ul {margin:0; padding:0}
.dropdown-menu:before {position: absolute; top: -19px; left: 34px; display: inline-block; border-right: 20px solid transparent; border-bottom: 20px solid #ffffff; border-left: 20px solid transparent; border-bottom-color: rgba(255, 255, 255); content: "";}
.dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus{color: #000000 !important;}

.navbar-nav .nav-link {font-size: clamp(21px, 1.3vw, 19px);    white-space: nowrap;     }
.navbar-expand-lg .offcanvas .offcanvas-body {justify-content: center;}


.ico:before {content: ""; display: inline-block; width: 40px;  height: 40px; background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-right: 5px;}
.ico.tel:before {background-image: url('/images/phone.svg');}
.ico.mail:before {background-image: url('/images/mail.svg');}
.ico.tel {margin-right:1.5rem; color: black; font-weight: 800; font-size: 1.1rem; white-space: nowrap;} 

.start {background-color: #111;}
.start img:hover {opacity:.7}
.start h3 a {color: #FFC000;}
.start h3 a:hover {color: #ffbf0078;}
.start .line {width: 80px; height: 3px; background: #FFC000; margin: 0 auto 20px;}


.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transition-duration:1s}
.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item. {z-index:1;opacity:1}
.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 1s linear}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.carousel-item.active .animate-fadeInUp{animation:fadeInUp .9s ease-out forwards}
.carousel-item.active .delay-1{animation-delay:.3s}
.custom-hero-caption{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding-top:100px;background:0 0!important}
.caption-content{text-align:center}
.custom-hero-caption h2{font-size:4rem;font-weight:800;text-transform:uppercase;color:#fff;text-shadow:2px 4px 15px rgba(0,0,0,.7)}
.custom-hero-caption p{font-size:1.7rem;color:#fff;text-shadow:1px 2px 10px rgba(0,0,0,.7)}.transition-scale{transition:transform .5s ease}
.transition-scale:hover{transform:scale(1.1)}
.py-6{padding-top:5rem;padding-bottom:5rem}
.py-7{padding-top:8rem;padding-bottom:8rem}
.cta-section{background:linear-gradient(90deg,#252525 0,#000 100%);border-top:1px solid #373737}
.btn-cta{background-color:#ffc000;color:#000;border-radius:50px;box-shadow:0 10px 30px rgba(255,192,0,.35);transition:all .25s ease;margin-bottom:10px}
.btn-cta:hover{background-color:#ffd84d;transform:translateY(-2px);box-shadow:0 15px 40px rgba(255,192,0,.55);color:#000}
.cta-box{padding:20px;border-radius:18px;backdrop-filter:blur(6px);text-align:center}
.cta-note{font-size:.9rem;color:rgba(255,255,255,.7)}
.social-block{display:flex;gap:15px;justify-content:flex-end}
.social-icon{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:600;font-size:.95rem;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:all .25s ease}
.social-icon i{font-size:1.1rem}
.social-icon.facebook{background:linear-gradient(135deg,#1877f2,#145dbf)}
.social-icon.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}
.social-icon:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.5);color:#fff}
.social-icon.facebook:hover{box-shadow:0 0 20px rgba(24,119,242,.6)}
.social-icon.instagram:hover{box-shadow:0 0 20px rgba(221,42,123,.6)}

footer {background-color: #0d0d0d; border-top: 1px solid #222;}
footer h3 {font-size: 1.2rem; letter-spacing: 1px;}
footer hr {border-color: #515151;}
footer .footer-link:hover {color: white!important; opacity:.8}
.copyright {letter-spacing: 1px;}


.about-section {background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url('/images/letiskovy-transfer-nitra.webp') center/cover no-repeat;  min-height: 100vh; padding: 20px;}
.page-header-section  {background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url('/images/letiskovy-transfer-nitra.webp') center/cover no-repeat;  min-height: 100vh; padding: 20px;}
.order-section {background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85)), url('/images/prenajom-vozidiel-nitra.webp') center/cover no-repeat;  min-height: 100vh; padding: 20px;}
.contact-page {background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.85)), url('/images/firemna-preprava-nitra.webp') center/cover no-repeat;  min-height: 100vh; padding: 20px;}
.fleet-section {background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.9)),  url('/images/preprava-osob.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; min-height: 100vh; padding: 100px 0 60px 0;}

 .transition-link:hover h4 {color: #fff !important; transition: 0.3s ease;}
 .header-spacing {margin-top:100px}.custom-letter-spacing{letter-spacing:2px}.title-underline{width:60px;height:3px;background-color:#ffc107;margin-bottom:20px}.section-description{max-width:700px;color:rgba(255,255,255,.9)}.glass-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.1)}.glass-card-bright{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.contact-link h4{transition:color .3s ease}.contact-link:hover h4{color:#fff!important}

 
/* ORDER */
.yellow-dot {display: block; width: 12px; height: 12px; background-color: #ffc107; border-radius: 50%; margin-bottom: 15px;}
.custom-input {background-color: #212121 !important; border-color:#2b2b2b !important; border-radius: 50px !important; padding: 18px 25px !important; color: #ffffff !important;     font-weight: bold; }
.custom-input::placeholder {color: #888888;}
.custom-input:focus {box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.3) !important; border:none}
.btn-order {background-color: #ffc107 !important; border: none !important; color: #000 !important; padding: 18px !important; border-radius: 50px !important; font-size: 1.1rem; transition: transform 0.2s, background-color 0.2s; }
.btn-order:hover {background-color: #e5ac00 !important; transform: translateY(-2px);}

/* KONTAKT */
.contact-page{background-color:#0f0f0f;min-height:100vh;padding:100px 0}
.contact-big-link{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}
.contact-big-link:hover{color:#ffc107}.email-link{font-size:1.25rem;word-break:break-all}
.company-card{background:rgba(255,255,255,.05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:30px;border:1px solid rgba(255,255,255,.1)}
.slogan-group p{letter-spacing:-1px}
.fw-mono{color:rgba(255,255,255,.8)}
.social-link-item{color:rgba(255,255,255,.6);text-decoration:none;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center}.social-link-item i{font-size:1.1rem}.social-link-item:hover{color:#ffc107;transform:translateY(-2px)}.social-link-item.facebook:hover{color:#1877f2}.social-link-item.instagram:hover{color:#e4405f}



.fleet-img{height:280px;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}
.fleet-section .glass-card{background:rgba(255,255,255,.03);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:border .3s ease}
.fleet-section .glass-card:hover{border:1px solid rgba(134,134,134,1)}
.fleet-section .carousel-indicators [button],.fleet-section .carousel-indicators button{width:10px;height:10px;border-radius:50%;background-color:#ffc107;border:none;margin-left:5px;margin-right:5px;opacity:.4;transition:all .3s ease}
.fleet-section .carousel-indicators .active{opacity:1!important;transform:scale(1.2);box-shadow:0 0 10px rgba(255,193,7,.5)}

.fleet-section .carousel-control-next,.fleet-section .carousel-control-prev{opacity:0;transition:opacity .4s ease,transform .3s ease}
.fleet-section .glass-card:hover .carousel-control-next,.fleet-section .glass-card:hover .carousel-control-prev{opacity:1}
.fleet-section .carousel-control-next-icon,.fleet-section .carousel-control-prev-icon{width:2.5rem;height:2.5rem;background-color:#ffc107;border-radius:50%;background-size:50% 50%;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.fleet-section .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.fleet-section .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.fleet-section .carousel-control-next:hover .carousel-control-next-icon,.fleet-section .carousel-control-prev:hover .carousel-control-prev-icon{background-color:#e5ac00;transform:scale(1.1)}

.check-list li {display: flex;align-items: flex-start;}
.check-list li i {margin-top: 3px; flex-shrink: 0;}

.page-header-section{background-color:#0f0f0f;min-height:50vh;padding-top:100px}
.page-content-white{background-color:#fff;border-top-left-radius:50px;border-top-right-radius:50px;position:relative;z-index:10;margin-top:-50px;box-shadow:0 -20px 40px rgba(0,0,0,.15)}
.page-floating-icon{position:absolute;top:-40px;right:0;width:220px;height:auto;z-index:11;filter:drop-shadow(0 15px 25px rgba(0,0,0,.4))}
.header-text-wrapper{position:relative;z-index:5}.transfer-card{padding:20px;border-radius:15px;background:#f8f9fa;height:100%;border:1px solid rgba(0,0,0,.05);transition:transform .3s ease}
.transfer-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.05)}
.start .read-more-btn {    color: rgba(255, 255, 255, .35) !important; border-bottom: 1px solid rgba(192, 192, 192, 0.41);}
.start .read-more-btn:hover {color:#ffc107 !important}
.start {text-align: center;}
.start .card {margin-bottom: 2rem;}




/* MEDIA Q */

@media (min-width : 1500px) {
    html {font-size:105%}
    
    }
@media (max-width: 1199px){
.container {max-width:100%;--bs-gutter-x:2.5rem}    

header {padding-left:1rem; padding-right: 1rem;}
.logo img {width: 180px;}
.ico:before {width: 30px; height: 30px;}
.tel.ico { font-size: 1rem;}
.navbar-expand-lg .navbar-nav .nav-link { padding: .5rem .7rem;}
}


@media (max-width: 992px) {

.fleet-section {background-attachment: scroll;} /* IOS FIX */

.container-fluid {--bs-gutter-x: 2rem;}

.logo {padding:0; width: 100%; } 
.ico.tel {margin:0; position: absolute; top:1rem; right:.75rem;} 
.navbar-toggler {border:none; padding:4px 0; position: absolute; top:.75rem; left:.8rem; z-index: 10;}
.navbar-toggler:focus {box-shadow: none !important;}
.offcanvas-header .btn-close {top:25px;left:.6rem; }
.offcanvas-body {padding:0; display: flex; justify-content:space-between !important; flex-wrap: wrap;}

header {margin:0; padding:0; }
header .container {border-radius: 0; position: relative; text-align: center;}
header .tel span {display: none;}

.text-bg-dark {background: linear-gradient(90deg, #313131 0, #131313 100%);}
.offcanvas.offcanvas-start .offcanvas-body {padding: 0; display: flex !important; flex-direction: column !important; }
header nav .navlink {margin-top:3rem; width: 100%;}
header nav .navlink a {display: block; margin:15px; font-size:1.2rem; margin-left:2rem}
header nav ul  {padding:3rem 2rem 2rem 2rem !important; font-size:1rem; margin:0; width: 100%;}
header nav ul.list-unstyled {color: #fff; background-color: #242424;border-top: 1px solid #484848; opacity:.5}
header nav ul.list-unstyled a {color: #fff;}
header nav ul.list-unstyled li:last-child {padding-left:1rem}

header nav ul .nav-link {margin:0; color: #FFC000;}

.navbar-nav.pe-3 {padding:2rem !important}
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {margin:0; color: #FFC000;  opacity: .60}
.navbar-nav .nav-link.active span {border-bottom:1px solid #FFC000;;}
header nav ul .nav-link.active {color: #FFC000;}
.navbar-nav .dropdown-menu {width: auto; transform: translate(0px, 0px) !important; border: 0;}
.dropdown-menu {padding:0 !important; margin-bottom: 1rem;}
.dropdown-menu:before {display: none;}
.dropdown-toggle::after {filter: invert(74%) sepia(95%) saturate(1966%) hue-rotate(1deg) brightness(105%) contrast(105%);}
.dropdown-menu ul {padding: 0 !important;}
.dropdown-menu li img {width: 50px;}
.dropdown-menu li a {font-size: 1rem; line-height: 1.2rem;}
.dropdown-menu.shadow {box-shadow: none !important}
.btn-close {filter: invert(100%) brightness(200%); opacity: .45;}



.slider-main img {height: 70vh;object-fit: cover;}
.custom-hero-caption { padding-top: 80px; }
.custom-hero-caption h2 { font-size: 2.2rem; padding:0 1.5rem}
.custom-hero-caption p { font-size: 1.2rem; }
.social-block {justify-content: center; transform: scale(0.8);} 
.footer-widget h3 {text-align: center;}
.copyright {display: none;}
.py-6 {padding:3rem 0 1rem 0 }
.start {text-align: center;}
.btn-cta {transform: scale(0.8);}
.cta-box {padding:0}

.company-card {margin:2rem 0}

.header-spacing {margin-top:30px}
.about-section,
.contact-page,
.order-section {padding-top: 120px;}

.fleet-section .carousel-control-next-icon,.fleet-section .carousel-control-prev-icon{width:1.5rem;height:1.5rem;}
.carousel-control-next, .carousel-control-prev {width: 10%;}

}



/* DATE + TIME picker icon – yellow accent */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(68%) sepia(92%) saturate(520%) hue-rotate(360deg) brightness(1.05);
    opacity: 1;
    cursor: pointer;
}