/*
Theme Name: 立高广告主题 (Ligao Theme)
Theme URI: https://jxligao.cn
Author: 您的名字 (由 Gemini 辅助创建)
Author URI: https://jxligao.cn
Description: 基于 "立高广告 - 首页 (动态版)" 静态页面转换的自定义 WordPress 主题。
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, tailwindcss, aos, one-page
Text Domain: ligao-theme
*/

/* --- WordPress 核心样式占位符 --- */
/* 您在 index.html <style> 标签中的自定义样式，
  也应该被剪切并粘贴到这里。
*/

body {
    font-family: 'Inter', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    /* 【已移除】 overflow-x: hidden; 从这里移除 */
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden; /* 【已添加】将 overflow-x: hidden; 移动到 html 标签，这是正确的修复方法 */
}

/* 自定义一些Tailwind没有的平滑过渡效果 */
.transition-transform-hover:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease-in-out;
}
.shadow-hover:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* 更大的阴影 */
}

/* WordPress 可能会添加一些自己的 class, 
  您可以在这里为它们添加样式。
*/

/* --- 【新增】Swiper 轮播图样式覆盖 --- */
:root {
  /* 使用 CSS 变量来定义 Swiper 的主题色
    #2563EB 对应 Tailwind 的 'blue-600'
  */
  --swiper-navigation-color: #2563EB;
  --swiper-pagination-color: #2563EB;
}

/* 调整分页圆点的位置 (默认在幻灯片上, 我们把它移到下面) */
.swiper-pagination {
    bottom: 0 !important; /* 移到容器底部 (我们在 front-page.php 中给容器留了 pb-16) */
}

/* 【最终修复】
  1. 定义箭头的基础样式 (毛玻璃、圆形、阴影等)
  2. 定义箭头在手机/平板上的默认隐藏
  3. 定义箭头在电脑端 (lg) 的显示
  4. 【关键】定义 :disabled 状态 (即 Swiper 禁用的状态) 下强制隐藏
*/

/* 1. 箭头基础样式 (复制自您之前的 Tailwind) */
.swiper-button-prev,
.swiper-button-next {
    width: 48px; /* w-12 */
    height: 48px; /* h-12 */
    background-color: rgba(255, 255, 255, 0.7); /* bg-white/70 */
    backdrop-filter: blur(4px); /* backdrop-blur-sm */
    border-radius: 9999px; /* rounded-full */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-md */
    transition: all 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: rgba(255, 255, 255, 1); /* hover:bg-white */
    transform: scale(1.1);
}

/* 缩小箭头图标本身的大小 */
.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 24px !important;
    font-weight: bold;
}

/* 2. 默认 (手机/平板) 隐藏箭头 */
.swiper-button-prev,
.swiper-button-next {
    display: none;
}

/* 3. 电脑端 (lg, 1024px) 显示箭头 */
@media (min-width: 1024px) {
    .swiper-button-prev,
    .swiper-button-next {
        display: flex; /* 恢复显示 */
    }
}

/* 4. 【关键】当 Swiper 禁用箭头时 (例如 3=3)，强制隐藏它 */
.swiper-button-disabled {
    display: none !important;
}
/* --- 【新增结束】 --- */