﻿<style >
/* Card look */
.shipping-card {
    border: 1px solid rgba(30, 41, 59, 0.06);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

/* Header mit dezentem Farbverlauf und Akzentlinie */
.shipping-header {
    background: linear-gradient(90deg, rgba(16,185,129,0.08), rgba(16,185,129,0.02));
    border-bottom: 1px solid rgba(16,185,129,0.12);
    color: #065f46;
    padding: 0.75rem 1rem;
}

    .shipping-header h5 {
        font-weight: 600;
        font-size: 1rem;
    }

.shipping-icon {
    color: #059669;
    opacity: 0.95;
}

/* Inputs: softer Hintergrund, klarer Fokus */
.form-control-soft {
    background-color: #fbfdfb;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 6px;
    transition: box-shadow .12s ease, border-color .12s ease;
}

    .form-control-soft:focus {
        outline: none;
        border-color: rgba(16,185,129,0.6);
        box-shadow: 0 0 0 4px rgba(16,185,129,0.06);
    }

/* Validation text smaller and subtle */
.text-danger.small {
    font-size: 0.85rem;
}

/* Responsive spacing */
@media (max-width: 767.98px) {
    .shipping-header {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }
}

</style >
