/* ============================================================
   plan-detail.css - 方案详情模态框专用样式
   使用前提：页面已加载 Tailwind CSS CDN
   ============================================================ */

/* ---------- 自定义滚动条（详情右侧行程区域） ---------- */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ---------- 地图日期选择器按钮 ---------- */
#map-day-selector .map-day-btn {
    transition: all 0.2s;
}
#map-day-selector .map-day-btn.active {
    background-color: #3B82F6;
    color: white;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

/* ---------- 行程卡片 ---------- */
.itinerary-card {
    transition: all 0.3s ease-out;
}
.itinerary-card .toggle-indicator {
    user-select: none;
    cursor: pointer;
}

/* ---------- 价格调整提示条 ---------- */
.price-adjustment {
    background-color: #fff8e1;
    border-left: 4px solid #F59E0B;
}

/* ---------- 交通方式对比容器内选中高亮 ---------- */
.transport-comparison-container .border-primary {
    border-color: #3B82F6;
}

/* ---------- 留白缓冲气泡 ---------- */
.group\/buffer .border-orange-100\/60 {
    border-color: rgba(251, 146, 60, 0.6);
}

/* ---------- 全屏图片查看器（Lightbox） ---------- */
#image-lightbox {
    transition: opacity 0.3s ease;
}
#image-lightbox img {
    transition: transform 0.3s ease;
}

/* ---------- 方案卡片（列表中的缩略图）悬停效果 ---------- */
.plan-card .group-hover\:scale-110 {
    transition: transform 0.7s;
}

/* ---------- 修复移动端 date/time 输入框样式 ---------- */
input[type="date"],
input[type="time"] {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    -webkit-appearance: none;
    appearance: none;
    min-height: 52px;
    box-sizing: border-box;
}
input[type="date"]::-webkit-date-and-time-value,
input[type="time"]::-webkit-date-and-time-value {
    min-height: 1.5em;
    line-height: normal;
    display: flex;
    align-items: center;
}

/* ---------- 其他辅助 ---------- */
.plan-hover {
    transition: all 0.3s;
}
.plan-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}