/* لودر SVG ساختمان — مشترک Layout اصلی و Auth */

/* پوشش تمام‌صفحه هنگام ناوبری / ارسال فرم */
.mobile-nav-loader-overlay {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.mobile-nav-loader-overlay.is-visible {
    display: flex;
}

.mobile-nav-loader-overlay .bldg-loader {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mobile-nav-loader-overlay .bldg2-loader {
    --size: 58px;
    --c1: #ff7070;
    --c2: #18b07a;
    --c3: #f6a723;
    --c4: #8b5cf6;
    --stroke: currentColor;
    --unit: rgba(255, 255, 255, 0.85);
    width: var(--size);
    height: var(--size);
    display: inline-flex;
}

.mobile-nav-loader-overlay .bldg2-svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

/*
 * رنگ/قلم فقط اینجا. opacity و stroke-dash را SMIL داخل SVG کنترل می‌کند.
 * اگر CSS اینجا opacity بگذارد، روی Safari انیمیشن SMIL دیده نمی‌شود.
 */
.mobile-nav-loader-overlay .foundation {
    color: #ff6a00;
    fill: #f3f6fb;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linejoin: round;
}

.mobile-nav-loader-overlay .outline {
    color: #0d6efd;
    fill: #f3f6fb;
    stroke: currentColor;
    stroke-width: 2;
}

.mobile-nav-loader-overlay .floor-fill {
    opacity: 0.95;
}

.mobile-nav-loader-overlay .c1 {
    fill: var(--c1);
}

.mobile-nav-loader-overlay .c2 {
    fill: var(--c2);
}

.mobile-nav-loader-overlay .c3 {
    fill: var(--c3);
}

.mobile-nav-loader-overlay .c4 {
    fill: var(--c4);
}

.mobile-nav-loader-overlay .unit {
    fill: var(--unit);
}