/* ------ Classified notices landing page ----------------------------------
   Loaded only by resources/views/front/classifieds/index.blade.php. The page
   previously put each category's description inside .cat-wid-list li span,
   which the theme styles as a small red count badge. */

.tvc-hero { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:18px; padding-bottom:24px; margin-bottom:30px; border-bottom:1px solid #eee; text-align:left; }
.tvc-hero__text { flex:1 1 420px; }
.tvc-hero__title { margin:0 0 8px; font-size:30px; font-weight:700; line-height:1.2; color:#222; text-align:left; }
.tvc-hero__lede { margin:0; font-size:15px; line-height:1.6; color:#666; }

.tvc-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 22px; font-size:12px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; border-radius:2px; transition:background 150ms linear, color 150ms linear; }
.tvc-btn--primary { background:#e93314; color:#fff; }
.tvc-btn--primary:hover { background:#292929; color:#fff; }
.tvc-btn--light { background:#fff; color:#222; }
.tvc-btn--light:hover { background:#bcd532; color:#222; }

.tvc-sections { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; }
.tvc-panel { display:flex; flex-direction:column; padding:24px; background:#fff; border:1px solid #eee; border-top:3px solid #e93314; text-align:left; }
.tvc-panel__head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:18px; }
.tvc-panel__title { margin:0; font-size:20px; font-weight:700; line-height:1.3; text-align:left; }
.tvc-panel__title a { color:#222; }
.tvc-panel__title a:hover { color:#e93314; }
.tvc-panel__all { flex:0 0 auto; font-size:12px; font-weight:600; color:#e93314; text-transform:uppercase; }
.tvc-panel__all:hover { color:#222; }
.tvc-panel__sub { margin:22px 0 10px; font-size:12px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:#999; text-align:left; }

.tvc-cats { display:grid; gap:10px; }
.tvc-cat { display:flex; gap:14px; padding:14px; background:#fafafa; border:1px solid #f0f0f0; border-radius:2px; color:#222; transition:border-color 150ms linear, background 150ms linear; }
.tvc-cat:hover { background:#fff; border-color:#e93314; color:#222; }
.tvc-cat__icon { flex:0 0 42px; height:42px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #eee; border-radius:50%; color:#e93314; font-size:17px; }
.tvc-cat__body { display:flex; flex-direction:column; min-width:0; }
.tvc-cat__name { font-size:15px; font-weight:700; line-height:1.3; }
.tvc-cat__blurb { margin-top:2px; font-size:13px; line-height:1.5; color:#666; }
.tvc-cat__term { margin-top:6px; font-size:11px; font-weight:600; color:#7a9a0e; }
.tvc-cat__term i { margin-right:3px; }

.tvc-latest { margin:0; padding:0; list-style:none; }
.tvc-latest li { display:flex; flex-direction:column; padding:10px 0; border-bottom:1px solid #f0f0f0; }
.tvc-latest li:last-child { border-bottom:0; }
.tvc-latest li.is-featured { padding-left:10px; border-left:3px solid #bcd532; }
.tvc-latest__title { font-size:14px; font-weight:600; line-height:1.4; color:#222; }
.tvc-latest__title:hover { color:#e93314; }
.tvc-latest__meta { margin-top:2px; font-size:12px; color:#888; }
.tvc-badge { display:inline-block; margin-right:4px; padding:0 6px; background:#bcd532; color:#222; font-size:10px; font-weight:700; line-height:1.7; text-transform:uppercase; border-radius:2px; }

.tvc-empty { padding:18px; background:#fafafa; border:1px dashed #ddd; text-align:center; }
.tvc-empty p { margin:0 0 4px; font-size:13px; color:#777; text-align:center; }
.tvc-empty a { font-size:13px; font-weight:600; color:#e93314; }
.tvc-empty a:hover { color:#222; }

.tvc-info { display:grid; grid-template-columns:3fr 2fr; gap:24px; margin-top:30px; }
.tvc-info__block { padding:24px; background:#fafafa; border:1px solid #eee; text-align:left; }
.tvc-info__block h3 { margin:0 0 14px; font-size:17px; font-weight:700; text-align:left; }
.tvc-info__block--dark { background:#292929; border-color:#292929; color:#ccc; }
.tvc-info__block--dark h3 { color:#fff; }
.tvc-info__block--dark p { margin:0 0 16px; font-size:13px; line-height:1.6; color:#ccc; }
.tvc-steps { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin:0; padding:0; list-style:none; counter-reset:step; }
.tvc-steps li { position:relative; padding-top:40px; font-size:13px; line-height:1.5; color:#555; counter-increment:step; }
.tvc-steps li:before { content:counter(step); position:absolute; top:0; left:0; width:30px; height:30px; display:flex; align-items:center; justify-content:center; background:#e93314; color:#fff; font-size:13px; font-weight:700; border-radius:50%; }
.tvc-steps strong { display:block; font-weight:700; color:#222; }

@media only screen and (max-width: 900px) {
    .tvc-sections, .tvc-info { grid-template-columns:1fr; }
}
@media only screen and (max-width: 560px) {
    .tvc-hero__title { font-size:24px; }
    .tvc-hero .tvc-btn { width:100%; justify-content:center; }
    .tvc-panel { padding:18px; }
    .tvc-steps { grid-template-columns:1fr; }
    .tvc-steps li { padding:4px 0 0 42px; min-height:30px; }
}