/* YiwuPage Subpage Theme v1.0 — 2026-08-03 */
.yw-hero{background:#fff;border-bottom:1px solid #E5E7EB;padding:28px 0 24px}
.yw-hero h1{font-size:22px;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.3}
.yw-hero p{font-size:14px;color:#6B7280;margin:0;line-height:1.5}
.yw-hero .yw-count{font-size:13px;color:#9CA3AF;margin-top:8px;font-weight:500}
.yw-card-hover{transition:border-color .2s ease,box-shadow .2s ease}
.yw-card-hover:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}
.yw-accent-blue .yw-card-hover:hover{border-color:#1E40AF}
.yw-accent-sky .yw-card-hover:hover{border-color:#2563EB}
.yw-accent-purple .yw-card-hover:hover{border-color:#7C3AED}
.yw-accent-teal .yw-card-hover:hover{border-color:#0F766E}
@media(max-width:768px){.yw-hero{padding:20px 0 18px}.yw-hero h1{font-size:18px}.yw-hero p{font-size:13px}}

/* 6. Harmonize existing hero sections (additive — no HTML changes needed) */
.yp-dir-hero, .yp-jobs-header, .yp-seekers-header {
    background: #FFFFFF;
    border-bottom: 1px solid #E5E7EB;
    padding: 28px 0 24px;
}
.yp-dir-hero-title, .yp-jobs-title, .yp-seekers-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 6px !important;
    line-height: 1.3 !important;
}
.yp-dir-hero-desc, .yp-jobs-subtitle, .yp-seekers-subtitle {
    font-size: 14px !important;
    color: #6B7280 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}
.yp-jobs-count, .yp-seekers-count {
    font-size: 13px !important;
    color: #9CA3AF !important;
    margin-top: 8px !important;
    font-weight: 500 !important;
}
@media(max-width:768px) {
    .yp-dir-hero-title, .yp-jobs-title, .yp-seekers-title { font-size: 18px !important; }
    .yp-dir-hero-desc, .yp-jobs-subtitle, .yp-seekers-subtitle { font-size: 13px !important; }
}

/* 7. Card Hover Effects — applied to existing card classes (no HTML changes) */
.yp-dir-cat-card, .yp-job-card, .yp-seeker-card, .yp-posts-card {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
/* Companies — blue accent */
.yp-dir-cat-card:hover {
    border-color: #1E40AF !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}
/* Jobs — sky blue accent */
.yp-job-card:hover {
    border-color: #2563EB !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}
/* Jobseekers — purple accent */
.yp-seeker-card:hover {
    border-color: #7C3AED !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}
/* Posts pages — teal accent */
.yp-posts-card:hover {
    border-color: #0F766E !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}