/* تصویرهای پس‌زمینه با همان لایه رنگی طرح اصلی. */
.about-hero { background-image: linear-gradient(90deg,rgba(238,241,238,.9),rgba(238,241,238,.45)),var(--about-hero-image); }
.about-philosophy { background-image: linear-gradient(90deg,rgba(3,47,42,.95),rgba(3,47,42,.78)),var(--about-philosophy-image); }
.about-signature { background-image: linear-gradient(90deg,rgba(3,44,40,.72),rgba(3,44,40,.94)),var(--about-signature-image); }
.about-contact__visual.about-contact__visual--map { display:block; height:330px; min-height:330px; overflow:hidden; }
.about-contact__visual--map::after { display:none; }
.about-contact__visual--map iframe { display:block; width:100%; height:100%; border:0; border-radius:inherit; }
.contact-detail a { color:inherit; text-decoration:none; overflow-wrap:anywhere; }
.contact-detail a:hover { text-decoration:underline; }
@media(max-width:1000px) { .about-contact__visual.about-contact__visual--map { grid-column:1/-1; } }
/* مدیریت محتوای صفحه */
.about-editor-filter { display:flex; flex-wrap:wrap; gap:12px; margin-block:18px; }
.about-editor-filter input { flex:1 1 240px; min-width:0; }
.about-editor-card { margin-top:20px; }
.about-editor-card[hidden] { display:none!important; }
.about-content-form,.about-contact-settings { display:grid; gap:12px; }
.about-content-form label { display:grid; gap:8px; }
.about-content-form input:not([type="hidden"]),.about-contact-settings input:not([type="hidden"]),.about-content-form textarea,.about-contact-settings textarea,.about-editor-filter input,.about-editor-filter select {
 width:100%; box-sizing:border-box; padding:12px; border:1px solid var(--line,#063b3625); border-radius:12px; background:var(--surface,#fff); color:inherit; font:inherit;
}
.about-coordinate-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.about-coordinate-grid label { display:grid; gap:8px; }
.about-map-preview { display:block; width:100%; height:330px; border:0; border-radius:20px; }
.about-editor-image { display:block; width:min(100%,320px); max-height:210px; object-fit:contain; border-radius:14px; }
.about-editor-actions,.about-map-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
[data-about-map-error] { color:#a83228; line-height:2; }
[data-about-map-error]:empty { display:none; }
@media(max-width:650px) { .about-coordinate-grid { grid-template-columns:1fr; } }
/* دکمه‌های مدیریت محتوای درباره و تماس */
.about-content-form button[type="submit"],
#aboutSettingsForm > button[type="submit"],
[data-about-preview],
[data-about-editor] > article:first-child > form > button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 20px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 13px;
    background: linear-gradient(145deg, #176b60, #08463f);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.8;
    cursor: pointer;
    box-shadow: 4px 4px 10px rgba(0, 35, 30, .18), inset 1px 1px 1px rgba(255, 255, 255, .15);
    transition: transform .18s ease, box-shadow .18s ease;
}

/* ذخیره تنظیمات اصلی تماس */
#aboutSettingsForm > button[type="submit"] {
    background: linear-gradient(145deg, #dfc475, #bb9239);
    color: #153d35;
}

/* بازگردانی مقدار اولیه */
.about-content-form button[name="Reset"] {
    background: transparent;
    color: inherit;
    border-color: var(--line, #9aaba5);
    box-shadow: none;
}

/* لینک‌های پیش‌نمایش */
[data-about-editor] .head > a,
.about-map-actions > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid var(--line, #9aaba5);
    border-radius: 12px;
    color: inherit;
    font-size: 13px;
    text-decoration: none;
}

/* تعامل */
.about-content-form button[type="submit"]:hover,
#aboutSettingsForm > button[type="submit"]:hover,
[data-about-preview]:hover,
[data-about-editor] > article:first-child > form > button:hover {
    transform: translateY(-2px);
}

.about-content-form button[type="submit"]:active,
#aboutSettingsForm > button[type="submit"]:active,
[data-about-preview]:active {
    transform: translateY(0);
}

[data-about-editor] button:focus-visible,
[data-about-editor] a:focus-visible {
    outline: 3px solid #c9a24a;
    outline-offset: 3px;
}

[data-about-editor] button:disabled {
    opacity: .55;
    cursor: wait;
    transform: none;
}

@media (max-width: 600px) {
    .about-editor-actions,
    .about-map-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-about-editor] button {
        transition: none;
    }
}