/* VersityAdmission core - widget styles (share, cards, ads, consent, app, credit) */
.va-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font:600 15px/1 var(--font-body,Inter,system-ui,sans-serif);padding:13px 20px;border-radius:12px;background:var(--accent,#f07820);color:#fff;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.va-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(240,120,32,.3)}
.va-btn-ghost{background:transparent;color:var(--brand,#3048a0);box-shadow:inset 0 0 0 1.5px var(--line-strong,#c9d3ef)}
.va-btn-ghost:hover{background:var(--brand-50,#eef2ff);box-shadow:inset 0 0 0 1.5px var(--brand,#3048a0)}

/* Share */
.va-share{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0;padding:14px 16px;border:1px solid var(--line,#e3e8f5);border-radius:16px;background:var(--surface,#fff);position:relative}
.va-share-title{font:700 13px/1 var(--font-head,Outfit,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5a6685)}
.va-share-btns{display:flex;flex-wrap:wrap;gap:8px}
.va-share-btn{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;background:var(--brand-50,#eef2ff);color:var(--brand,#3048a0);border:0;cursor:pointer;text-decoration:none;transition:transform .15s,background .15s,color .15s}
.va-share-btn:hover{transform:translateY(-2px);color:#fff}
.va-s-facebook:hover{background:#1877f2}.va-s-x:hover{background:#000}.va-s-whatsapp:hover{background:#25d366}.va-s-telegram:hover{background:#229ed9}
.va-s-linkedin:hover{background:#0a66c2}.va-s-reddit:hover{background:#ff4500}.va-s-pinterest:hover{background:#e60023}.va-s-email:hover,.va-s-copy:hover,.va-s-native:hover{background:var(--brand,#3048a0)}
.va-share-btn[hidden]{display:none}
.va-toast{position:absolute;right:16px;top:-14px;background:#0e1a47;color:#fff;font:600 13px/1 var(--font-body,Inter,sans-serif);padding:8px 12px;border-radius:999px;opacity:0;transform:translateY(6px);pointer-events:none;transition:.2s}
.va-toast.on{opacity:1;transform:none}

/* Photo cards */
.va-cards{margin:32px 0;padding:24px;border:1px solid var(--line,#e3e8f5);border-radius:20px;background:linear-gradient(180deg,var(--brand-50,#eef2ff),var(--surface,#fff) 60%)}
.va-cards-head h2{margin:0 0 6px;font:700 22px/1.2 var(--font-head,Outfit,sans-serif);color:var(--ink,#0e1a47)}
.va-cards-head p{margin:0 0 18px;color:var(--muted,#5a6685);font-size:15px}
.va-cards-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.va-cards-stage{display:grid;place-items:center;background:repeating-conic-gradient(#e9edf8 0 25%,#f6f8fd 0 50%) 0 0/20px 20px;border-radius:14px;padding:14px}
.va-cards-canvas{max-width:100%;max-height:560px;width:auto;height:auto;border-radius:8px;box-shadow:0 12px 32px rgba(14,26,71,.22)}
.va-cards-side{position:relative;display:flex;flex-direction:column;gap:16px}
.va-cards-sizes{display:flex;flex-wrap:wrap;gap:6px}
.va-card-size{border:0;cursor:pointer;padding:8px 14px;border-radius:999px;font:600 13px/1 var(--font-body,Inter,sans-serif);background:var(--surface,#fff);color:var(--muted,#5a6685);box-shadow:inset 0 0 0 1px var(--line-strong,#c9d3ef)}
.va-card-size[aria-selected=true]{background:var(--brand,#3048a0);color:#fff;box-shadow:none}
.va-cards-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.va-card-thumb{border:2px solid transparent;background:var(--surface,#fff);padding:6px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:center;box-shadow:0 1px 4px rgba(14,26,71,.1)}
.va-card-thumb canvas{width:100%;height:auto;border-radius:6px;display:block;max-height:110px;object-fit:contain}
.va-card-thumb span{font:600 12px/1 var(--font-body,Inter,sans-serif);color:var(--muted,#5a6685)}
.va-card-thumb[aria-selected=true]{border-color:var(--accent,#f07820)}
.va-cards-actions{display:flex;flex-wrap:wrap;gap:10px}
.va-cards-side .va-toast{top:auto;bottom:-6px;right:auto;left:0}
@media(max-width:820px){.va-cards-body{grid-template-columns:1fr}.va-cards{padding:16px}}

/* Ads */
.va-ad{margin:24px auto;text-align:center;max-width:100%;overflow:hidden;min-height:50px}
.va-ad-label{display:block;font:500 10px/1 var(--font-body,Inter,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#8b95b3;margin-bottom:6px}
.va-ad-demo{border:2px dashed var(--line-strong,#c9d3ef);border-radius:12px;padding:22px;color:#8b95b3;font:500 13px/1.4 var(--font-body,Inter,sans-serif);background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(48,72,160,.04) 10px 20px)}

/* Consent */
.va-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:760px;margin:0 auto;background:#0e1a47;color:#e6ebff;border-radius:16px;padding:16px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;box-shadow:0 18px 48px rgba(0,0,0,.35);opacity:0;transform:translateY(20px);transition:.3s}
.va-consent[hidden]{display:none}
.va-consent.on{opacity:1;transform:none}
.va-consent p{margin:0;flex:1 1 320px;font:400 14px/1.5 var(--font-body,Inter,sans-serif)}
.va-consent a{color:#ffb272}
.va-consent-btns{display:flex;gap:8px}
.va-consent .va-btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.va-consent .va-btn-ghost:hover{background:rgba(255,255,255,.1)}
.va-consent .va-btn{padding:11px 16px;font-size:14px}

/* App buttons (footer, left) */
.va-app{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.va-app-label{font:700 12px/1 var(--font-head,Outfit,sans-serif);letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.va-app-btns{display:flex;flex-wrap:wrap;gap:8px}
.va-app-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:rgba(255,255,255,.1);color:inherit;border:1px solid rgba(255,255,255,.22);font:600 13px/1 var(--font-body,Inter,sans-serif);cursor:pointer;text-decoration:none;transition:background .15s}
.va-app-btn:hover{background:rgba(255,255,255,.2)}
.va-app-btn[hidden]{display:none}
.va-app-help{font:400 13px/1.5 var(--font-body,Inter,sans-serif);max-width:340px;opacity:.9}
.va-app-help[hidden]{display:none}

/* Developer credit (footer, right) */
.va-credit{font:400 13px/1.4 var(--font-body,Inter,sans-serif);opacity:.8;text-align:right}
.va-credit a,.va-credit strong{color:inherit;font-weight:700}
.va-credit a:hover{text-decoration:underline}