/* static/wilaya_map/css/wilaya_map.css
   [FEAT-MAP-LOCATION] — أنماط ودجت اختيار الموقع (بلدية + خريطة).
   مستقلة تماماً (لا تعتمد على CSS variables من أي صفحة مضيفة) لضمان مظهر
   متّسق في كل مكان يُستعمل فيه (منتجات/خدمات/متجر) بغض النظر عن ملف CSS
   الخاص بتلك الصفحة. */

/* حقل البلدية — أنماط ذاتية الاكتفاء (لا تعتمد على .form-group/.fg الخاصة
   بكل صفحة مضيفة، لأن هذه الأسماء تختلف فعلياً بين apps.products/offer
   بمقارنة apps.store — انظر ملاحظة [FEAT-MAP-LOCATION] في الـ partial). */
.wm-field {
    flex: 1;
    min-width: 220px;
    margin-bottom: 14px;
}

.wm-field label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #374151;
    font-size: .875rem;
}

.wm-field select {
    width: 100%;
    padding: 9px 12px;
    border: 1.5px solid #d1d5db;
    border-radius: 8px;
    font-size: .925rem;
    background: #fff;
    color: #0f0f0f;
}

.wm-field select:disabled {
    background: #f9fafb;
    color: #9ca3af;
}

.wm-field-hint {
    margin-top: 5px;
    font-size: .78rem;
    color: #9ca3af;
}

.wm-picker {
    margin-top: 10px;
    margin-bottom: 14px;
}

.wm-locate-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: .85rem;
    font-weight: 600;
    color: #16a34a;
    background: #f0fdf4;
    border: 1.5px solid #bbf7d0;
    border-radius: 8px;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

.wm-locate-btn:hover:not(:disabled) {
    background: #dcfce7;
    border-color: #86efac;
}

.wm-locate-btn:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.wm-status {
    display: inline-block;
    margin-inline-start: 10px;
    font-size: .8rem;
    color: #4b5563;
}

.wm-status--error {
    color: #dc2626;
}

.wm-map {
    display: none; /* يُظهره JS فقط عند نجاح تحميل Leaflet */
    width: 100%;
    height: 220px;
    margin-top: 10px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    z-index: 0;
}

/* خريطة العرض التقريبي في صفحات التفاصيل العلنية */
.wm-map-display {
    width: 100%;
    height: 180px;
    margin-top: 10px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}

.wm-map-display-hint {
    font-size: .78rem;
    color: #9ca3af;
    margin-top: 6px;
}