.bg_giallo{background: #f6b91a;}
.bg_blu{background: #14365c;}
.bg_rosso{background: #c1090D;}
.bg_azzurro{background: #DBEAFE;}

.text_giallo{color: #f6b91a;}
.text_blu{color: #14365c;}
.text_rosso{color: #c1090D;}
.text_viola{color:rgb(26 54 90);}

.btn_scipiu{
  background: #14365c;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}
.btn_scipiu:hover{
  background: #ffffff;
  color: #14365c !important;
  border: 1px solid #14365c;
  text-transform: uppercase;
  font-weight: bold;
}
.btn_scipiu_white{
  background: #ffffff;
  color: #14365c;
  text-transform: uppercase;
  font-weight: bold;
}
.btn_scipiu_white:hover{
  background: #14365c;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}
.onda_gialla{
    background: url(../img/onda.png);
    background-size: 100% 600px;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.onda_blu{
    background: url(../img/onda_blu.png);
    background-size: 100% 300px;
    background-position: bottom left;
    background-repeat: no-repeat;
}
#superlogo {
  z-index: 999;
  position: absolute;
  top: -180px;
}
.bg_testimonials{
    background: #DBEAFE;
    /*background: linear-gradient(90deg, rgba(219, 234, 254, 1) 0%, rgba(243, 232, 255, 1) 100%);*/
}
header{z-index: 99999;}
#mainNav a.nav-link{color:#14365c;}
#mainNav a.nav-link:hover{color:#f6b91a;}
#mainNav a.nav-link:active{color:#f6b91a;}
#hero{min-height: 310px;}
nav ol.breadcrumb li a{color: #ffffff; text-decoration: none;}
nav ol.breadcrumb li.blue-bread a{color: #14365c; text-decoration: none;}
nav ol.breadcrumb li a:hover{color: #f6b91a; text-decoration:wavy;}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: rgb(255 255 255 / 75%);
    content: var(--bs-breadcrumb-divider, "/");
}
.blue-bread+.blue-bread::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: #14365c;
    content: var(--bs-breadcrumb-divider, "/");
}
.slider {
  border-radius: 0px; /* o qualsiasi valore tu preferisca */
  overflow: hidden;    /* fondamentale per nascondere gli angoli sporgenti */
}
.slider .card{background: transparent; border: none;}
.slider .slick-slide {
  border-radius: 0px;
  overflow: hidden;
}

.slider img {
  border-radius: 0px;
  object-fit: cover;
}

.slick-prev {
  left: 35px;
  z-index: 3;
}
.slick-next {
  right: 35px;
  z-index: 3;
}
.slider .slick-dots{bottom: 15px !important;}
.slider .slick-dots li button:before{
  font-size: 15px;
  color: #FFFFFF;
}
#hp_catalogo{
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/catalogo-2025-2026.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 600px;
}
#hp_catalogo h2{text-transform: uppercase !important;}
#hp_preventivo h2{text-transform: uppercase !important;}
#hp_catalogo h2, #hp_catalogo p{/*text-shadow: 2px 2px 2px #14365c;*/}
#hp_preventivo{
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/preventivo.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 600px;
}
#hp_preventivo h2, #hp_preventivo p{/*text-shadow: 2px 2px 2px #14365c;*/}
#trip_results a:hover>div{background: #EEEEEE !important;}

#itinerario li.nav-item button.nav-link{background: #f5f5f5;}
#itinerario li.nav-item button.nav-link{color:rgb(26 54 90); border: 1px solid #dee2e6 !important;}
#itinerario li.nav-item button.nav-link.active{color:#212529;border-bottom: 1px solid #f5f5f5 !important; font-weight: 500;}
#itinerarioContent{background: #f5f5f5;}

.wave-bg-footer {
position: relative; 
bottom: 0; left: 0; 
width: 100%; overflow: hidden; 
line-height: 0; 
/*transform: rotate(180deg);*/
}
.wave-bg-footer svg { position: relative; display: block; width: calc(100% + 1.3px); height: 150px; }
.wave-bg-footer .shape-fill { fill: #111827 }
footer{background: #111827;}
footer a{color: #ffffff; text-decoration: none;}
footer a:hover{color: #f6b91a; text-decoration: none;}

#contatti a{color: #ffffff; text-decoration: none;}
#contatti a:hover{color: #f6b91a; text-decoration: none;}
blockquote {
  border-left: 8px solid #f6b91a;
  padding-left: 10px;
}
#programma ul{
  margin-top: -15px;
  margin-bottom: 0px;
}
.nocopy_please {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
#copy-context-menu {
  position: absolute;
  display: none;
  background-color: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  pointer-events: none;
}
#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #222;
  color: #fff;
  padding: 15px;
  font-size: 14px;
  z-index: 9999;
  display: none;
  box-shadow: 0 -2px 6px rgba(0,0,0,0.3);
}
#cookie-banner a {
  color: #ffd700;
  text-decoration: underline;
}
.cookie-buttons {
  margin-top: 10px;
}
.cookie-buttons button {
  margin-right: 10px;
  padding: 6px 12px;
  border: none;
  background: #ffd700;
  color: #000;
  cursor: pointer;
  border-radius: 4px;
}
#viaggi .badge {
  position: absolute;
  left: 15px;
  bottom: 125px;
}

.pwa-banner {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #f6b91a;
  color: #000;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  z-index: 9999;
  font-family: 'Segoe UI', sans-serif;
}

.pwa-icon {
  width: 48px;
  height: 48px;
  margin-right: 12px;
}

.pwa-text {
  flex-grow: 1;
  font-size: 14px;
}

.pwa-button {
  background: #fff;
  color: #f6b91a;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
}
.pwa-close {
  background: transparent;
  border: none;
  font-size: 18px;
  color: #000;
  margin-left: 8px;
  cursor: pointer;
}
/*Cerca*/
.search-bar {
  position: fixed;
  top: -100px; /* nascosta sopra */
  left: 0;
  width: 100%;
  background: #f6b91a;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  padding: 10px;
  transition: top 0.3s ease;
  z-index: 9999;
}

.search-bar.active {
  top: 0; /* compare dall’alto */
}

.search-form {
  display: flex;
  align-items: center;
}

.search-form input {
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
}

.search-form button {
  background: none;
  border: none;
  margin-left: 8px;
  font-size: 1.2em;
  cursor: pointer;
}

/*MOBILE*/
#details button.nav-link{color:rgb(26 54 90);}
#details button.nav-link.active{color:#ffffff !important; background:rgb(26 54 90) !important;}

@media only screen and (max-width: 600px) {
  .slider p.lead{font-size: 10px !important;}
  
}
@media only screen and (max-width: 768px) {
  .wave-bg svg{height: 60px !important;}
}