﻿.address-container {
    display: flex;
    align-items: center;
    position: relative; /* Important */
}

    .address-container input[type="text"] {
        margin-right: 40px; /* Reserve space for the icon */
    }

    .address-container img {
        position: absolute;
        right: 8px;
        width: 24px;
        height: 24px;
        top: 50%;
        transform: translateY(-50%);
    }

.address-dropdown {
    display: none; /* Hidden by default */
    position: absolute;
    top: 100%;
    left: 0;
    width: 400px;
    border: 1px solid #ccc;
    background-color: white;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.address-item {
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eee;
}

    .address-item:hover {
        background-color: #f5f5f5;
    }

    .address-item:last-child {
        border-bottom: none;
    }

.address-text {
    font-weight: normal;
}

.address-description {
    color: #666;
    font-size: 0.9em;
    margin-top: 2px;
}

.address-item.has-more::after {
    content: "›";
    position: absolute;
    right: 12px;
    color: #666;
}

td.control-width span {
    display: inline-block;
    min-width: 250px;
    white-space: nowrap;
    margin-right: 40px;
}

td.control-width input[type="text"] {
    width: 380px !important;
    box-sizing: border-box;
}

