/*
 Theme Name:   Hello Elementor Child
 Description:  FerrisCam Official Online Theme
 Author:       Zhiming Zhang
 Template:     hello-elementor
 Version:      1.0.0
*/

/* 你的 V5.1 赛博霓虹 CSS 代码后续会贴在这里 */

/* ============================================================
   [FERRISCAM] 全局变量控制中心
   ============================================================ */
:root {
    /* 1. 核心品牌色 */
    --neon-blue: #007ED9;           /* 电光蓝 */
    --neon-pink: #FF2E86;           /* 品牌粉 (REFUNDABLE 标签) */
    --text-main: #EDEDED;           /* 主文字色 (近白色) */
    --text-dim:  #8A8A8A;           /* 次要文字色 (灰色) */
    
    /* 2. 背景与毛玻璃 */
    --glass-bg: rgba(20, 23, 38, 0.7);  /* 容器背景色 */
    --glass-blur: blur(12px);           /* 毛玻璃模糊度 */
    
    /* 3. 霓虹发光参数 */
    --glow-standard: 0 0 12px rgba(0, 126, 217, 0.3); /* 标准发光 */
    --glow-text: 0 0 10px rgba(255, 255, 255, 0.4);   /* 文字发光 */
    
    /* 4. 字体 */
    --font-main: 'Rajdhani', sans-serif;
}

/* --- 1. 全局标签与排版 --- */
.ferris-label { 
    /* 核心修复：改为关联你刚定义的变量 */
    color: var(--text-main) !important; 
    font-family: var(--font-main) !important; 
    font-size: 18px !important; 
    font-weight: 600 !important;
    letter-spacing: 0.03em !important; 
    margin: 0 0 16px 0 !important; 
    display: block !important;
}

/* 2. 容器布局：全宽堆叠逻辑 (Container Layout) */

/* 2.1 大容器：负责模块间的物理隔离 */
.ferris-datetime-container {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}

/* 2.2 输入框包装层：负责内部元素的定位基准 */
.ferris-input-wrapper {
    display: block !important;
    width: 100% !important;
    position: relative !important; /* 图标绝对定位的“锚点” */
    margin-bottom: 12px !important; /* 较小的间距，定义输入框与下方可能出现的提示文字的距离 */
    box-sizing: border-box;
}

/* 3. 输入框本体：全宽、交互与霓虹呼吸感 (Neon Input Core) */
/* 增加路径权重以彻底粉碎插件的白色背景定义 */
.rnb-cart .date-time-picker input.ferris-neon-input,
.rnb-animated-modal .modal-content-body .body input.ferris-neon-input,
#animatedModal.rnb-animated-modal .body input.ferris-neon-input {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    height: 48px !important;
    padding-left: 42px !important;

    /* 品牌视觉属性：完全保留你定义的数值 */
    background-color: rgba(20, 23, 32, 0.5) !important; 
    background-image: none !important; /* 必须：防止插件用白色渐变图覆盖你的颜色 */
    border: 1px solid rgba(216, 180, 254, 0.3) !important; 
    border-radius: 8px !important;
    color: var(--text-main) !important; 
    -webkit-text-fill-color: var(--text-main) !important; /* 确保在移动端也是这个颜色 */
    
    /* 核心动画 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* 清除插件可能带有的阴影 */
    box-shadow: none !important;
    cursor: pointer;
}

/* 控制“Select Start Date”占位符的样式 */
.ferris-neon-input::placeholder {
    color: var(--text-dim) !important;  
    font-family: verdana !important;
    font-size: 11px !important;
    opacity: 0.5 !important;            /* 控制透明度，让它看起来像提示文字 */
}

/* 兼容不同浏览器的写法 */
.ferris-neon-input::-webkit-input-placeholder { color: var(--text-dim) !important; }
.ferris-neon-input::-moz-placeholder { color: var(--text-dim) !important; }

/* 4. 交互逻辑：Hover 与 Focus 态的霓虹激活 (Interaction States) */
/* 核心修正：镜像第 3 部分的长路径，确保 Hover 优先级高于基础态 */

.rnb-cart .date-time-picker input.ferris-neon-input:focus,
.rnb-cart .date-time-picker input.ferris-neon-input:hover,
.rnb-animated-modal .modal-content-body .body input.ferris-neon-input:focus,
.rnb-animated-modal .modal-content-body .body input.ferris-neon-input:hover,
#animatedModal.rnb-animated-modal .body input.ferris-neon-input:focus,
#animatedModal.rnb-animated-modal .body input.ferris-neon-input:hover {
    /* 视觉样式：完全保留你定义的原始数值 */
    border-color: var(--neon-blue) !important; 
    box-shadow: 0 0 12px rgba(0, 126, 217, 0.3) !important;
    outline: none !important;
    
    /* 确保发光效果不被相邻输入框遮挡 */
    z-index: 5 !important; 
    
    /* 性能优化：减少浏览器渲染抖动 */
    will-change: box-shadow, border-color;
}

/* 5. 视觉图标：嵌入式 LED 霓虹指示灯 (Embedded Neon Icons) */
.ferris-input-wrapper {
    position: relative !important; /* 确保作为图标定位的基准 */
}

.ferris-input-wrapper i {
    /* 核心：将图标绝对定位到输入框内部左侧 */
    position: absolute !important;
    left: 15px !important;      /* 距离左边框的距离 */
    top: 50% !important;        /* 垂直居中 */
    transform: translateY(-50%) translateZ(0) !important; /* 精准对齐并开启 GPU 加速 */
    
    /* 视觉样式 */
    color: var(--neon-blue) !important; 
    filter: drop-shadow(0 0 5px rgba(0, 126, 217, 0.5));
    font-size: 16px !important; /* 调整图标大小以适应框内 */
    z-index: 3 !important;      /* 确保图标在输入框背景之上 */
    
    /* 布局优化 */
    flex-shrink: 0;
    pointer-events: none;       /* 确保点击图标时依然能触发输入框聚焦 */
}

/* 7. 日历插件 - 主容器精简版 */

.xdsoft_datetimepicker {
    /* 1. 布局与定位 */
    z-index: 999999 !important; /* 修正：六位数已足够置顶，减少内存占用 */
    margin-top: 10px !important;
    padding: 12px !important;
    box-sizing: border-box !important;

    /* 2. 背景与特效：合并背景属性，开启毛玻璃 */
    background: radial-gradient(circle at 50% 0%, rgba(0, 126, 217, 0.15) 0%, #0B0E14 85%) !important;
    background-clip: padding-box !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px); /* 补充：确保 Safari 稳定性 */

    /* 3. 边框、圆角与深度感 */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8) !important;

    /* 4. 文字与渲染优化 */
    font-family: var(--font-main) !important;
    will-change: transform, opacity; /* 精简：filter 渲染开销大，仅保留核心变换 */
}

    /* 5. 顶部霓虹亮条 */

    .xdsoft_datetimepicker::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 1000 !important;
    pointer-events: none !important;

    /* 5.1 物理尺寸与定位：居中锁定 */
    width: 120px !important; /* 根据你的需求锁定 120px 长度 */
    height: 4px !important;
    transform: translateX(-50%) translateZ(0) !important;
    border-radius: 0 0 6px 6px !important;

    /* 5.2 核心视觉：品牌蓝 (var(--neon-blue)) */
    background: var(--neon-blue) !important;
    
    /* 5.3 霓虹晕染 (Halo)：三层光效脱水合并 */
    box-shadow: 
        0 0 15px rgba(0, 126, 217, 1.0),
        0 0 35px rgba(0, 126, 217, 0.8),
        0 0 70px rgba(0, 126, 217, 0.6) !important;

    /* 5.4 渲染优化：开启独立复合层，消除边缘锯齿 */
    will-change: transform;
    backface-visibility: hidden;
}

    /* 6. 头部布局 */

    .xdsoft_datetimepicker .xdsoft_monthpicker {
    /* 6.1 布局定位：锁定全宽块级显示 */
    display: block !important;
    position: relative !important;
    width: 100% !important;
    
    /* 6.2 空间管理：稳固 12px 垂直间距 */
    margin: 0 !important;
    padding: 20px 0 !important;
    box-sizing: border-box !important;
    
    /* 6.3 文字对齐 */
    text-align: center !important;
}

    /* 7.  月份与年份标签 */

    .xdsoft_datetimepicker .xdsoft_label,
    .xdsoft_datetimepicker .xdsoft_month,
    .xdsoft_datetimepicker .xdsoft_year {
    /* 7.1 布局与对齐：强制水平居中且永不换行 */
    display: inline-block !important;
    float: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    margin: 0 2px !important;
    cursor: pointer !important;
    /* 重心校正：通过负边距将文字向左微调，补偿左侧双图标的视觉重量 */
    /* 如果觉得还是偏右，可以调大数值（如 -20px）；如果偏左了，调小数值（如 -10px） */
    margin-left: -26px !important; 
    margin-right: 2px !important;
    

    /* 7.2 品牌字体与排版：锁定赛博工业感 */
    font-family: var(--font-main) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;   
    color: var(--text-main) !important;
    background: transparent !important;

    /* 7.3 渲染优化：确保细体字在深色背景下锐利无锯齿 */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important; /* 补充：针对 Mac Firefox 的抗锯齿 */
}
    /* 7.4 下拉小箭头：色彩劫持 (var(--text-dim)) */

    .xdsoft_datetimepicker .xdsoft_label > i {
    /* 7.4.1 核心视觉：将黑色反转并调整亮度至 var(--text-dim) 附近的灰色 */
    /* invert(0.54) 是将黑色转为中灰色的黄金比例 */
    filter: invert(1) !important; 
    opacity: 0.55 !important;
    
    /* 7.4.2 渲染优化：防止图标在缩放时模糊 */
    vertical-align: middle !important;
    display: inline-block !important;

    /* 针对小图标的抗锯齿优化 */
    image-rendering: crisp-edges !important;
}
    /* 7.5. 文字标签悬停交互*/
    .xdsoft_datetimepicker .xdsoft_label:hover,
    .xdsoft_datetimepicker .xdsoft_label:hover span {
    background-color: transparent !important;
    text-decoration: underline !important;
    /* 锁定 3px 偏移，防止下划线与 Rajdhani 字体粘连 */
    text-underline-offset: 3px;
    }

   /* 8. 日历导航：三点式物理布局修正 */

    /* 8.1 共享属性：垂直居中与视觉风格 */
    .xdsoft_datetimepicker .xdsoft_prev,
    .xdsoft_datetimepicker .xdsoft_next,
    .xdsoft_datetimepicker .xdsoft_today_button {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    
    /* 核心视觉：统一使用 invert(0.54) 获得精准的 var(--text-dim) 效果 */
    filter: invert(1) !important;
    opacity: 0.55 !important;
    
    background-color: transparent !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}
    /* 8.2 物理定位：左右对开，Home 顺位靠左 */

    /* 左箭头：钉在左边缘 */
    .xdsoft_datetimepicker .xdsoft_prev { 
    left: 10px !important; 
}
    /* Home 按钮：排在左箭头右侧，保持靠左布局 */
    .xdsoft_datetimepicker .xdsoft_today_button { 
    left: 45px !important; 
}
    /* 右箭头：钉在右边缘 */
    .xdsoft_datetimepicker .xdsoft_next { 
    right: 10px !important; 
}

/* 9. 日历主体：表格骨架与星期表头 */

/* 9.1 表格物理锁定：强制 7 列等宽，绝不塌陷 */
.xdsoft_datetimepicker .xdsoft_calendar table {
    width: 100% !important;
    table-layout: fixed !important; 
    border-collapse: collapse !important; /* 补充：消除单元格间隙，保证对齐 */
}

/* 9.2 星期表头 (th)：精简视觉排版 */
.xdsoft_datetimepicker .xdsoft_calendar th {
    /* 布局与对齐 */
    background: transparent !important;
    text-align: center !important;
    border: none !important;
    padding-bottom: 8px !important; /* 锁定呼吸感间距 */
    user-select: none;

    /* 品牌字体：锁定 Rajdhani 工业感 */
    color: var(--text-main) !important;
    font-family: var(--font-main) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 9.3 日历网格：数字格子 (Date Cells) */

/* 9.3.1 基础重置：消除所有插件自带的背景与偏移 */
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar td > div {
    background: transparent !important; /* 合并：一次性清除 color 和 image */
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: 0 !important;
    text-align: center !important;
}

/* 9.3.2 视觉样式：锁定网格线与字体排版 */
.xdsoft_datetimepicker .xdsoft_calendar td {
    /* 物理属性 */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    vertical-align: middle !important;
    
    /* 品牌视觉：次要灰色 (#BFBFBF) */
    color: #BFBFBF !important;
    font-family: var(--font-main) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    
    /* 核心居中控制：通过行高撑起格子高度并实现垂直居中 */
    line-height: 40px !important; 
    
    /* 交互优化 */
    cursor: pointer;
    transition: all 0.2s ease;
}
/* 9.4 日历交互：状态反馈 (States) */

/* 9.4.1 选中 (#xdsoft_current) 与 今日 (#xdsoft_today) 的共享样式 */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current > div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    background: none !important; /* 彻底移除插件背景 */
    color: var(--neon-blue) !important;   /* 品牌电光蓝文字 */
    
    /* 核心视觉：2px 内缩电光蓝边框 (inset 不占用外部空间，最稳定) */
    box-shadow: inset 0 0 0 2px var(--neon-blue) !important;
}

/* 9.4.2 今日 (#xdsoft_today) 的特有属性：加粗 */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    font-weight: 700 !important;
}

/* 9.4.3 悬停 (Hover) 状态：全员统一为实色块反馈 */
/* 包含：普通格子、选中格子、今日格子在悬停时的表现 */
.xdsoft_datetimepicker .xdsoft_calendar td:hover:not(.xdsoft_disabled),
.xdsoft_datetimepicker .xdsoft_calendar td:hover:not(.xdsoft_disabled) > div {
    background: var(--neon-blue) !important; 
    color: #FFFFFF !important;
    box-shadow: none !important;   /* 移除内缩边框，确保颜色纯净 */
    opacity: 1 !important;
}

/* 9.5  过期与非本月日期净化 */

/* 9.5.1 彻底清除过期日期 (Disabled) 和 非本月日期 (Other Month) 的色块 */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled > div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month > div {
    /* 核心：变重为轻 */
    background: transparent !important; 
    background-color: transparent !important;
    
    /* 核心：通过极低透明度（20%）来产生“过去感”，而不是用色块 */
    opacity: 0.2 !important; 
    
    /* 交互：明确告知不可选 */
    cursor: not-allowed !important;
}

/* 9.5.2 细节校准：移除多余阴影，确保文字不发虚 */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled {
    color: #BFBFBF !important; /* 维持次要灰色 */
    text-shadow: none !important;
    box-shadow: none !important;
}

/* 9.6 日期选择框高亮状态终极整合：悬停 + 聚焦 + 填完 = 永久电光蓝*/

/* 9.6.1 物理层：用最高优先级杀掉内层边框，彻底杜绝叠影 */
.rnb-cart .date-time-picker input.ferris-neon-input,
.rnb-animated-modal .modal-content-body .body input.ferris-neon-input,
#animatedModal.rnb-animated-modal .body input.ferris-neon-input,
#pickup-date, #dropoff-date {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 9.6.2 视觉层：统一所有激活状态（悬停、点击、已填值） */
/* 使用你定义的：var(--neon-blue) + 12px + 0.3 透明度 */
.ferris-input-wrapper:hover,
.ferris-input-wrapper:focus-within,
.ferris-input-wrapper:has(input:not(:placeholder-shown)) {
   /* 使用变量：电光蓝 */
    border-color: var(--neon-blue) !important;
    /* 使用变量：全局标准发光 (0 0 12px ...) */
    box-shadow: var(--glow-standard) !important;
    /* 使用变量：全局毛玻璃背景色 */
    background-color: var(--glass-bg) !important; 
    /* 动画保持原样，或未来也可以提取为 --transition-main */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 9.6.3 基础层：默认状态下的外框 */
.ferris-input-wrapper {
    border: 1px solid rgba(216, 180, 254, 0.3) !important;
    background-color: rgba(20, 23, 32, 0.5) !important;
    border-radius: 8px !important;
    display: block !important;
}

/* 9.6.4 图标联动：同步电光蓝 */
.ferris-input-wrapper:hover i,
.ferris-input-wrapper:focus-within i,
.ferris-input-wrapper:has(input:not(:placeholder-shown)) i {
    color: var(--neon-blue) !important;
    filter: drop-shadow(0 0 5px rgba(0, 126, 217, 0.6));
    opacity: 1 !important;
}

/* 9.7 [FERRISCAM] 下拉菜单：彻底封杀白色背景与橙色悬停 */

/* 9.7.1 容器层：强制背景转黑，移除白色块 */
.xdsoft_datetimepicker .xdsoft_label .xdsoft_select {
    background: #151826 !important; /* 强制深色背景 */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6) !important;
    z-index: 10001 !important; /* 确保不被日历遮挡 */
    padding: 5px 0 !important;
}

/* 9.7.2 选项层：字体校准与基础状态 */
.xdsoft_datetimepicker .xdsoft_label .xdsoft_select > .xdsoft_option {
    background: transparent !important; /* 初始背景透明 */
    color: #BFBFBF !important;           /* 字体颜色 */
    font-family: var(--font-main) !important;
    text-transform: uppercase !important;
    padding: 8px 15px !important;
}

/* 9.7.3 交互层：彻底击杀橙色，强制改为电光蓝 */
/* 包含：鼠标悬停 (hover) 和 当前选中的月份 (xdsoft_current) */
.xdsoft_datetimepicker .xdsoft_label .xdsoft_select > .xdsoft_option:hover,
.xdsoft_datetimepicker .xdsoft_label .xdsoft_select > .xdsoft_option.xdsoft_current {
    background: var(--neon-blue) !important; /* 强行替换橙色为电光蓝 */
    color: #FFFFFF !important;      /* 选中态文字纯白 */
}

/* 9.7.4 滚动条：同步电光蓝视觉 */
.xdsoft_datetimepicker .xdsoft_select .xdsoft_scrollbar {
    background: rgba(255, 255, 255, 0.05) !important;
    width: 4px !important;
}

.xdsoft_datetimepicker .xdsoft_select .xdsoft_scroller {
    background: var(--neon-blue) !important; /* 电光蓝滑块 */
    border-radius: 2px !important;
}

/* 9.7.5 [基础态] 所有选项的公共属性 */
.xdsoft_datetimepicker .xdsoft_select .xdsoft_option {
    transition: all 0.2s ease !important;
    margin: 2px 5px !important;
    border-radius: 4px !important;
    border: none !important;
}

/* 9.7.6 [当前态 - 闲置] 选中的项：蓝色边框 + 蓝色文字 */
.xdsoft_datetimepicker .xdsoft_select .xdsoft_option.xdsoft_current {
    background: transparent !important;
    color: var(--neon-blue) !important;
    box-shadow: inset 0 0 0 1px var(--neon-blue) !important; /* 蓝色内边框 */
    font-weight: 700 !important;
}

/* 9.7.7 [反转态 - 核心] 当选中的项被悬停时：背景变蓝，文字/边框变白 */
.xdsoft_datetimepicker .xdsoft_select .xdsoft_option.xdsoft_current:hover,
.xdsoft_datetimepicker .xdsoft_select .xdsoft_option.xdsoft_current.xdsoft_hover {
    background: var(--neon-blue) !important; /* 背景填满蓝色 */
    color: #FFFFFF !important;      /* 文字反转为白色 */
    box-shadow: inset 0 0 0 1px #FFFFFF !important; /* 边框反转为白色（或设为 none） */
}

/* 9.7.8 [普通悬停] 非选中项的悬停：维持电光蓝背景 */
.xdsoft_datetimepicker .xdsoft_select .xdsoft_option:hover,
.xdsoft_datetimepicker .xdsoft_select .xdsoft_option.xdsoft_hover {
    background: var(--neon-blue) !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 8px rgba(0, 126, 217, 0.4) !important;
}

/* 10 隐藏押金：直接杀掉外层容器，不留痕迹 */
body .rnb-pickup-location-price-wrapper, /* 整个押金容器 */
body .payable-security_deposites, 
body #depositPreview {
    display: none !important;
    border: none !important;      /* 强行杀掉你刚才定义的全局边框 */
    background: none !important;  /* 强行杀掉底色 */
}

/* 11. 价格小计：隔离增强版*/

/* 11.1 全局文字总控 (仅控制字体与颜色，严禁 border) */
/* 锚点锁定：body + 自定义容器类名，确保 100% 命中 */
body .ferris-summary-container .booking_cost ul li,
body .ferris-summary-container .booking_cost ul li span,
body .ferris-summary-container .booking_cost ul li bdi {
    font-family: var(--font-main) !important;
    color: var(--text-main) !important;
    /* 确保文字不会因为插件默认样式而产生多余的边距 */
    text-decoration: none !important;
}

/* 11.2  容器布局与动态视觉触发 */

/* [基础态]：默认完全透明，不带边框，确保内容加载前不占位 */
body .booking-pricing-info.ferris-summary-container:has(ul) {
    background-color: var(--glass-bg) !important;
    border: 2px solid var(--neon-blue) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* [激活态]：只有当插件生成价格列表 (ul) 后，才开启电光蓝皮肤 */
body .booking-pricing-info.ferris-summary-container:has(ul) {
    background-color: rgba(20, 23, 38, 0.7) !important; 
    border: 2px solid var(--neon-blue) !important; 
    border-radius: 12px !important;
    padding: 22px !important;
    /* 赛博感核心：毛玻璃与投影 */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* 兼容 Safari */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* 11.3 基础行与唯一全宽分割线*/
/* 锁定子主题路径，确保 Flex 布局生效 */
body .ferris-summary-container .booking_cost ul li {
    display: flex !important;
    justify-content: space-between !important; /* 名字在左，价格在右 */
    align-items: center !important;
    padding: 12px 0 !important;
    list-style: none !important; /* 强制消除可能存在的列表点 */
    
    /* 统一底线：营造清单的秩序感 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 11.4 Subtotal (倒数第 3 行) 独立蓝线 */
/* 利用倒数索引精准锁定 Subtotal 这一行 */
body .ferris-summary-container .booking_cost ul li:nth-last-child(3) {
    border-bottom: 2px solid var(--neon-blue) !important;
    margin-bottom: 8px !important;
}

/* Subtotal 文字与金额的电光蓝唤醒 */
body .ferris-summary-container .booking_cost ul li:nth-last-child(3) bdi,
body .ferris-summary-container .booking_cost ul li:nth-last-child(3) bdi span,
body .ferris-summary-container .booking_cost ul li:nth-last-child(3) span.name {
    color: var(--neon-blue) !important;
    display: inline-flex !important;
    align-items: center !important;

    /* --- [开关] Subtotal 独立调节：比普通行略重，比总计略轻 --- */
    font-size: 18px !important; 
    font-weight: 600 !important; 
    text-shadow: 0 0 10px rgba(0, 126, 217, 0.3) !important;
}

/* 11.5 Deposit (倒数第 2 行) 标签对齐与霓虹提示 */

/* 锁定倒数第 2 行的第一个 span (即 Deposit Label) */
body .ferris-summary-container .booking_cost ul li:nth-last-child(2) > span:first-child {
    display: inline-flex !important;
    align-items: center !important;
}

/* 注入 (REFUNDABLE) 伪元素标签 */
body .ferris-summary-container .booking_cost ul li:nth-last-child(2) > span:first-child::after {
    content: "(REFUNDABLE)" !important;
    font-family: var(--font-main) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--neon-pink) !important; /* Ferris Pink 品牌粉 */
    margin-left: 10px !important;
    
    /* 视觉微调：使其看起来更像一个精密的小标签 */
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 1px 6px !important;
    border: 1px solid rgba(255, 46, 134, 0.3) !important; /* 淡淡的粉色边框 */
    border-radius: 3px !important;
    
    /* 修正对齐：确保在 Rajdhani 字体下视觉居中 */
    transform: translateY(0px) !important; 
    line-height: 1 !important;
}

/* 11.6 Grand Total (最后一行) */

/* 1. 移除文字外层的“方框”和底色 */
body .ferris-summary-container .booking_cost ul li.total span.name,
body .ferris-summary-container .booking_cost ul li.total bdi,
body .ferris-summary-container .booking_cost ul li.total bdi span {
    color: var(--text-main) !important; 
    font-size: 18px !important; 
    font-weight: 600 !important; 
    
    /* 核心修正：毁灭方框 */
    background: none !important;
    box-shadow: none !important;
    
    /* 高阶平替：多层文字霓虹投影 */
    /* 第一层：近身锐利投影增加清晰度；第二层：扩散光晕增加环境感 */
    text-shadow: 
        0 0 8px rgba(255, 255, 255, 0.3),
        0 0 15px rgba(0, 126, 217, 0.2) !important;

}

/* 12. 预定按钮 (Reserve Now)  */

/* 12.1 强制父级容器撑开物理高度  */
.elementor-add-to-cart.elementor-product-redq_rental {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* 确保高度传递到内部 */
}

/* 12.2 强制表单填满所有空间，并开启 Flex 布局逻辑 */
form.cart.rnb-cart {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;        /* 核心：让 Form 占据父级所有的蓝色区域 */
    height: 100% !important;
    margin: 0 !important;
}

/* 12.3 锁定日期框：保持自然高度，禁止拉伸 */
form.cart .ferris-datetime-container {
    flex-grow: 0 !important;   /* 确保 Return By 不再变形 */
    flex-shrink: 0 !important;
}

/* 12.4 按钮：利用 margin-top: auto 创造隔离间距 */
body button.btn-book-now.single_add_to_cart_button {
    /* 核心定位：这行代码会在按钮上方制造一个“看不见的弹簧”，将按钮压到 Form 的最底部 */
    margin-top: auto !important; 
    flex-shrink: 0 !important;
    align-self: center !important;
    position: relative !important;

/* 12.5 视觉样式 (保留你原始定义的属性) */
    width: 70% !important; 
    max-width: 350px !important; 
    padding: 16px 0 !important; 
    font-size: 16px !important;
    color: var(--text-main)!important;
    border-radius: 30px !important;
    overflow: hidden !important; 
    z-index: 10 !important;
    font-family: 'Rajdhani', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.6) !important;

    /* 品牌背景与动画 */
    border: 2px solid transparent !important; 
    background-image: 
        linear-gradient(45deg, #0f0f2d, #1a1a3a),
        linear-gradient(90deg, #B30092, #FF2E86, #007ED9, #B30092) !important;
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    background-size: 100% 100%, 400% 400% !important;
    
    animation: ferris_gradientBorder 15s ease-in-out infinite !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 12.6 禁用状态与 Hover 交互 */
body button.btn-book-now.single_add_to_cart_button:disabled,
body button.btn-book-now.single_add_to_cart_button[disabled],
body button.btn-book-now.single_add_to_cart_button.disabled {
    opacity: 1 !important;
    filter: none !important;
}

body button.btn-book-now.single_add_to_cart_button:hover,
body button.btn-book-now.single_add_to_cart_button:disabled:hover {
    /* 12.6.1 【核心：形状锁】强制锁定高度与对齐，防止被压扁 */
    padding: 16px 0 !important; 
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    /* 12.6.2 【核心：字体锁】强制锁定 Rajdhani，防止 Hover 时变样 */
    font-family: "Rajdhani", sans-serif !important;
    font-size: 16px !important; /* 维持原大小，变大由 scale 负责 */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--text-main) !important;

    /* 12.6.3 【视觉：流光复刻】 */
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 25px rgba(255, 46, 134, 0.4) !important;
    
    background-image: 
        linear-gradient(45deg, #141436, #1e1e42),
        linear-gradient(90deg, #B30092, var(--neon-pink), var(--neon-blue), #B30092) !important;
    
    background-clip: padding-box, border-box !important;
    background-origin: padding-box, border-box !important;
    
    /* 确保文字霓虹感不消失 */
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.6) !important;
}

/* 12.7 繁星流动效果 */
body button.btn-book-now.single_add_to_cart_button::before {
    content: "" !important;
    position: absolute !important;
    top: -50% !important; left: -50% !important; 
    width: 200% !important; height: 200% !important;
    background: 
        radial-gradient(1.2px 1.2px at 10% 15%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 30% 25%, #fff, transparent),
        radial-gradient(1px 1px at 50% 10%, #fff, transparent),
        radial-gradient(1.8px 1.8px at 85% 25%, #fff, transparent),
        radial-gradient(1.2px 1.2px at 75% 85%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 15% 75%, #fff, transparent),
        radial-gradient(1px 1px at 50% 50%, #fff, transparent),
        radial-gradient(2px 2px at 25% 50%, #fff, transparent),
        radial-gradient(1.2px 1.2px at 65% 35%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 90% 60%, #fff, transparent),
        radial-gradient(1px 1px at 40% 80%, #fff, transparent),
        radial-gradient(1.8px 1.8px at 85% 65%, #fff, transparent),
        radial-gradient(1.2px 1.2px at 20% 40%, #fff, transparent),
        radial-gradient(1.4px 1.4px at 60% 70%, #fff, transparent),
        radial-gradient(1px 1px at 80% 10%, #fff, transparent),
        radial-gradient(1.6px 1.6px at 35% 90%, #fff, transparent),
        radial-gradient(1.8px 1.8px at 85% 65%, #fff, transparent) !important;
    animation: ferris_moveParticles1 17s linear infinite !important;
    opacity: 0.55 !important;
    pointer-events: none !important;
    z-index: 2 !important;
    will-change: transform, opacity !important;
}

body button.btn-book-now.single_add_to_cart_button::after {
    content: "" !important;
    position: absolute !important;
    top: -50% !important; left: -50% !important;
    width: 200% !important; height: 200% !important;
    background: 
        radial-gradient(2.2px 2.2px at 15% 25%, #fff, transparent),
        radial-gradient(1.8px 1.8px at 85% 15%, #fff, transparent),
        radial-gradient(2.5px 2.5px at 75% 75%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 25% 85%, #fff, transparent),
        radial-gradient(2.2px 2.2px at 65% 35%, #fff, transparent),
        radial-gradient(1.8px 1.8px at 45% 45%, #fff, transparent),
        radial-gradient(2px 2px at 10% 90%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 95% 50%, #fff, transparent),
        radial-gradient(2px 2px at 35% 15%, #fff, transparent),
        radial-gradient(2.1px 2.1px at 55% 85%, #fff, transparent),
        radial-gradient(1.9px 1.9px at 10% 45%, #fff, transparent),
        radial-gradient(2px 2px at 10% 90%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 95% 50%, #fff, transparent) !important;
    animation: ferris_moveParticles2 12s linear infinite !important;
    opacity: 0.85 !important;
    mix-blend-mode: screen !important;
    pointer-events: none !important;
    z-index: 3 !important;
    will-change: transform, opacity !important;
}

body button.btn-book-now.single_add_to_cart_button:hover::after { 
    opacity: 1 !important; 
}

/* 12.8 动画引擎 (关键帧) */
@keyframes ferris_moveParticles1 {
    0% { transform: translate3d(0, 0, 0) rotate(0deg); }
    100% { transform: translate3d(0, 0, 0) rotate(360deg); }
}

@keyframes ferris_moveParticles2 {
    0% { transform: translate3d(0, 0, 0) rotate(360deg); }
    100% { transform: translate3d(0, 0, 0) rotate(0deg); }
}

@keyframes ferris_gradientBorder {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 13. 标题文字 (OPTIONAL ADD-ONS) */
#resourcePreview h5 {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
    
    /* 缩写：字重 尺寸/行高 字体族 */
    font: 600 14px/1 var(--font-main) !important;
    color: var(--text-main) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

/* 13.1 左侧电光蓝亮条 (Optimized) */
#resourcePreview h5::before {
    content: '' !important;
    flex: 0 0 3px !important; /* 合并 flex-shrink, flex-grow 和 width */
    height: 16px !important;
    margin-right: 12px !important;
    border-radius: 4px !important;

    /* 视觉合并 */
    background: var(--neon-blue) !important;
    box-shadow: 0 0 10px rgba(0, 126, 217, 0.6) !important; /* 移除冗余的 0 偏移 */
    
    /* 对齐修正 */
    transform: translateY(-0.5px) !important;
}

/* 13.2 [FERRISCAM] 升级选项：开关组件统一重构  */
#resourcePreview .custom-block {
    position: relative !important;
    display: block !important;
    
    /* 核心定位：为绝对定位的开关留出安全区 */
    padding-left: 50px !important; 
    
    /* 文本属性合并：字重 尺寸/行高 字体族 */
    font: 600 14px/1.8 var(--font-main) !important;
    color: var(--text-main) !important;
    text-transform: uppercase !important;
}

/* 13.3 [FERRISCAM] 开关轨道 (TRACK) - 初始与位置锁定 */
#resourcePreview .custom-block input[type='checkbox'] + span::after {
    position: absolute !important;
    left: 0 !important;
    
    /* 核心坐标控制：在 50% 基准线上移 1.5px 实现视觉居中 */
    top: calc(50% - 1.5px) !important;
    transform: translateY(-50%) !important;
    
    background: rgba(255, 255, 255, 0.1) !important;
    border: none !important;
    transition: 0.3s ease !important;
}

/* 选中状态：电光蓝背景与发光扩散 */
#resourcePreview .custom-block input[type='checkbox']:checked + span::after {
    background: var(--neon-blue) !important;
    box-shadow: 0 0 12px rgba(0, 126, 217, 0.5) !important;
}

/* 13.4 [FERRISCAM] 悬停光晕 (KNOB HOVER) */
/* 未选中悬停：白色微光 */
#resourcePreview .custom-block input[type='checkbox']:hover + span::before {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1), 
                0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

/* 已选中悬停：电光蓝扩散 */
#resourcePreview .custom-block input[type='checkbox']:checked:hover + span::before {
    box-shadow: 0 0 0 8px rgba(0, 126, 217, 0.25), 
                0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

/*13.5 [FERRISCAM] 右侧价格样式 */
#resourcePreview .custom-block span.pull-right {
    float: right !important; 
}

/* 价格文字属性合并 */
#resourcePreview .custom-block span.pull-right * {
    color: var(--text-main) !important;
    font: 500 13px var(--font-main) !important;
}

/*13.6 [FERRISCAM] 升级选项描述列表 (Optimized) */
:root {
    --list-font-family: var(--font-main);
    --list-color-text: var(--text-dim);
    --list-font-size: 13px;
    --list-spacing: 0.03em;
    --list-lh: 1.8;
    --list-weight: 500;
    --list-title-color: var(--neon-blue);
    --list-title-weight: 700;
}

#resourcePreview .custom-block + p {
    display: block !important;
    position: relative !important;
    margin-top: 12px !important;
    padding-left: 2px !important;
    text-align: left !important;
    color: var(--list-color-text) !important;
    
    /* 核心属性合并：字重 尺寸/行高 字体族 */
    font: var(--list-weight) var(--list-font-size)/var(--list-lh) var(--list-font-family) !important;
    
    letter-spacing: var(--list-spacing) !important;
    text-transform: uppercase !important;
}

#resourcePreview .custom-block + p::before {
    content: "EQUIPPED WITH: " !important;
    display: block !important;
    color: var(--list-title-color) !important;
    
    /* 核心属性合并 */
    font: var(--list-title-weight) var(--list-font-size)/1 var(--list-font-family) !important;
    
    margin-bottom: 5px !important;
}

/* 14  全量布局总控（统一间距管理）*/

/* 14.1 核心容器：强制取消 Flex 自动伸缩产生的随机间隙 */
form.cart {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; 
    gap: 0 !important; 
}

/* 14.2 【间距 A】Pickup 与 Return 之间的距离 */
/* 我们只给第一个日期容器加底边距 */
.ferris-datetime-container:first-of-type {
    margin-bottom: 20px !important; /* 你可以根据视觉微调这个数值 */
}

/* 14.3 【间距 B】Return 与 Add-ons 之间的距离 */
/* 彻底清理日期容器底部的残留推力，改由 Add-on 的 margin-top 统一控制 */
.rnb-datetime-container, 
.redq-quantity-inventory-price-wrapper,
.ferris-datetime-container:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#resourcePreview {
    margin-top: -30px !important;      /* 物理吸附：Return 到 Add-on 的距离 */
    margin-bottom: 10px !important;   /* Add-on 到小计框的距离 */
    padding-top: 0 !important;
    clear: both !important;
}

/* 14.4 【间距 C】小计框的位置锁定 */
body .booking-pricing-info.ferris-summary-container {
    margin-top: 0 !important;
    margin-bottom: 25px !important; 
    position: relative !important;
}

/* 14.5 垃圾清理：彻底封杀插件自动插入的空行 (<br>) */
form.cart br {
    display: none !important;
}