/*
 * استایل‌دهی اختصاصی برای باکس نمایش موقعیت جغرافیایی
 */
.ip-location-box {
    direction: rtl; /* جهت متن راست به چپ (فارسی) */
    text-align: right; 
    border: 1px solid #ddd; /* کادر خاکستری */
    padding: 15px;
    border-radius: 8px; /* گوشه‌های گرد */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* سایه ملایم */
    background-color: #f9f9f9; /* رنگ پس‌زمینه روشن */
    max-width: 600px; /* حداکثر عرض نمایش */
    margin: 20px auto; /* وسط چین کردن باکس در صفحه */
}

/* استایل عنوان (Header) */
.ip-location-box h3 {
    border-bottom: 2px solid #0073aa; /* خط زیر عنوان */
    padding-bottom: 10px;
    margin-top: 0;
    color: #0073aa; /* رنگ آبی وردپرس */
    font-size: 1.2em;
}

/* استایل جدول */
.ip-location-box table {
    width: 100%;
    border-collapse: collapse; /* حذف فاصله بین سلول‌ها */
    margin-top: 15px;
}

/* استایل سلول‌های جدول (Header و Data) */
.ip-location-box th, .ip-location-box td {
    padding: 8px 12px;
    border-bottom: 1px solid #eee; /* جدا کننده ردیف‌ها */
}

/* استایل عنوان‌های ستون (مثلاً "آدرس IP شما") */
.ip-location-box th {
    text-align: right; 
    background-color: #f1f1f1; /* پس زمینه خاکستری روشن */
    font-weight: bold;
    width: 35%; /* عرض مشخص برای ستون عناوین */
}

/* استایل داده‌های ستون (مثلاً خود مقدار IP) */
.ip-location-box td {
    text-align: left; /* برای نمایش مقادیر عددی و IP به شکل بهتر */
    font-family: monospace; /* فونت با عرض ثابت برای IP و مختصات */
}