/* Bag Mylar Configurator - Styles */

/* Container */
#bag-mylar-configurator-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* iframe */
#bag-mylar-iframe {
    min-height: 800px;
    background: #f5f5f5;
}

/* Responsive */
@media (max-width: 768px) {
    #bag-mylar-iframe {
        min-height: 600px;
    }
}

/* Checkout styles - see class-bag-mylar-checkout.php for inline styles */

/* Notifications */
.bag-mylar-notice {
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
}

.bag-mylar-notice.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.bag-mylar-notice.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.bag-mylar-notice.info {
    background: #cce5ff;
    color: #004085;
    border: 1px solid #b8daff;
}