/*--------------------------------------------------------------
# Custom Classes TravelhouseUK
--------------------------------------------------------------*/
.holiday-carousel-caption{width:65%;bottom:7rem}
.holiday-carousel-caption h3{font-size:55px;font-weight:bold;font-family: 'Montserrat'}
.holiday-carousel-caption a.btn{border:none}
.bg-light-holiday{background-color:#f3f3f3}
.form-label .bi{color:#de1054}
.text-primary-color{color:#de1054}
#search-holiday{padding-bottom:0px;min-height:595px} /*margin-top:2%;*/

/*-----------------------------
# Breadcrumbs
-----------------------------*/
#holiday_slider .custom-breadcrumb{font-size:1.2rem;color:white;background:transparent}
#holiday_slider nav ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}
#holiday_slider nav ol li a{color:white!important}
#holiday_slider nav ol li + li{color:#eee!important;padding-left:8px}
#holiday_slider nav ol li + li::before{display:inline-block;padding-right:8px;color:#eee;content:"/"}

/*-----------------------------
/* Pages Text Styling... */
-----------------------------*/
#page-text{padding-top:30px;padding-bottom:30px}
.page-text{padding-top:30px;padding-bottom:30px}
#page-text h1, #page-text h2, #page-text h3, #page-text h4, #page-text h5, #page-text h6{font-size:22px!important;font-weight:400;margin-top:6px;text-wrap:balance}
.page-text h1, .page-text h2, .page-text h3, .page-text h4, .page-text h5, .page-text h6{font-size:22px!important;font-weight:400;margin-top:6px;text-wrap:balance}
#page-text p{font-size:14px;line-height:24px;font-weight:normal}
.page-text p{font-size:14px;line-height:24px;font-weight:normal}
#page-text ul, #page-text ol{font-size:14px;line-height:24px;}
.page-text ul, .page-text ol{font-size:14px;line-height:24px;}
#page-text ul li{list-style-type:square;padding-left:15px}
.page-text ul li{list-style-type:square;padding-left:15px}
#page-text ol li{padding-left:15px}
.page-text ol li{padding-left:15px}
#page-text .fad{color:#0057ff;font-size:14px}
.btn-danger-holiday{background:#de1054;color:#fff}
.btn-danger-holiday-search{background:#de1054;color:#fff}
.btn-danger-holiday:hover{background:#de1054;color:#fff;text-decoration:none}
.search-holiday{margin-top:-100px;z-index:9}
.content-holiday{top:20%;left:7%}
.content-holiday-deal{top:25%;left:10%}
.holiday-carousel-indicators{margin-bottom:8rem}
.holiday-carousel-control-next, .holiday-carousel-control-prev{bottom:10%;opacity:1.5}
.holiday-hot-deal{font-family:'Montserrat'}
.zoom{transition:transform .4s;margin:0 auto}
.zoom:hover{-ms-transform:scale(1.07);/* IE 9 */ -webkit-transform:scale(1.07);/* Safari 3-8 */ transform:scale(1.07);cursor:pointer}
/*.bh-pack{}*/
.bh-pack .bottom{bottom:-35px}
/*.bh-pack-img{}*/
/*.holi-fs-1{}*/
/*.holi-fs-2{}*/
.holi-fs-3{font-size:25px}
.holi-fs-4{font-size:25px}
.holi-fs-5{font-size:18px}
.holi-fs-6{font-size:16px}
.bottom-padding{bottom:12rem!important}
#holiday-breadcrumb{margin-top:6%;border-top:dashed 1px #b0b0b0}
.icon-tag{width:65px;height:65px;font-size:27px}
.icon-tag-color{background:#f51861}
.carousel-indicators button.thumbnail{width:150px}
#package-detail span{font-size:18px}
.trns-text-success{color:#5dad0f}
.holiday-query-form .form-select{background-image:none}
/* medium and up screens */
@media (min-width:768px){}
@media (max-width:767px){
	.search-holiday{margin-top:25px}
	.holiday-carousel-caption{width:70%;bottom:-38px}
	.holiday-carousel-indicators{margin-bottom:0px}
	.holiday-carousel-caption h3{font-size:25px}
	.holiday-carousel-caption h3{font-size:20px}
	.btn-danger-holiday{font-size:14px}
	.btn-danger-holiday-search{font-size:18px;font-weight:bold}
	.holi-fs-3{font-size:20px}
	.holi-fs-4{font-size:14px}	
	.holi-fs-6{font-size:14px}
	#holiday-breadcrumb{margin-top:24%}
	.icon-tag{width:40px;height:40px;font-size:16px}
	#package-detail span{font-size:18px}
	.location-map img{width:100%}
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width:768px){
 .rec-dest-box img{width:100%}
}
@media (max-width:767px){
 .pro-reg{display:none}
 .secure-payment img{width:100%}
}

/*--------------------------------------------------------------
# Itinery Day color highlights
--------------------------------------------------------------*/
/* Day Base Styles */
.day-badge {
    display: inline-block;
    position: relative;
    font-weight: 400;
    font-size: clamp(14px, 2.5vw, 16px);
    color: white;                    /* Text color */
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px 26px 10px 20px;    /* Extra right padding for arrow */
    background-color: var(--badge-color);  /* Uses text color for background */
    border-radius: 4px 0 0 4px;      /* Rounded left corners only */
    width: auto !important;          /* Prevents full width */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
/* Arrow */
.day-badge::after {
    content: "";
    position: absolute;
    top: 0;
    right: -14px;                    /* Position arrow outside box */
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 14px solid var(--badge-color); /* Same color as box */
}
.day-badge:hover {
  transform: translateY(-2px);
  filter: brightness(1.15);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  z-index: 1;
}
/* Color classes using HEX */
.daynum-1 { --badge-color: #ee752b; }
.daynum-2 { --badge-color: #1dc2d7; }
.daynum-3 { --badge-color: #ed4ab7; }
.daynum-4 { --badge-color: #3cc52e; }
.daynum-5 { --badge-color: #b84cf0; }
.daynum-6 { --badge-color: #f5bc1d; }
.daynum-7 { --badge-color: #1fbd8f; }
.daynum-8 { --badge-color: #f73636; }
.daynum-9 { --badge-color: #1a7fdc; }
.daynum-10 { --badge-color: #1ccf5e; }
.daynum-11 { --badge-color: #de37b5; }
.daynum-12 { --badge-color: #f7971c; }
.daynum-13 { --badge-color: #11a58b; }
.daynum-14 { --badge-color: #9d4ae2; }
.daynum-15 { --badge-color: #43d62e; }
.daynum-16 { --badge-color: #f67f4a; }
.daynum-17 { --badge-color: #1a9fdc; }
.daynum-18 { --badge-color: #eb3c8b; }
.daynum-19 { --badge-color: #6dcf2a; }
.daynum-20 { --badge-color: #c84cf0; }
.daynum-21 { --badge-color: #f5d11d; }
.daynum-22 { --badge-color: #1cd947; }
.daynum-23 { --badge-color: #ea4a3c; }
.daynum-24 { --badge-color: #5a6cf0; }
.daynum-25 { --badge-color: #1bd4a7; }
.daynum-26 { --badge-color: #f04a67; }
.daynum-27 { --badge-color: #d7f11d; }
.daynum-28 { --badge-color: #1ab7e2; }
.daynum-29 { --badge-color: #a84cf0; }
.daynum-30 { --badge-color: #1cd43d; }
.daynum-31 { --badge-color: #f7a142; }
/* Random Color Generation (Using algorithmically chosen values) */
.daynum-hsl1 { background: hsl(23, 85%, 55%); }
.daynum-hsl2 { background: hsl(187, 76%, 48%); }
.daynum-hsl3 { background: hsl(320, 82%, 61%); } 
.daynum-hsl4 { background: hsl(95, 79%, 45%); }
.daynum-hsl5 { background: hsl(275, 88%, 65%); }
.daynum-hsl6 { background: hsl(42, 91%, 58%); }
.daynum-hsl7 { background: hsl(158, 74%, 42%); }
.daynum-hsl8 { background: hsl(0, 90%, 60%); }
.daynum-hsl9 { background: hsl(210, 82%, 53%); }
.daynum-hsl10 { background: hsl(140, 71%, 47%); }
.daynum-hsl11 { background: hsl(310, 79%, 55%); }
.daynum-hsl12 { background: hsl(35, 94%, 52%); }
.daynum-hsl13 { background: hsl(175, 83%, 39%); }
.daynum-hsl14 { background: hsl(260, 77%, 63%); }
.daynum-hsl15 { background: hsl(100, 68%, 51%); }
.daynum-hsl16 { background: hsl(15, 92%, 65%); }
.daynum-hsl17 { background: hsl(200, 75%, 47%); }
.daynum-hsl18 { background: hsl(330, 84%, 58%); }
.daynum-hsl19 { background: hsl(80, 79%, 43%); }
.daynum-hsl20 { background: hsl(290, 81%, 67%); }
.daynum-hsl21 { background: hsl(50, 89%, 61%); }
.daynum-hsl22 { background: hsl(135, 72%, 49%); }
.daynum-hsl23 { background: hsl(5, 87%, 57%); }
.daynum-hsl24 { background: hsl(225, 78%, 60%); }
.daynum-hsl25 { background: hsl(165, 76%, 44%); }
.daynum-hsl26 { background: hsl(350, 83%, 62%); }
.daynum-hsl27 { background: hsl(70, 88%, 56%); }
.daynum-hsl28 { background: hsl(195, 80%, 45%); }
.daynum-hsl29 { background: hsl(280, 75%, 59%); }
.daynum-hsl30 { background: hsl(120, 70%, 48%); }
.daynum-hsl31 { background: hsl(30, 95%, 63%); }
/* Accessibility */
.day-badge:focus-visible {
  outline: 3px solid #3b82f6;
  outline-offset: 2px;
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
  .day-badge {
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    border-color: rgba(255,255,255,0.1);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .day-badge {
    transition: none;
  }
}
/* Mobile responsiveness */
@media (max-width: 480px) {
  .day-badge {
    font-size: 13px;
    border-radius: 6px;
  }
}