/* Inline styles from views/pages/trips/show.blade.php */

.toggle-slider {
                                display: block !important;
                            }
                            
                            .toggle-slider:before {
                                position: absolute;
                                content: "";
                                height: 20px;
                                width: 20px;
                                right: 3px;
                                bottom: 3px;
                                background-color: #ffffff;
                                border-radius: 50%;
                                transition: transform 0.3s ease;
                                box-shadow: 0 2px 4px rgba(0,0,0,0.2);
                            }
                            
                            #expandAllToggle:checked + .toggle-slider:before {
                                transform: translateX(-24px);
                            }
                            
                            .itinerary-toggle-switch {
                                flex-shrink: 0;
                            }
                            
                            .timeline-header:hover h5 {
                                color: var(--primary-color-1);
                            }
                            
                            .timeline-description {
                                max-height: 1000px;
                                opacity: 1;
                                overflow: hidden;
                            }
                            
                            .timeline-description.collapsed {
                                max-height: 0;
                                opacity: 0;
                                margin: 0;
                            }
                            
            .toggle-icon.collapsed {
                transform: rotate(180deg);
            }
            
            /* Mobile Responsive Styles for Itinerary Content */
            @media (max-width: 768px) {
                /* Timeline description - stack image below text on mobile */
                .timeline-description > div {
                    flex-direction: column !important;
                    gap: 15px !important;
                }
                
                /* Image container - full width on mobile */
                .itinerary-image-container {
                    width: 100% !important;
                    max-width: 100% !important;
                    margin-top: 10px;
                }
                
                .itinerary-image-container img {
                    height: 220px !important;
                    width: 100% !important;
                }
                
                /* Timeline header - better text wrapping */
                .timeline-header h5 {
                    font-size: 17px !important;
                    line-height: 1.4 !important;
                    padding-right: 10px;
                }
                
                /* Timeline description text */
                .timeline-description {
                    font-size: 15px !important;
                    line-height: 1.6 !important;
                }
                
                /* Expand/Collapse toggle section */
                .tour-details-content .d-flex.justify-content-between.align-items-center.mb-4 h4 {
                    font-size: 18px !important;
                }
                
                .tour-details-content .d-flex.justify-content-between.align-items-center.mb-4 span {
                    font-size: 12px !important;
                }
            }
            
            @media (max-width: 480px) {
                /* Timeline header - smaller text on very small screens */
                .timeline-header h5 {
                    font-size: 16px !important;
                }
                
                /* Timeline description text */
                .timeline-description {
                    font-size: 14px !important;
                }
                
                /* Image container */
                .itinerary-image-container img {
                    height: 200px !important;
                }
                
                /* Expand/Collapse section */
                .tour-details-content .d-flex.justify-content-between.align-items-center.mb-4 h4 {
                    font-size: 16px !important;
                }
                
                .tour-details-content .d-flex.justify-content-between.align-items-center.mb-4 span {
                    font-size: 11px !important;
                }
            }