/* ============================================================
   快礼主题 - 全局通用样式
   文件名: 01-global.css
   说明: 基础功能性样式，在所有高级感样式之前加载
   ============================================================ */

/* ===== 头部搜索按钮 ===== */
.header-search-btn {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    color: #2563EB !important;
    border: none !important;
    box-shadow: none !important;
}

.header-search-btn svg {
    width: 22px !important;
    height: 22px !important;
}

.header-search-btn:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* ===== 搜索图标尺寸 ===== */
.wp-block-search__button svg {
    width: 22px !important;
    height: 22px !important;
}

/* ===== 可悬停层样式（编辑器预设样式） ===== */
/* 默认状态：浅灰背景 + 细边框 */
.is-style-layer-1 {
    background-color: #f6f6f6;
    border: 1px solid #e0e0e0;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* 悬停状态：浅蓝背景 + 蓝色边框 */
.is-style-layer-1:hover {
    background-color: #f0f7ff;
    border-color: #0d6efd;
}

/* 可悬停层内的图片缩放（由 99-advanced-style.css 统一接管，此处保留作为回退） */
.is-style-layer-1 img,
.is-style-layer-2 img {
    transition: transform 0.3s ease;
}

.is-style-layer-1:hover img,
.is-style-layer-2:hover img {
    transform: scale(1.05);
}
/* ===== 强制重置头部所有卡片效果 ===== */
body .site-header,
body .site-header .wp-block-group,
body .site-header .wp-block-group.has-background,
body .site-header .wp-block-group:hover,
body .site-header .wp-block-group.has-background:hover {
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}