/**
 * Price Lock & Update - Global Front Office Styles
 * 
 * This file contains CSS rules that apply to the entire shop front
 * when the module is active.
 */

/* Example: Styling the warning icon if needed globally */
.dfd-lock-icon {
    font-size: 1.2rem;
    color: #f0ad4e;
}

/* 
   The 'dfd-is-expired' class is used by our JS to identify 
   if the modal should be triggered immediately on page load.
*/

/* 
    Modal styles extracted from the template for better maintainability.
    We use !important to ensure these rules prevail over theme-specific CSS.
*/
#dfd-price-lock-modal .modal-header {
    background-color: #f0ad4e !important;
    color: white !important;
}

#dfd-price-lock-modal .material-icons {
    vertical-align: middle;
    margin-right: 5px;
}

/* 
    Z-Index check: We want this modal to be on top of menus, chats, 
    and every other possible element on the page. 
*/
#dfd-price-lock-modal {
    z-index: 999999 !important;
    background: rgba(0,0,0,0.5); /* Manual overlay in case Bootstrap's backdrop fails */
}

#dfd-price-lock-modal .modal-dialog {
    margin-top: 15% !important;
}

/* Force display when the 'in' class (Bootstrap 3/4) is present */
#dfd-price-lock-modal.in {
    display: block !important;
    opacity: 1 !important;
}