/* The parent footer emits this close button even without its modal stylesheet. */
#articleModal:not(.active) { display: none !important; }
#articleModal.active {
    display: flex !important; position: fixed; inset: 0; z-index: 10000;
    align-items: center; justify-content: center; padding: 20px;
    background: rgba(0, 0, 0, .8); box-sizing: border-box;
}
#articleModal .article-modal-dialog {
    position: relative; max-width: 780px; width: 100%; max-height: 85vh;
    overflow: auto; padding: 28px; border-radius: 18px; color: #faf6ef;
    background: #21190f; border: 1px solid rgba(221,161,53,.4);
}
#articleModal .article-modal-close { float: inline-end; color: #ebc46c; background: transparent; border: 0; font-size: 24px; cursor: pointer; }
body.woocommerce-checkout:not(.woocommerce-order-received):not(.woocommerce-order-pay) .checkout-title-section { padding-top: 56px; }
@media (max-width: 768px) {
    body.woocommerce-checkout:not(.woocommerce-order-received):not(.woocommerce-order-pay) .checkout-title-section { padding-top: 56px; }
    #articleModal .article-modal-dialog { padding: 20px; }
}