/* ============================================================================
   Clearout Crew — Refresh module: CARDS
   Part of the "Warm & Elevated" refresh (owner-approved 2026-08-09). Styles ONLY
   the card silhouette (service / audience / why-choose cards) and keeps the
   trust strip as one flush panel.

   Handle: cc-refresh-cards   ·   Loads after premium.css.
   Toggle just the cards: dequeue 'cc-refresh-cards'. Changes nothing else.
   ========================================================================== */

/* Drop premium's on-hover top accent-rule on every liftable card — the generic
   "rail on a rounded card" look. Let the warm material + icon chip carry it. */
.cc-card:not(.cc-guide-card)::before { content: none; }

/* Calmer resting state: a warm hairline that warms a touch on hover. */
.cc-card:not(.cc-guide-card) {
  border-radius: 18px;
  border: 1px solid var(--cc-border-warm);
}
@media (hover: hover) and (pointer: fine) {
  .cc-card:not(.cc-guide-card):hover { border-color: #E2CBB4; }
}

/* Friendlier, slightly softer icon coaster (keeps premium's lit chip look). */
.cc-card .cc-icon { border-radius: 14px; }

/* The trust strip must stay ONE flush panel (premium collapses its inner cards
   into a single strip with hairline dividers) — undo the per-card border/radius
   above so the strip is not chopped into four bordered boxes. */
.cc-trust .cc-card {
  border: none;
  border-radius: 0;
}

/* Phone: the homepage four-pillar cards each carry a full sentence, so the shared
   space-saving 2-up phone density (components.css) wraps them hard and cramped.
   Give ONLY the homepage pillars (.cc-pillars) a single comfortable column on
   phones and restore the full icon + padding, since each card is now full width.
   Every other 4-up icon grid keeps its 2-up density — this is scoped, not global. */
@media (max-width: 639px) {
  .cc-pillars .cc-cards--4.wp-block-columns { grid-template-columns: 1fr; }
  .cc-pillars .cc-cards--4 .cc-card { padding: var(--cc-space-24); }
  .cc-pillars .cc-cards--4 .cc-icon {
    width: 3rem; height: 3rem; margin-bottom: var(--cc-space-16);
  }
  .cc-pillars .cc-cards--4 .cc-icon .cc-svg { width: 1.5rem; height: 1.5rem; }
}