/* Ticket Search Styles */

/* Calendar Styles */
.calendar-month {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e5e7eb;
}

.calendar-header .nav-btn {
    padding: 0.25rem;
    border-radius: 0.375rem;
    color: #6b7280;
    transition: all 0.15s;
    cursor: pointer;
    background: none;
    border: none;
}

.calendar-header .nav-btn:hover {
    background-color: #f3f4f6;
    color: #111827;
}

.calendar-month-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.25rem;
}

.calendar-day-header {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    padding: 0.5rem 0;
}

.calendar-day {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.15s;
    position: relative;
}

.calendar-day:not(.disabled):not(.other-month):not(.selected):hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

.calendar-day.other-month {
    color: #d1d5db;
    cursor: default;
}

.calendar-day.disabled {
    color: #d1d5db;
    cursor: not-allowed;
    text-decoration: line-through;
}

.calendar-day.today {
    font-weight: 700;
    color: #4f46e5;
}

.calendar-day.selected {
    background-color: #4f46e5;
    color: white;
    font-weight: 600;
}

/* Park option styles - NO background color change */
.park-option {
    transition: all 0.2s ease;
}

.park-option:has(input:checked) {
    border-color: rgb(99 102 241) !important;
}

.tick-circle {
    transition: all 0.2s ease;
}

.park-option input[type="checkbox"]:checked ~ .tick-circle {
    border-color: rgb(79 70 229) !important;
    background-color: rgb(79 70 229) !important;
}

.park-option input[type="checkbox"]:checked ~ .tick-circle .tick-icon {
    opacity: 1 !important;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Mobile calendar - single month */
@media (max-width: 768px) {
    #calendar-month-2 {
        display: none;
    }
    
    .park-option img {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (max-width: 640px) {
    .park-option img {
        width: 80px !important;
        height: 80px !important;
    }
    
    .park-option {
        padding: 1rem !important;
    }
}


.calendar-header .nav-btn {
    touch-action: manipulation;
}


@media (max-width: 768px) {
  .main-title {
    padding: 0 !important;
  }
  #results-container .border-t.border-gray-200.bg-gray-50.p-6 { padding: 1rem; }
  #results-container .border-2.border-gray-200.rounded-lg.p-3.bg-white img { height:50px; }
  #results-container .flex.items-center.justify-between.mb-4 .flex.items-center.gap-6 { gap: 1rem; }

}


@media (max-width: 640px) {
	#results-container .ticket-result { padding: 1rem; }
	#results-container .ticket-result .flex.items-center.justify-between { flex-wrap:wrap; }
	#results-container .ticket-result .flex.items-center.justify-between .flex.items-center.gap-5 { justify-content: space-between; width: 100%; }
	#results-container .ticket-result-prices { text-align:left; display:flex; gap: 1rem; }
	#results-container .ticket-result-prices .text-xs.text-gray-500.mb-3 { margin-bottom:0; }
	
	
	#results-container .flex.items-center.justify-between.mb-4 { flex-wrap:wrap; }
	#results-container .flex.items-center.justify-between.mb-4 .flex.items-center.gap-6 { width:100%; }
	#results-container .flex.items-center.justify-between.mb-4 .flex.flex-col.items-end.gap-1 { width:100%; }
	
	#step-1-container .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap:0.5rem; }
	.park-option .tick-circle { display:none; }
	.park-option img { width: 70px !important; height: 70px !important; margin-bottom:0; }
	.park-option .text-lg.font-bold.text-gray-900 { display:none; }
	.park-option .text-sm.text-gray-500.text-center.mt-1 { display:none; }
}

@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 .p-6 { padding: 1.5rem 0; }
	#step-1-container .park-option { background-color:#fff; }
	
	#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 .p-6 { padding: 1.5rem 0; }

	#results-container { padding-top:0; }
	#results-container .ticket-result { padding: 1rem; }
	#results-container .ticket-result .flex.items-center.justify-between { flex-wrap:wrap; }
	#results-container .ticket-result .flex.items-center.justify-between .flex.items-center.gap-5 { flex-wrap:wrap; width: 100%; }
	#results-container .ticket-result .flex.items-center.justify-between .flex.items-center.gap-5 button { width:100%; }
	#results-container .ticket-result-prices { text-align:left; }
	
	#results-container .flex.items-center.justify-between.mb-4 .flex.items-center.gap-6 { flex-wrap:wrap; }
	#results-container .flex.items-center.justify-between.mb-4 .flex.flex-col.items-end.gap-1 button { width:100%; justify-content:center; }
	#results-container .flex.items-center.justify-between.mb-4 .flex.items-center.gap-6 { margin-top:10px; }
	#results-container .ticket-result-prices .text-4xl, #results-container .ticket-result-prices .text-xl { font-size: 1.5rem; line-height: 1.5rem; }
}