/* Onim Promo Manager - client styles (adapts to the Onim Console theme variables, with safe fallbacks) */
.op,.op *{box-sizing:border-box}
.op{--op-bg:var(--o-accent,#6c63ff);--op-fg:#fff;--op-ac:#fff;font-family:inherit;line-height:1.45}
.op-t-brand{--op-bg:var(--o-accent,#6c63ff);--op-fg:#fff;--op-ac:#fff}
.op-t-gradient{--op-bg:var(--o-accent,#6c63ff);--op-bg2:var(--o-accent-2,#12a37a);--op-fg:#fff;--op-ac:#fff}
.op-t-success{--op-bg:#12a37a;--op-fg:#fff}
.op-t-info{--op-bg:#2f7bff;--op-fg:#fff}
.op-t-warning{--op-bg:#f5b84b;--op-fg:#2a1d00}
.op-t-danger{--op-bg:#e5384b;--op-fg:#fff}
.op-t-dark{--op-bg:#0f172a;--op-fg:#f1f5f9}
.op-t-light{--op-bg:var(--o-surface,#fff);--op-fg:var(--o-text,#18203a);--op-ac:var(--o-accent,#6c63ff)}
.op-t-gradient{background-image:linear-gradient(135deg,var(--op-bg),var(--op-bg2))}
.op:not(.op-t-gradient):not(.op-textads):not(.op-img-only){background-color:var(--op-bg)}
.op:not(.op-textads){color:var(--op-fg)}
.op a{text-decoration:none}
.op-title{display:block;font-size:1.05em}
.op-body{display:block;opacity:.92}
.op-body a{color:inherit;text-decoration:underline}

/* buttons */
.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.7rem;padding:.55rem 1.1rem;border-radius:10px;background:var(--op-ac);color:var(--op-bg)!important;font-weight:700;font-size:.9rem;white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .15s,filter .15s}
.op-btn:hover{filter:brightness(.95);transform:translateY(-1px)}
.op-t-light .op-btn{background:var(--o-accent,#6c63ff);color:#fff!important}
.op-t-warning .op-btn{background:#2a1d00;color:#fff!important}
.op-btn-lg{padding:.8rem 1.6rem;font-size:1rem}
.op-btn-sm{padding:.4rem .85rem;font-size:.82rem;margin-top:.5rem}
.op-x{position:absolute;top:.55rem;right:.6rem;width:28px;height:28px;border:0;border-radius:8px;background:rgba(0,0,0,.18);color:inherit;font-size:1.2rem;line-height:1;cursor:pointer;opacity:.85}
.op-x:hover{background:rgba(0,0,0,.32);opacity:1}
.op-t-light .op-x{background:rgba(127,140,180,.18)}

/* announcement bar */
.op-bar{position:relative;z-index:1045;padding:.6rem 3rem .6rem 1rem;text-align:center}
.op-bar .op-btn{margin:0 0 0 1rem;padding:.3rem .9rem;font-size:.82rem;box-shadow:none}
.op-bar-in{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap}
.op-bar .op-title,.op-bar .op-body{display:inline}
.op-bar .op-title{margin-right:.4rem}
.op-bar.op-al-left .op-bar-in{justify-content:flex-start}.op-bar.op-al-right .op-bar-in{justify-content:flex-end}
.op-bar .op-x{top:50%;transform:translateY(-50%)}
.op-bar.op-fixed{position:fixed;left:0;right:0;bottom:0;box-shadow:0 -6px 24px rgba(0,0,0,.2)}
.op-t-light.op-bar{border-bottom:1px solid var(--o-border,#dde3f0)}

/* banner */
.op-banner{position:relative;display:flex;align-items:stretch;margin:0 0 1.25rem;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(16,24,40,.12)}
.op-t-light.op-banner{border:1px solid var(--o-border,#dde3f0)}
.op-copy{flex:1;padding:1.5rem 1.75rem}
.op-copy .op-title{font-size:1.35rem;margin-bottom:.25rem}
.op-media{flex:0 0 36%;max-width:340px;min-height:150px}
.op-media img{display:block;width:100%;height:100%;object-fit:cover}
.op-banner.op-al-center .op-copy{text-align:center}.op-banner.op-al-right .op-copy{text-align:right}
.op-banner.op-img-only{display:block;background:none!important;padding:0;box-shadow:none}
.op-banner.op-img-only img{display:block;width:100%;height:auto;border-radius:16px}
.op-img-link{display:block}
.op-banner .op-x{background:rgba(0,0,0,.3);color:#fff}
@media(max-width:767px){.op-banner{flex-direction:column}.op-media{flex:none;max-width:none;max-height:190px}.op-copy{padding:1.2rem}}

/* popup */
html.op-lock{overflow:hidden}
.op-overlay{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:1rem;background:rgba(8,12,24,.6);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s}
.op-overlay.open{opacity:1}
.op-popup{position:relative;width:min(480px,100%);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:translateY(14px) scale(.97);transition:transform .25s}
.op-overlay.open .op-popup{transform:none}
.op-pop-media img{display:block;width:100%;max-height:240px;object-fit:cover}
.op-pop-copy{padding:1.75rem 1.75rem 1.9rem}
.op-pop-copy .op-title{font-size:1.5rem;margin-bottom:.4rem}
.op-popup.op-al-center .op-pop-copy{text-align:center}.op-popup.op-al-right .op-pop-copy{text-align:right}
.op-popup .op-x{background:rgba(0,0,0,.35);color:#fff}
.op-t-light.op-popup{border:1px solid var(--o-border,#dde3f0)}
.op-overlay.op-inline{position:relative;inset:auto;z-index:auto;padding:1.25rem;border-radius:14px;opacity:1;backdrop-filter:none;background:rgba(8,12,24,.35)}
.op-overlay.op-inline .op-popup{transform:none}

/* slide-in */
.op-toast{position:fixed;bottom:1.25rem;z-index:2050;display:flex;gap:.8rem;width:min(360px,calc(100vw - 2rem));padding:1rem 2.4rem 1rem 1rem;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);opacity:0;transform:translateY(20px);transition:.3s}
.op-toast.op-right{right:1.25rem}.op-toast.op-left{left:1.25rem}
.op-toast.open{opacity:1;transform:none}
.op-toast-img{flex:none;width:56px;height:56px;border-radius:12px;object-fit:cover}
.op-toast .op-title{font-size:.98rem}.op-toast .op-body{font-size:.88rem}
.op-t-light.op-toast{border:1px solid var(--o-border,#dde3f0)}
.op-toast.op-inline{position:relative;inset:auto;opacity:1;transform:none;width:100%;max-width:360px}

/* text ads */
.op-textads{margin:0 0 1.25rem;padding:.9rem 1rem 1rem;background:var(--o-surface,#fff);border:1px solid var(--o-border,#dde3f0);border-radius:14px;color:var(--o-text,#18203a)}
.op-textads-h{display:flex;align-items:center;margin-bottom:.5rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--o-muted,#66728f)}
.op-ad{position:relative;display:block;padding:.65rem 0;border-top:1px solid var(--o-border,#dde3f0);color:inherit}
.op-ad:first-of-type{border-top:0}
.op-ad-badge{display:inline-block;margin-right:.4rem;padding:0 .35rem;border:1px solid var(--o-muted,#66728f);border-radius:4px;font-size:.62rem;font-weight:700;color:var(--o-muted,#66728f);vertical-align:middle}
.op-ad-t{font-size:.98rem;color:var(--o-accent,#6c63ff);vertical-align:middle}
.op-ad:hover .op-ad-t{text-decoration:underline}
.op-ad-u{display:block;margin-top:.1rem;font-size:.78rem;color:var(--o-accent-2,#12a37a)}
.op-ad-d{display:block;margin-top:.15rem;font-size:.86rem;color:var(--o-muted,#66728f)}

/* never show inside the order popup iframe */
html.onim-embed .op-bar,html.onim-embed .op-toast,html.onim-embed .op-overlay:not(.op-inline){display:none!important}
@media(prefers-reduced-motion:reduce){.op,.op *{transition:none!important}}