/**
 * sidebar-block-title.css — 侧边栏模块标题公共组件
 *
 * 设计（2026-08-28）：
 * - 统一详情页/列表页侧边栏各推荐模块的标题色块：品牌蓝渐变 + 白色文字
 *   （与 property-service-card.css 的服务卡标题保持同一设计语言）
 * - 同时收敛容器卡片样式：圆角、描边、阴影、overflow hidden
 *
 * 覆盖的标题类（原先三套各自为政）：
 *   1. .right-card-head        — property/coworking 详情页 + pc_detail_recommend_sidebar.php
 *                                （相似房源推荐 / 热门写字楼推荐；原蓝底但被 typography 强制深色字）
 *   2. .right_main h2          — sale/building/creative 详情页 renderDetailSidebarHotList()
 *                                （热门写字楼推荐；原白底蓝竖条）
 *   3. .seo-sidebar .widget-title — includes/hot_recommend_sidebar.php 列表页热门推荐
 *                                （原白底深字 + emoji 图标）
 *
 * 注意：本文件经 _footer_content.php 全站最后加载，body 前缀 + !important
 *       用于压过 typography-unify.css / pc-main.min.css 的 color !important 覆盖。
 */

/* ---- .right-card-head：蓝底白字（背景本就是 #17A1E6，只需修正文字色与渐变） ---- */
body .right-card-head {
  background: linear-gradient(135deg, #00A0E9 0%, #2f80ed 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: .5px;
  text-shadow: 0 1px 2px rgba(0, 60, 120, .25);
  border-bottom: none !important;
}

body .right-card-head::before {
  content: '' !important;
  display: inline-block !important;
  width: 4px !important;
  height: 15px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
  margin-right: 9px !important;
  vertical-align: -2px !important;
}

/* ---- 卡片容器：与 .property-service-card 同规格 ---- */
body .right-card {
  background: var(--white, #fff) !important;
  border: 1px solid #e3ecf5 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(32, 56, 85, .08) !important;
  margin-bottom: 16px !important;
}

/* 查看更多 footer */
body .right-card-footer {
  border-top: 1px solid #eef3f8;
}

body .right-card-more {
  color: var(--brand-link, #00A0E9) !important;
  font-weight: 600;
}

/* ---- .right_main h2：白底蓝条 → 品牌蓝渐变 + 白字 ---- */
body .right_main h2 {
  background: linear-gradient(135deg, #00A0E9 0%, #2f80ed 100%) !important;
  color: #ffffff !important;
  border-bottom: none !important;
  letter-spacing: .5px;
  text-shadow: 0 1px 2px rgba(0, 60, 120, .25);
}

body .right_main h2::before {
  content: '' !important;
  display: inline-block !important;
  width: 4px !important;
  height: 15px !important;
  background: #ffffff !important;
  border-radius: 2px !important;
  margin-right: 9px !important;
  vertical-align: middle !important;
}

/* right_main 主体与列表圆角衔接 */
body .right_main .rightHot {
  border-radius: 0 0 10px 10px !important;
}

/* ---- .seo-sidebar .widget-title：白底深字 → 品牌蓝渐变 + 白字 ---- */
body .seo-sidebar .widget-title {
  background: linear-gradient(135deg, #00A0E9 0%, #2f80ed 100%) !important;
  color: #ffffff !important;
  border-bottom: none !important;
  letter-spacing: .5px;
  text-shadow: 0 1px 2px rgba(0, 60, 120, .25);
}

/* widget 卡片容器圆角衔接 */
body .seo-sidebar .sidebar-widget {
  overflow: hidden;
}