/* =========================
   ITINERARY PAGE
========================= */

.itinerary {
    width: 90%;
    max-width: 1200px;
    margin: 120px auto;
}

.itinerary-header {
    text-align: center;
    margin-bottom: 70px;
}


.itinerary-header span {
    color: #d88a54;
    font-size: 22px;
    font-style: italic;
}

.itinerary-header h1 {
    font-size: 60px;
    color: #111;
    margin: 15px 0;
    line-height: 1.1;
}

.itinerary-header p {
    max-width: 750px;
    margin: auto;
    color: #666;
    font-size: 18px;
    line-height: 1.8;
}
.itinerary-container{
display:flex;
flex-direction:column;
gap:30px;
}

/* DAY CARD */

.day-card {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 25px;
    padding: 35px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
}

.day-number {
    min-width: 90px;
    height: 90px;
    background: #d88a54;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:left;
}

.day-content h2 {
    font-size: 30px;
    margin-bottom: 20px;
    color: #111;
}

.day-content p {
    color: #555;
    line-height: 1.9;
    font-size: 17px;
}
.day-card h2{
    text-align:left;
}

/* ==================================
   EXCURSION ITINERARY GALLERY
================================== */

.gallery-slider{
    width:100%;
    padding:40px 0;
    background:#fff;
}

.gallery-track{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
    width:90%;
    max-width:1200px;
    margin:auto;
}

.gallery-track img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:15px;
    display:block;
}

/* INFO GRID */

.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
    gap: 25px;
    margin: 70px 0;
}

.info-box{
    background:#f7f7f7;
    padding:30px;
    border-radius:20px;
    text-align:left;
}

.info-box h3 {
    color: #d88a54;
    margin-bottom: 15px;
    font-size: 24px;
}

.info-box p {
    color: #555;
    line-height: 1.8;
}

/* INCLUDED EXCLUDED */

.included-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
    gap: 30px;
    margin-bottom: 70px;
}

.include-box {
    background: #fff;
    padding: 35px;
    border-radius: 25px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
}

.include-box h2 {
    margin-bottom: 25px;
    font-size: 32px;
}

.include-box ul {
    padding-left: 20px;
}

.include-box ul li {
    margin-bottom: 15px;
    line-height: 1.7;
    color: #555;
}

.included h2 {
    color: #2e9b59;
}

.excluded h2 {
    color: #d9534f;
}

/* TIPS */

.tips-box {
    background: #f8f4ef;
    padding: 45px;
    border-radius: 25px;
    margin-bottom: 40px;
}

.tips-box h2 {
    margin-bottom: 20px;
    font-size: 34px;
    color: #111;
}

.tips-box p {
    line-height: 1.9;
    color: #555;
}

/* NOTE */

.note-box {
    background: #fff3cd;
    border-left: 6px solid #d88a54;
    padding: 25px;
    border-radius: 15px;
}

.note-box p {
    color: #6c5a2b;
    line-height: 1.8;
}
.book-btn{
display:inline-block;
align-self:flex-start;
width:auto;

padding:15px 30px;
background:#25D366;
color:white;
text-decoration:none;
border-radius:50px;
font-weight:600;
text-align:center;
transition:.3s;
}

.book-btn:hover{
background:#1da851;
}
.itinerary-hero{
height:60vh;
background:url('images/isola-amore-1.jpg') center/cover;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
}

.itinerary-hero::before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
}

.itinerary-hero-content{
position:relative;
z-index:2;
color:white;
}

.itinerary-hero-content h1{
font-size:60px;
margin-bottom:10px;
}

.itinerary-hero-content p{
font-size:22px;
}
.itinerary-container{
width:90%;
max-width:1200px;
margin:auto;

display:flex;
flex-direction:column;
gap:30px;
}

.day-card{
width:100%;
overflow:hidden;
}
.day-content{
max-width:900px;
}
.gallery-track img{
width:100%;
height:250px;
object-fit:cover;
border-radius:15px;
display:block;
}
.itinerary-section{
    width:90%;
    max-width:1200px;
    margin:60px auto;
}
.excursion-gallery{
    width:90%;
    max-width:1200px;
    margin:40px auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}

.excursion-gallery img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:15px;
    display:block;
}
.info-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.info-box li{
    line-height:1.8;
}
/* =========================
   SAFARI TOP GALLERY
========================= */

.safari-gallery{
width:90%;
max-width:1200px;
margin:120px auto 50px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
}

.safari-gallery img{
width:100%;
height:280px;
object-fit:cover;
border-radius:15px;
display:block;
transition:.4s;

}
.safari-gallery img:hover{
transform:scale(1.02);
}