/* Alamna Location Picker — central reusable map component */
.alamna-map-picker{
    grid-column:1 / -1;
    display:grid;
    gap:12px;
    padding:16px;
    border:1px solid var(--border,#dce7e1);
    border-radius:16px;
    background:var(--surface,#fff);
}
.alamna-map-picker-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}
.alamna-map-picker-head>div:first-child{min-width:0}
.alamna-map-picker-kicker{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--primary,#008748);
    font-size:13px;
    font-weight:700;
}
.alamna-map-picker-kicker svg{width:16px;height:16px}
.alamna-map-picker h3{
    margin:4px 0 2px;
    color:var(--content-title,#17211d);
    font-size:17px;
    line-height:1.5;
}
.alamna-map-picker p{
    margin:0;
    color:var(--text-muted,#6d7873);
    font-size:13px;
    line-height:1.75;
}
.alamna-map-picker-actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
}
.alamna-map-picker-actions button{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:7px 11px;
    border:1px solid var(--primary,#008748);
    border-radius:10px;
    background:var(--primary,#008748);
    color:#fff;
    font:inherit;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}
.alamna-map-picker-actions button.is-secondary{
    border-color:var(--border,#dce7e1);
    background:var(--surface,#fff);
    color:var(--text-secondary,#4e5954);
}
.alamna-map-picker-actions button:disabled{opacity:.55;cursor:wait}
.alamna-map-picker-actions svg{width:16px;height:16px}
.alamna-map-picker-map-wrap{
    position:relative;
    width:100%;
    min-height:330px;
    overflow:hidden;
    border:1px solid var(--border,#dce7e1);
    border-radius:14px;
    background:var(--surface-soft,#f4f8f6);
}
.alamna-map-picker-map{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.alamna-map-picker-center-hint{
    position:absolute;
    z-index:4;
    inset:auto 12px 12px auto;
    display:flex;
    align-items:center;
    gap:5px;
    padding:7px 9px;
    border:1px solid rgba(255,255,255,.65);
    border-radius:9px;
    background:rgba(20,31,26,.76);
    color:#fff;
    font-size:13px;
    pointer-events:none;
    backdrop-filter:blur(6px);
}
html[dir="rtl"] .alamna-map-picker-center-hint{inset:auto auto 12px 12px}
.alamna-map-picker-center-hint svg{width:14px;height:14px}
.alamna-map-picker-status{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:40px;
    padding:8px 10px;
    border-radius:10px;
    background:var(--surface-soft,#f4f8f6);
    color:var(--text-secondary,#4e5954);
    font-size:13px;
}
.alamna-map-picker-status svg{width:16px;height:16px;flex:0 0 auto}
.alamna-map-picker-status.is-success{background:var(--primary-light,#edf9f3);color:var(--primary,#008748)}
.alamna-map-picker-status.is-error{background:#fff1f1;color:#a33232}
.alamna-map-picker-status.is-loading{opacity:.78}
.alamna-map-picker .maplibregl-map{font-family:inherit}

.alamna-map-picker .maplibregl-marker svg{
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.55)) drop-shadow(0 0 2px rgba(255,255,255,.95));
}
.alamna-map-picker .maplibregl-ctrl-attrib{font-size:13px}
@media(max-width:760px){
    .alamna-map-picker{padding:12px;border-radius:14px}
    .alamna-map-picker-head{display:grid;gap:10px}
    .alamna-map-picker-actions{justify-content:stretch}
    .alamna-map-picker-actions button{flex:1}
    .alamna-map-picker-map-wrap{min-height:300px}
}

/* =========================================================
   علِّمنا R19.14.1 — Map provider resilience
========================================================= */
.alamna-location-map-wrap{
    position:relative;
}

.alamna-map-picker-retry{
    position:absolute;
    inset-inline-start:50%;
    top:50%;
    z-index:8;
    min-height:42px;
    padding:9px 14px;
    border:1px solid var(--border,#dce7e1);
    border-radius:12px;
    background:var(--surface,#fff);
    color:var(--primary,#008748);
    font-family:inherit;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 8px 24px rgba(24,46,36,.12);
    transform:translate(50%,-50%);
}

html[dir="ltr"] .alamna-map-picker-retry{
    transform:translate(-50%,-50%);
}

.alamna-map-picker-retry:hover{
    background:var(--primary-light,#edf9f3);
}

.alamna-map-picker-status.is-loading{
    color:var(--text-muted,#6d7873);
}

.alamna-map-picker-status.is-success{
    color:var(--primary,#008748);
}

.alamna-map-picker-status.is-error{
    color:#b34242;
}


/* =========================================================
   علِّمنا R19.15.31 — branch map is the primary location source
========================================================= */
.alamna-map-picker-required{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:2px 8px;
    border-radius:999px;
    background:var(--primary-light,#edf9f3);
    color:var(--primary,#008748);
    font-size:11px;
    font-weight:800;
}
.alamna-map-picker.is-required{
    border-color:color-mix(in srgb,var(--primary,#008748) 30%,var(--border,#dce7e1));
}
.alamna-map-picker.is-invalid{
    border-color:var(--danger,#c93f3f);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--danger,#c93f3f) 12%,transparent);
}


/* =========================================================
   علِّمنا R19.15.32 — isolate precise map picker from location cascade modal
========================================================= */
.alamna-map-picker{
    position:relative;
    inset:auto;
    z-index:auto;
    place-items:initial;
    width:100%;
    max-width:none;
    box-sizing:border-box;
}
.alamna-map-picker.is-map-unavailable .alamna-map-picker-map-wrap{
    min-height:220px;
}
.alamna-map-picker.is-map-unavailable .alamna-map-picker-center-hint{
    display:none;
}
