/* Scoped inventory notice, including on the main WordPress dashboard. */
.notice.afop-stock-notice { border: 1px solid #e8d5ae; border-left: 4px solid #e7a825; border-radius: 12px; background: #fffcf6; padding: 22px 38px 0 22px; margin: 18px 20px 22px 0; box-shadow: 0 6px 20px #123f6508; color: #163c5b; }
.afop-stock-notice-heading { display: flex; gap: 14px; align-items: flex-start; }
.afop-stock-notice-heading > .dashicons { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center; font-size: 24px; background: #fff0cf; color: #8b570a; }
.afop-stock-notice-eyebrow { display: block; font-size: 10px; letter-spacing: 1.4px; font-weight: 700; color: #80551b; margin-bottom: 5px; }
.afop-stock-notice h2 { margin: 0; font-size: 19px; line-height: 1.4; color: #163c5b; }
.afop-stock-notice-heading p { color: #627183; padding: 0; margin: 5px 0 0; }
.afop-stock-notice-products { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin: 18px 0; }
.afop-stock-notice-products li { padding: 13px 15px; border: 1px solid #e9e1d4; border-radius: 9px; background: #fff; margin: 0; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; justify-content: space-between; }
.afop-stock-notice-products li > div { display: flex; flex-direction: column; gap: 7px; }
.afop-stock-notice-products strong { font-size: 13px; color: #163c5b; overflow-wrap: anywhere; }
.afop-stock-notice-quantity { align-self: flex-start; font-size: 11px; font-weight: 650; border-radius: 5px; padding: 3px 8px; background: #fff0cf; color: #79500e; }
.afop-stock-notice-products a { color: #16619a; font-size: 12px; text-decoration: none; font-weight: 650; }
.afop-stock-notice a:hover { text-decoration: underline; }
.afop-stock-notice a:focus-visible { outline: 2px solid #16619a; outline-offset: 3px; }
.afop-stock-notice-footer { border-top: 1px solid #eadfcf; padding: 14px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.afop-stock-notice-footer > a { color: #145a90; font-size: 12px; font-weight: 650; text-decoration: none; }
.afop-stock-notice-footer > span { color: #6c7480; font-size: 11px; }
.afop-stock-notice .notice-dismiss { top: 10px; right: 8px; }
@media (max-width: 600px) { .notice.afop-stock-notice { padding: 18px 32px 0 16px; margin-right: 10px; } .afop-stock-notice-products { grid-template-columns: 1fr; } .afop-stock-notice h2 { font-size: 17px; } }