/* =========================
   Page /pages/about.html
   ========================= */

/* ----- NAVBAR : tout sur une seule ligne ----- */

.about-page .topbar .nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px;
    flex-wrap: nowrap !important;
    /* jamais 2 lignes pour le header */
}

/* Bloc des liens au centre */
.about-page .topbar .links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px;
    margin: 0 !important;
    padding: 0 !important;

    flex-wrap: nowrap !important;
    /* empêche "تواصل" de descendre */
    white-space: nowrap;
    /* pas de retour dans les boutons */
}

/* Chaque élément du menu garde sa largeur et reste sur 1 ligne */
.about-page .topbar .links>* {
    flex: 0 0 auto;
}

/* Groupe du dropdown */
.about-page .links-group {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* ----- Zone actions : bouton + badge user ----- */

.about-page .nav-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
}

/* Conteneur rempli par auth.js */
.about-page #userMenu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 🔴 On NE touche plus aux enfants de #userMenu ici,
      pour laisser le dropdown se positionner correctement */

/* =========================
   Dropdown "الخدمات العقارية"
   (version scoped pour cette page)
   ========================= */

.about-page .link-drop-menu {
    position: absolute;
    top: 110%;
    inset-inline-end: 0;
    min-width: 190px;
    padding: 6px 0;
    border-radius: 14px;

    background: #ffffff;
    border: 1px solid var(--border);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.25);

    display: none;
    z-index: 120;
}

/* Affichage après clic (classe .is-open ajoutée par JS) */
.about-page .link-drop-menu.is-open {
    display: block;
}

/* Liens à l’intérieur du menu */
.about-page .link-drop-menu a,
.about-page .link-drop-menu a:link,
.about-page .link-drop-menu a:visited {
    display: block;
    padding: 7px 12px;
    margin: 2px 6px;
    white-space: nowrap;
    color: #0f172a;
    border-radius: 10px;
    text-decoration: none;
    transition:
        background 0.15s ease,
        color 0.15s ease;
}

/* Survol / lien actif */
.about-page .link-drop-menu a:hover,
.about-page .link-drop-menu a.active-sub {
    background: rgba(0, 0, 0, 0.04);
}

/* (Ton CSS de contenu about peut continuer en dessous si besoin) */