/* Month Tiles */
.month-tile {
    transition: all 0.2s;
}
.month-tile:hover {
    transform: translateY(-2px);
}
/* Checked state for month tiles */
.month-tile:has(input:checked) {
    border-color: rgb(99 102 241) !important;
    background-color: rgb(238 242 255) !important;
}

/* Year Tabs */
.year-tab {
    transition: all 0.2s;
}

/* Duration Tiles */
.duration-tile {
    transition: all 0.2s;
}
.duration-tile:hover {
    transform: translateY(-2px);
}
/* Checked state for duration tiles */
.duration-tile:has(input:checked) {
    border-color: rgb(99 102 241) !important;
    background-color: rgb(238 242 255) !important;
}
/* Make checked duration tiles text indigo */
.duration-tile:has(input:checked) span {
    color: rgb(67 56 202) !important;
}

/* Show More Tile */
.show-more-tile {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Traveler Tiles */
.traveler-tile {
    transition: all 0.2s;
}
.traveler-tile:hover {
    transform: translateY(-2px);
}
/* Checked state for traveler tiles */
.traveler-tile:has(input:checked) {
    border-color: rgb(99 102 241) !important;
    background-color: rgb(238 242 255) !important;
}

/* Accommodation Tiles */
.accommodation-tile {
    transition: all 0.2s;
}
.accommodation-tile:hover {
    transform: translateY(-2px);
}
/* CHANGE: Checked state for accommodation tiles - KEEP WHITE background on hover */
.accommodation-tile:hover {
    background-color: white !important;
}
/* Checked state for accommodation tiles - KEEP WHITE background */
.accommodation-tile:has(input:checked) {
    border-color: rgb(99 102 241) !important;
    background-color: white !important;
}

/* Room Tiles */
.room-tile {
    transition: all 0.2s;
}
.room-tile:hover {
    transform: translateY(-2px);
}
/* Checked state for room tiles */
.room-tile:has(input:checked) {
    border-color: rgb(99 102 241) !important;
    background-color: rgb(238 242 255) !important;
}

/* Standard Tiles (accommodation standard, car size, yes/no) */
.standard-tile {
    transition: all 0.2s;
    flex: 1;
    max-width: 150px;
}
.standard-tile:hover {
    transform: translateY(-2px);
}
/* Checked state for standard tiles */
.standard-tile:has(input:checked) {
    border-color: rgb(99 102 241) !important;
    background-color: rgb(238 242 255) !important;
}

/* Park Day Tiles */
.park-day-tile {
    transition: all 0.2s;
}
.park-day-tile:hover {
    transform: translateY(-2px);
}
/* Checked state for park day tiles */
.park-day-tile:has(input:checked) {
    border-color: rgb(99 102 241) !important;
    background-color: rgb(238 242 255) !important;
}

/* Theme Park Days Section */
.theme-park-days-section {
    display: none;
}
.theme-park-days-section.active {
    display: block;
}

/* Car Size Section */
.car-size-section {
    display: none;
}
.car-size-section.active {
    display: block;
}

/* Check Live Prices Button */
.check-live-btn {
    white-space: nowrap;
}
/* Smaller Standard Tiles (for yes/no questions) */
.standard-tile-small {
    transition: all 0.2s;
    flex: 1;
    max-width: 100px;
	font-size: 1rem !important;
}
.standard-tile-small:hover {
    transform: translateY(-2px);
}
/* Checked state for smaller standard tiles */
.standard-tile-small:has(input:checked) {
    border-color: rgb(99 102 241) !important;
    background-color: rgb(238 242 255) !important;
}

.check-live-btn { display:none; }
#results-section .text-sm.text-indigo-600.font-bold { display:none; }

@media (max-width: 950px) {
	#results-section.mx-auto { margin-left: 1rem; margin-right: 1rem; }
}

@media (max-width: 768px) {
  .main-title { padding: 0 !important; }
}

@media (max-width: 500px) {
	#step-1-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; }
	#step-1-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-1-container #step-1-content .p-6 { padding: 1.5rem 0; }
	#step-1-container #step-1-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	#step-1b-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; }
	#step-1b-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-1b-container #step-1b-content .p-6 { padding: 1.5rem 0; }
	#step-1b-container #step-1b-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	#step-2-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; margin-top:10px; }
	#step-2-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-2-container #step-2-content .p-6 { padding: 1.5rem 0; }
	#step-2-container #step-2-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	#step-3-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; margin-top:10px; }
	#step-3-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-3-container #step-3-content .p-6 { padding: 1.5rem 0; }
	#step-3-container #step-3-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	#step-4-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; margin-top:10px; }
	#step-4-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-4-container #step-4-content .p-6 { padding: 1.5rem 0; }
	#step-4-container #step-4-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	#step-5-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; margin-top:10px; }
	#step-5-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-5-container #step-5-content .p-6 { padding: 1.5rem 0; }
	#step-5-container #step-5-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	#step-6-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; margin-top:10px; }
	#step-6-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-6-container #step-6-content .p-6 { padding: 1.5rem 0; }
	#step-6-container #step-6-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	#step-7-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; margin-top:10px; }
	#step-7-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-7-container #step-7-content .p-6 { padding: 1.5rem 0; }
	#step-7-container #step-7-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	#step-8-container { border: 0; box-shadow:none; background:transparent; border-radius: 0; margin-top:10px; }
	#step-8-container .bg-gradient-to-r.from-indigo-50.to-white { padding: 1.5rem 0; background: transparent; border-top: 1px solid #e5e7eb; }
	#step-8-container #step-8-content .p-6 { padding: 1.5rem 0; }
	#step-8-container #step-8-summary { border-top: 1px solid #e5e7eb; padding:1rem 0; }
	
	.accommodation-tile { background-color:#fff; }
	#standard-grid.gap-4 { gap:0.5rem; }
	#standard-grid .standard-tile gap-1 { gap:0.1rem; }
	#standard-grid .standard-tile .w-6.h-6 { width: 1rem; height: 1rem; }
	
	#results-section.py-12 { padding-top: 0; }
	
	.check-live-btn { display:none; }
	#results-section .text-sm.text-indigo-600.font-bold { display:none; }
	
}