/* ==========================================================
   skin_base_2025A.css
   Global content theme for 2025A engineering pages
   Shared across Halogen-Free, Rogers, and special PCB pages
   Version: 2025-11-05W (Optimized inner content width)
========================================================== */

/* ===============================
   Main content panel
=============================== */
.float_right_out.content_panel {
  background: #ffffff;
  /* 原 padding: 32px; → 调整为更紧凑的内距 */
  padding: 18px 22px !important; /* ✅ 内容更靠近两侧，整体更饱满 */
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

/* 对表单密集型页面（Quote等）进一步微调 */
.quote-page .float_right_out.content_panel {
  padding: 16px 18px !important; /* ✅ 更紧凑的表格/表单间距 */
}

/* ===============================
   Section Cards
=============================== */
.module.card {
  background: #fff;
  border: 1px solid #dfe8ef;
  border-radius: 12px;
  padding: 26px;
  margin: 28px 0; /* ✅ Reduced spacing */
  position: relative;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
  border-left: 5px solid var(--accent-color, #004c97);
}

.module.card:first-of-type {
  margin-top: 22px !important; /* ✅ slightly bigger for breathing */
}

/* CTA spacing */
.cta-box {
  margin-top: 26px !important;
}

/* Card Titles / Main Titles */
.module.card h2,
.page_header h1,
.h2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-left: 10px;
  border-left: 3px solid var(--accent-color, #004c97);
}

/* Shared text spacing */
.module.card p,
.module.card ul,
.module.card li {
  padding-left: 10px;
}

/* List spacing */
ul.checklist li {
  margin: 6px 0;
}

/* Float clear helper */
.hf-clear {
  clear: both;
  height: 1px;
}

/* Image defaults */
.module.card img {
  max-width: 100%;
  border-radius: 10px;
}

/* Hover effect for cards */
.module.card:hover {
  transform: translateY(-2px);
  transition: 0.18s ease;
}

/* ===============================
   Floater Nav — Slim Modern UI
=============================== */

/* Remove old white floater container */
.float_left_out {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* ✅ Floater fill — no white frame */
.left-nav {
  background: var(--floater-bg, #eaf7ee);
  padding: 16px 14px !important;
  border-left: 4px solid var(--accent-color, #18a15f);
  border-radius: 6px;
  margin: 0 !important;
  width: 100% !important; /* ✅ full width */
  height: 100%; /* ✅ full side fill */
  box-sizing: border-box;
}

/* Section title inside floater */
.left-nav .section-title {
  font-size: 26px !important;
  font-weight: 800 !important;
  padding-left: 14px !important;
  margin: 18px 0 10px !important;
  border-left: 4px solid var(--accent-color, #18a15f) !important;
  color: var(--accent-color, #18a15f) !important;
  letter-spacing: 0.35px !important;
}

/* Floater links */
.left-nav a {
  display: block;
  padding: 8px 10px;
  font-size: 13px;
  border-radius: 5px;
  color: #222;
  border-left: 2px solid transparent;
  text-decoration: none;
  transition: all .22s ease;
}

/* Hover effect */
.left-nav a:hover {
  background: rgba(0,0,0,0.05);
  border-left: 2px solid var(--accent-color, #18a15f);
  transform: translateX(2px);
}

/* Active highlight */
.left-nav a.active,
.left-nav a[style*="<<"] {
  background: var(--accent-color, #18a15f);
  color: white !important;
  font-weight: 600;
  border-left: 2px solid var(--accent-color, #18a15f);
}

/* Hide old ASP titles */
.floater-section-title {
  display:none !important;
}

/* Mobile bottom bar text */
.mobile-quote-nav a {
  color:#fff;
  font-weight:bold;
}

/* Desktop alignment cleanup */
@media (min-width: 1200px) {
  .main_out {
    padding-left: 0 !important;
  }
  .float_left_out {
    margin-right: 0 !important;
  }
}

/* ==========================================================
   ✅ Halogen-Free page extra spacing tune
========================================================== */
.halogen-page .module.card {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.halogen-page .module.card:first-of-type {
  margin-top: 24px !important;
}

.halogen-page .cta-box {
  margin-top: 30px !important;
}

/* ==========================================
   ✅ Make Floater fill full left column
========================================== */

/* Force left side to act as vertical full block */
@media (min-width: 1200px) {
  .float_left_out {
    display: block !important;
    width: 260px !important; /* match nav width */
    min-height: 100% !important;
    background: var(--floater-bg, #eaf7ee) !important;  /* add background here */
    padding: 0 !important;
    border-radius: 0 6px 6px 0 !important;
  }

  /* Ensure nav fills container width */
  .left-nav {
    width: 100% !important;
    background: transparent !important; /* use parent background */
    border-left: 4px solid var(--accent-color, #18a15f);
    padding: 16px 14px;
  }
}