/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}



.address-scroll-container {
    flex: 1;
    min-width: 0; /* خیلی مهمه! اجازه می‌ده flex item کوچیک‌تر از محتواش بشه */
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    padding: 4px 0;
}

.address-scroll-inner {
    white-space: nowrap; /* متن در یک خط بمونه */
    overflow-x: auto; /* فقط افقی اسکرول بشه */
    overflow-y: hidden;
    padding: 4px 0;
    scrollbar-width: none; /* فایرفاکس: مخفی کردن اسکرول‌بار */
    -ms-overflow-style: none; /* اینترنت اکسپلورر/اج قدیمی */
    cursor: grab; /* نشانگر دست برای drag */
    user-select: none; /* متن انتخاب نشه موقع کشیدن */
    transition: cursor 0.2s;
}

    .address-scroll-inner::-webkit-scrollbar {
        display: none; /* کروم، سافاری، اج جدید: مخفی کردن اسکرول‌بار */
    }

    .address-scroll-inner:active {
        cursor: grabbing; /* وقتی در حال کشیدنه دست بسته بشه */
    }

/* اختیاری: وقتی موس روی آدرس میاد، یه کم رنگ پس‌زمینه بده تا معلوم بشه قابل اسکروله */
.address-scroll-container:hover .address-scroll-inner {
    background-color: rgba(255, 255, 255, 0.05);
}