/* ========================================
   KIKI LASHES — Cards & Icons Supplement
   v2 — Consolidated card system
   Works with style.css v8+
   
   .kiki-card in style.css is the SINGLE source for:
   - border-radius: 16px
   - box-shadow (warm charcoal, diffuse)
   - hover (translateY + deeper shadow, 200ms ease)
   
   This file only adds per-card-type ACCENT BORDERS
   and image-area radius. No shadow or hover overrides.
   ======================================== */

/* --- Accent borders per card type --- */

/* Gold top accent line — applies to all card types except location-card (bottom) */
.service-card.kiki-card,
.why-card.kiki-card,
.service-item.kiki-card,
.tier-card.kiki-card,
.artist-card.kiki-card,
.studio-card.kiki-card,
.book-card.kiki-card,
.gallery-item.kiki-card {
  border-top: 2px solid var(--gold);
}

/* Location cards: gold bottom line (image on top, border at bottom) */
.location-card.kiki-card {
  border-bottom: 2px solid var(--gold);
}

/* --- Image area radius (top corners only) --- */
.service-card.kiki-card .card-image,
.location-card.kiki-card .location-card-image {
  border-radius: 16px 16px 0 0;
}

/* --- Custom SVG icon sizing --- */
.kl-icon-lg { font-size: 2rem; }
.kl-icon-md { font-size: 1.5rem; }
.kl-icon-sm { font-size: 1rem; }

.card-placeholder .kl-icon {
  color: var(--gold);
  opacity: 0.35;
}