/* === DEVEOO QUICK ORDER === */

.dqo-btn { cursor: pointer; white-space: nowrap; }

#dqoModal .modal-dialog { max-width: 500px; margin: 30px auto; }
#dqoModal .modal-content { border: none; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); overflow: hidden; }

#dqoModal .modal-header {
    background-color: #FF6B00 !important;
    border-bottom: none !important;
    padding: 18px 24px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}
#dqoModal .modal-header .modal-title, #dqoModal .modal-header h4.modal-title {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; -webkit-background-clip: unset !important;
    order: 0 !important;
    margin: 0 !important;
}
#dqoModal .modal-header .close {
    color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; -webkit-background-clip: unset !important;
    opacity: 0.8 !important;
    text-shadow: none !important;
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px;
}
#dqoModal .modal-header .close:hover { opacity: 1 !important; }
#dqoModal .modal-body { padding: 24px; background: #fff; }

#dqoForm .form-group { margin-bottom: 16px; }
#dqoForm .form-group label { font-size: 13px; font-weight: 500; color: #161918; margin-bottom: 6px; display: block; }
#dqoForm .form-control { height: 44px; border: 1px solid #e0e0e0; border-radius: 5px; font-size: 14px; padding: 8px 14px; }
#dqoForm .form-control:focus { border-color: #07a120; box-shadow: 0 0 0 3px rgba(7,161,32,0.15); outline: none; }

#dqoModal .dqo-submit-btn,
#dqoModal .dqo-submit-btn:link,
#dqoModal .dqo-submit-btn:visited,
#dqoModal .dqo-submit-btn:active,
#dqoModal .dqo-submit-btn:focus {
    display: block !important;
    width: 100% !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 !important;
    margin-top: 20px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: #07a120 !important;
    background-color: #07a120 !important;
    border: none !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-align: center !important;
}
#dqoModal .dqo-submit-btn:hover {
    background: #059a1c !important;
    background-color: #059a1c !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.dqo-page-message { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; padding: 18px 24px; text-align: center; font-size: 15px; font-weight: 500; animation: dqo-slide-down 0.4s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.dqo-page-message.dqo-msg-success { background-color: #07a120; color: #fff; }
.dqo-page-message.dqo-msg-error { background-color: #e74c3c; color: #fff; }
.dqo-page-message .dqo-close-msg { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; opacity: 0.8; }
@keyframes dqo-slide-down { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

#dqoForm .dqo-error, #dqoForm .alert-danger { background-color: #fdf0ef; color: #c0392b; border: 1px solid #f5c6cb; border-radius: 5px; padding: 10px 14px; font-size: 13px; margin-top: 10px; }

@media (max-width: 767px) {
    .dqo-btn { margin-top: 10px; width: 100%; display: block; }
    #dqoModal .modal-dialog { margin: 10px; max-width: calc(100% - 20px); }
}

#dqoModal .dqo-submit-btn.dqo-loading {
    background: #999 !important;
    background-color: #999 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}

/* Quick order button in quickview modal - match product page style */
#quickview-modal .dqo-btn,
#quickview-modal .dqo-btn.btn-danger {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: auto !important;
    margin-top: 8px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: center !important;
    text-transform: none !important;
    padding: 10px 16px !important;
    background: #FA780A !important;
    background-color: #FA780A !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: none !important;
    border-radius: 25px !important;
}
#quickview-modal .dqo-btn:hover,
#quickview-modal .dqo-btn.btn-danger:hover {
    background: #e56a00 !important;
    background-color: #e56a00 !important;
}
#quickview-modal .col-add-btn,
#quickview-modal .col-add-btn:has(.dqo-btn) {
    display: block !important;
}