/*
Theme Name: Loraic
Theme URI: http://demo.bravisthemes.com/loraic
Author: Bravis-Themes
Author URI: https://bravisthemes.com/
Description: Loraic is a modern and carefully designed theme geared specifically towards all ,It will be suitable for any transport,logistics and movers management business. It will also be suitable for any kind of professional business template. It can be used for various business sites like ship based transport, air based transport etc. It is a complete designs with all minimum required contents for courier business.
Version: 1.0.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: loraic
Tags: business, cargo, corporate, courier, frieght, logistics, movers, multipurpose business, shipment, transport, transportation.
*/


.product-order-section {
    margin: 30px 0;
    padding: 25px;
    border: 2px solid #007cba;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    text-align: center;
}

.logged-user-info {
    color: #28a745;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 16px;
}

.login-required-message {
    color: #dc3545;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 16px;
}

.order-now-btn {
    background: linear-gradient(135deg, #007cba 0%, #0056b3 100%);
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 124, 186, 0.3);
}

.order-now-btn:hover {
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 124, 186, 0.4);
}

.order-now-btn-disabled {
    background: #6c757d;
    color: #ffffff;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    cursor: not-allowed;
    font-size: 18px;
    font-weight: 600;
    opacity: 0.6;
    margin-left: 15px;
}

.signin-link {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 8px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
}

.signin-link:hover {
    background: linear-gradient(135deg, #20c997 0%, #17a2b8 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(40, 167, 69, 0.4);
    text-decoration: none;
    color: white;
}

.order-success-message {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #c3e6cb;
    font-weight: 600;
    animation: slideIn 0.5s ease-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .product-order-section {
        padding: 20px 15px;
    }
    
    .order-now-btn, .signin-link, .order-now-btn-disabled {
        padding: 12px 20px;
        font-size: 16px;
        margin: 5px;
        display: block;
        width: 100%;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
}