/* ==========================================================================
   MEDCARE — component skin + motion applied to EVERY page (inner pages reuse the
   shared mc-* components). Signature: sharp outline cards, an underlined section
   heading, a clean "rise" entrance. Blue, Playfair headings.
   ========================================================================== */
[data-template="medcare"]{ --rvl-anim: rvl-up; }

/* Sharp outline cards, lift on hover */
[data-template="medcare"] .mc-svc,
[data-template="medcare"] .mc-post,
[data-template="medcare"] .mc-tcard{ border-radius:2px; box-shadow:none; }
[data-template="medcare"] .mc-doc{ border-radius:2px; }
[data-template="medcare"] .mc-svc:hover,
[data-template="medcare"] .mc-post:hover{ box-shadow:0 24px 50px -28px rgb(var(--brand-500,19 92 209) / .5); transform:translateY(-6px); }

/* Underlined section headings (a medcare signature, all pages) */
[data-template="medcare"] .mc-shead__t{ position:relative; padding-bottom:.8rem; }
[data-template="medcare"] .mc-shead__t::after{ content:""; position:absolute; inset-inline-start:0; bottom:0; width:3rem; height:3px; background:var(--mc-blue); }
[data-template="medcare"] .mc-shead--center .mc-shead__t::after{ inset-inline-start:50%; transform:translateX(-50%); }

/* Square inputs + underline links */
[data-template="medcare"] .mc-field{ border-radius:2px; }

/* ---- Strong card identity (all pages): clinical, left accent bar + square icon ---- */
[data-template="medcare"] .mc-svc{ position:relative; text-align:start; overflow:hidden; padding-inline-start:2.2rem; }
[data-template="medcare"] .mc-svc::before{ content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:0; background:var(--mc-blue); transition:width .3s ease; }
[data-template="medcare"] .mc-svc:hover::before{ width:5px; }
[data-template="medcare"] .mc-svc__ico{ width:3.5rem; height:3.5rem; border-radius:8px; background:rgb(var(--brand-500,19 92 209) / .10); color:var(--mc-blue); }
[data-template="medcare"] .mc-svc__rule{ display:block; width:2.5rem; height:3px; background:var(--mc-blue); margin:1.15rem 0; }
