/* Thank You / Order Page Layout */
.bpc-thankyou {
    display: flex;
    flex-wrap: wrap;       /* allows stacking on mobile */
    gap: 20px;
    align-items: flex-start;
    margin-top: 15px;
}

/* QR Image Styling - Fully Responsive */
.bpc-thankyou .bpc-qr img,
.bpc-qr img {
    width: 100%;           /* take full width of parent container */
    max-width: 300px;      /* limit for desktop */
    height: auto;          /* maintain aspect ratio */
    border: 1px solid #ddd;
    padding: 8px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    object-fit: contain;   /* ensure image scales properly */
}

/* Instructions Panel */
.bpc-instructions {
    flex: 1;               /* take remaining space */
    min-width: 250px;      /* avoid too narrow on mobile */
    max-width: 560px;
}

/* WooCommerce Info / Warning */
.woocommerce-info {
    background-color: #fff3cd;
    border-left: 4px solid #ffeeba;
    padding: 12px;
    margin: 15px 0;
    border-radius: 4px;
    font-size: 14px;
}

/* WooCommerce Success Message */
.woocommerce-message {
    background-color: #d4edda;
    border-left: 4px solid #28a745;
    padding: 12px;
    margin: 15px 0;
    border-radius: 4px;
    font-size: 14px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .bpc-thankyou {
        flex-direction: column;
        gap: 15px;
    }
    .bpc-instructions {
        max-width: 100%;
    }
    .bpc-thankyou .bpc-qr img,
    .bpc-qr img {
        max-width: 100%;    /* scale down for smaller screens */
    }
}