/* ============================================================
   PARRAINAGE — le bloc « recommandez, gagnez » (28/09/2026)
   Partiel : resources/views/front-end/_parrainage-cta.blade.php
   ⛔ Feuille externe et non <style> : sur /profile/{slug} le bloc vit dans la zone Vue.
   ============================================================ */
.umc-pa{--pa-a:#ff7a24;box-sizing:border-box;margin:18px 0;padding:18px;border-radius:18px;border:1px solid #ffd3b3;background:#fff7f1;color:#101114;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;text-align:left;clear:both}
.umc-pa *{box-sizing:border-box}
.umc-pa p{float:none;width:auto;margin:0}
.umc-pa-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(255,122,36,.16);color:#b54b00;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.umc-pa-titre{margin:8px 0 4px!important;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-.01em;color:inherit}
.umc-pa-sous{font-size:14px;line-height:1.5;color:#3d414a}
.umc-pa-sous a{color:#b54b00;font-weight:650;text-decoration:underline}
.umc-pa-code{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0 4px}
.umc-pa-champ{min-width:0;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid #f0d9c8}
.umc-pa-champ small{display:block;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}
.umc-pa-champ input{width:100%;border:0;background:transparent;padding:2px 0 0;font-size:14px;color:#101114;outline:none;text-overflow:ellipsis}
.umc-pa-c b{display:block;font-size:17px;letter-spacing:.06em;color:#101114}
.umc-pa .umc-partage{margin:8px 0 0}
.umc-pa-plus{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.umc-pa-natif,.umc-pa-sms{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #e3c6b1;background:#fff;color:#101114!important;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none!important}
.umc-pa-natif{background:linear-gradient(90deg,#f58529,#dd2a7b,#8134af);border:0;color:#fff!important}
html:not(.umc-pa-peut-partager) .umc-pa-natif{display:none}
.umc-pa-lien-espace{margin-left:auto;font-size:13.5px;font-weight:700;color:#b54b00!important}
.umc-pa-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.umc-pa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;background:var(--pa-a);color:#14100c!important;font-weight:800;font-size:15px;text-decoration:none!important}
.umc-pa-btn.s{background:#fff;border:1px solid #e3c6b1;color:#101114!important}
/* Bandeau : la version large et sombre (accueil, page d'explication). */
.umc-pa-bandeau{padding:26px;border:0;background:radial-gradient(120% 150% at 100% 0%,#3a1c08 0%,#16181d 50%,#0e0f12 100%);color:#fff;box-shadow:0 18px 44px rgba(14,15,18,.22)}
.umc-pa-bandeau .umc-pa-badge{background:rgba(255,122,36,.18);color:#ffb37a}
.umc-pa-bandeau .umc-pa-titre{font-size:clamp(20px,2.6vw,28px);color:#fff}
.umc-pa-bandeau .umc-pa-sous{color:#c9ccd3;font-size:15px;max-width:720px}
.umc-pa-bandeau .umc-pa-sous a{color:#ffb37a}
.umc-pa-bandeau .umc-pa-champ{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.umc-pa-bandeau .umc-pa-champ input,.umc-pa-bandeau .umc-pa-c b{color:#fff}
.umc-pa-bandeau .umc-pa-champ small{color:#9aa0aa}
.umc-pa-bandeau .umc-partage-titre{color:#c9ccd3}
.umc-pa-bandeau .umc-pa-sms{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff!important}
.umc-pa-bandeau .umc-pa-lien-espace{color:#ffb37a!important}
.umc-pa-bandeau .umc-pa-btn.s{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff!important}
html[data-theme="dark"] .umc-pa-carte{background:#23170f;border-color:#4a2c17;color:#e9eaee}
html[data-theme="dark"] .umc-pa-carte .umc-pa-sous{color:#b3b7c0}
html[data-theme="dark"] .umc-pa-carte .umc-pa-champ{background:#16181d;border-color:#3a2a1e}
html[data-theme="dark"] .umc-pa-carte .umc-pa-champ input,html[data-theme="dark"] .umc-pa-carte .umc-pa-c b{color:#e9eaee}
@media (max-width:560px){.umc-pa{padding:16px}.umc-pa-code{grid-template-columns:1fr}.umc-pa-lien-espace{margin-left:0;width:100%}}