/* MobilityRepair.ie — compact shared Mobility Minder strip (partials/mobility-minder-prompt.php).
   Loaded once from the shared head. Every selector is prefixed so it cannot collide with page styles. */

.mr-minder-prompt{max-width:1380px; margin:0 auto; padding:0 24px clamp(20px, 3vw, 28px)}
.mr-minder-prompt-card{position:relative; overflow:hidden; display:grid; grid-template-columns:auto minmax(0, 1fr); gap:12px 16px; align-items:center; background:linear-gradient(125deg,#F3F8F4 0%,#EDF3EE 58%,#F7FAF8 100%); border:1px solid rgba(47,158,82,0.25); border-left:5px solid #2FA45C; border-radius:18px; padding:clamp(16px, 2.7vw, 24px) clamp(16px, 3vw, 28px); box-shadow:0 8px 24px rgba(12,29,54,0.05)}
.mr-minder-prompt-mark{width:42px; height:42px; border-radius:50%; display:grid; place-items:center; align-self:start; background:#17406D; color:#FFFFFF; font-family:'Space Grotesk',sans-serif; font-size:19px; font-weight:700; box-shadow:0 5px 14px rgba(23,64,109,0.2)}
.mr-minder-prompt-body{display:flex; flex-direction:column; gap:5px; min-width:0}
.mr-minder-prompt-kicker{display:flex; flex-wrap:wrap; align-items:center; gap:7px 12px}
.mr-minder-prompt-eyebrow{font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:#1F7A43}
.mr-minder-prompt-offer{display:inline-flex; align-items:center; min-height:24px; box-sizing:border-box; padding:3px 9px; border-radius:999px; background:#DFF1E4; color:#176A39; font-family:'Space Grotesk',sans-serif; font-size:11.5px; font-weight:700}
.mr-minder-prompt-title{margin:0; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(19px, 2.2vw, 24px); line-height:1.2; letter-spacing:-0.02em; color:#0C1D36; text-wrap:balance; overflow-wrap:break-word}
.mr-minder-prompt-text{margin:0; max-width:72ch; font-size:14.5px; line-height:1.5; color:#344662; overflow-wrap:break-word}
.mr-minder-prompt-note{margin:2px 0 0; max-width:88ch; font-size:12.5px; line-height:1.45; color:#657188; overflow-wrap:break-word}
.mr-minder-prompt-note strong{color:#2A6540}

/* Link to the plan page: navy remains visually secondary to each page's main green estimate action. */
.mr-minder-prompt-cta{grid-column:1 / -1; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; background:#17406D; color:#FFFFFF; text-decoration:none; text-align:center; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:14.5px; line-height:1.25; padding:11px 20px; border-radius:999px; transition:background .2s, transform .2s}
.mr-minder-prompt-cta:hover{background:#0C1D36}
.mr-minder-prompt-cta:focus-visible{outline:3px solid #2FA45C; outline-offset:3px}

@media (min-width:820px){
  .mr-minder-prompt-card{grid-template-columns:auto minmax(0, 1fr) auto; gap:16px 20px}
  .mr-minder-prompt-cta{grid-column:auto; min-width:190px}
  .mr-minder-prompt-cta:hover{transform:translateY(-1px)}
}
@media (max-width:420px){
  .mr-minder-prompt-card{grid-template-columns:1fr}
  .mr-minder-prompt-mark{display:none}
}

/* Windows high-contrast: keep the button edge visible when backgrounds are overridden. */
@media (forced-colors:active){
  .mr-minder-prompt-cta{border:1px solid CanvasText}
}