/* Map Styles */
.osm-map-container, .osm-tracker-container {
    margin: 20px 0;
}
#osm-checkout-map, #osm-tracker-map, #osm-order-map {
    width: 100%;
    height: 400px;
    border: 1px solid #ddd;
    position: relative;
    z-index: 1;
}
.osm-search-box {
    margin-bottom: 10px;
}
.osm-search-box input[type="text"] {
    width: 300px;
    padding: 8px;
    margin-right: 10px;
}
.osm-search-box button {
    padding: 8px 16px;
}
#osm-tracker-form {
    margin-bottom: 20px;
}
#osm-tracker-form input[type="number"] {
    width: 200px;
    margin-right: 10px;
}
.osm-map-buttons {
    margin-top: 10px;
}
.osm-map-buttons a.button {
    margin-right: 10px;
    text-decoration: none;
}
#osm-address-display {
    font-style: italic;
}

/* QR Code Styles */
#osm-qr-code {
    margin: 10px 0;
}
#osm-qr-code img {
    max-width: 150px;
}

/* New styles for printable QR code */
.osm-qr-container {
    display: flex;
    align-items: flex-start;
    margin: 15px 0;
    padding: 15px;
    border: 1px solid #eee;
    background-color: #f9f9f9;
}

.osm-qr-info {
    margin-left: 20px;
}

.print-qr-btn {
    margin-top: 10px !important;
}

/* Print styles */
@media print {
    body * {
        visibility: hidden;
    }
    
    .print-qr-wrapper, .print-qr-wrapper * {
        visibility: visible;
    }
    
    .print-qr-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        padding: 20px;
    }
    
    #print-qr-code {
        margin: 0 auto;
        width: 200px;
    }
}

/* Fix for Neshan and Balad buttons */
.neshan-btn, .balad-btn {
    display: inline-block !important;
}