/* WP Notices Manager — Frontend Notices */

.wp_notices_manager-notice { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.5; position: relative; }
.wp_notices_manager-notice * { box-sizing: inherit; }

/* ─── Banner (top/bottom) ── */
.wp_notices_manager-notice--top-banner,
.wp_notices_manager-notice--bottom-banner { position: fixed; left: 0; right: 0; z-index: 99999; padding: 12px 20px; box-shadow: 0 2px 8px rgba(0,0,0,.15); animation: wp_notices_managerFadeIn .3s ease; }
.wp_notices_manager-notice--top-banner    { top: 0; }
.wp_notices_manager-notice--bottom-banner { bottom: 0; }
body.admin-bar .wp_notices_manager-notice--top-banner { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar .wp_notices_manager-notice--top-banner { top: 46px; } }

/* ─── Popup Modal ── */
.wp_notices_manager-notice--popup { position: fixed; inset: 0; z-index: 99998; display: flex; align-items: center; justify-content: center; padding: 20px; }
.wp_notices_manager-notice--popup::before { content: ''; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: -1; }
.wp_notices_manager-notice--popup .wp_notices_manager-notice__inner { border-radius: 12px; max-width: 560px; width: 100%; padding: 32px; box-shadow: 0 20px 60px rgba(0,0,0,.3); animation: wp_notices_managerScaleIn .25s ease; }

/* ─── Inline / After Content ── */
.wp_notices_manager-notice--inline { border-radius: 8px; margin: 1.5rem 0; padding: 16px 20px; }

/* ─── Inner Layout ── */
.wp_notices_manager-notice__inner { display: flex; align-items: flex-start; gap: 14px; }
.wp_notices_manager-notice__icon { font-size: 1.4em; flex-shrink: 0; line-height: 1.2; }
.wp_notices_manager-notice__body { flex: 1; }
.wp_notices_manager-notice__title { display: block; font-weight: 700; margin-bottom: 4px; }
.wp_notices_manager-notice__content { margin: 0; }
.wp_notices_manager-notice__content p { margin: 0; }
.wp_notices_manager-notice__cta { display: inline-block; margin-top: 10px; padding: 6px 16px; border: 2px solid currentColor; border-radius: 6px; font-weight: 600; font-size: 13px; text-decoration: none; transition: opacity .15s; }
.wp_notices_manager-notice__cta:hover { opacity: .8; }
.wp_notices_manager-notice__close { position: absolute; top: 10px; right: 14px; background: none; border: none; font-size: 18px; cursor: pointer; opacity: .6; line-height: 1; padding: 2px 6px; border-radius: 4px; transition: opacity .15s, background .15s; color: inherit; }
.wp_notices_manager-notice__close:hover { opacity: 1; background: rgba(0,0,0,.1); }

/* ─── Hidden state ── */
.wp_notices_manager-notice--hidden { display: none !important; }

/* ─── Animations ── */
@keyframes wp_notices_managerFadeIn  { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@keyframes wp_notices_managerScaleIn { from { opacity: 0; transform: scale(.92); }       to { opacity: 1; transform: none; } }

/* ─── Responsive ── */
@media (max-width: 600px) {
    .wp_notices_manager-notice--top-banner, .wp_notices_manager-notice--bottom-banner { padding: 10px 14px; font-size: 13px; }
    .wp_notices_manager-notice__icon { display: none; }
}