/* Mise en évidence « Banques & assurances » / « Investir au Maroc » — thème 1.9.8.
   Chargée après public.css ; réutilise ses variables (marine, or, crème). Sélecteurs
   préfixés .alz-feature-* ; seules les règles d'en-tête ci-dessous modifient des
   composants existants (.site-header), et uniquement pour libérer la place nécessaire. */

/* ------------------------------------------------------------------ */
/* Cartes d'accueil                                                    */
/* ------------------------------------------------------------------ */
.alz-feature-cards{background:var(--creme);padding:46px 0;border-bottom:1px solid var(--ligne)}
.alz-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.alz-feature-grid-1{grid-template-columns:minmax(0,1fr)}
.alz-feature-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:var(--marine);color:#fff;border-top:4px solid var(--or);padding:30px 32px 32px;box-shadow:0 14px 34px rgba(15,42,74,.14)}
.alz-feature-eyebrow{color:var(--or-soft);font-size:.72rem;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:12px}
.alz-feature-card h2{font-family:var(--serif);font-size:1.65rem;line-height:1.2;color:#fff;margin:0 0 12px}
.alz-feature-card p{color:#c6d2df;font-size:.95rem;line-height:1.7;margin:0 0 24px;max-width:56ch}
.alz-feature-card .btn{margin-top:auto}
[dir="rtl"] .alz-feature-card{align-items:flex-start}
[dir="rtl"] .alz-feature-eyebrow{letter-spacing:.5px}

/* Une seule rubrique disponible : carte pleine largeur, texte à gauche et bouton à l'autre extrémité. */
@media(min-width:901px){
  .alz-feature-grid-1 .alz-feature-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center}
  .alz-feature-grid-1 .alz-feature-card>*:not(.btn){grid-column:1}
  .alz-feature-grid-1 .alz-feature-card p{margin-bottom:0}
  .alz-feature-grid-1 .alz-feature-card .btn{grid-column:2;grid-row:1 / span 3;margin:0}
}
@media(max-width:700px){
  .alz-feature-cards{padding:34px 0}
  .alz-feature-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .alz-feature-card{padding:26px 22px 28px}
  .alz-feature-card h2{font-size:1.4rem}
  .alz-feature-card .btn{width:100%;text-align:center}
}

/* ------------------------------------------------------------------ */
/* Menu principal : deux entrées mises en évidence                      */
/* ------------------------------------------------------------------ */
.site-header .menu .alz-feature-item>a{
  display:block;border:1px solid var(--or);border-radius:3px;background:rgba(176,141,69,.14);
  color:var(--or-soft);font-weight:700;padding:7px 14px;line-height:1.2;white-space:nowrap;transition:.2s
}
.site-header .menu .alz-feature-item>a:hover,
.site-header .menu .alz-feature-item>a:focus-visible,
.site-header .menu .alz-feature-item>a[aria-current="page"]{background:var(--or);color:var(--marine)}
.site-header .menu .alz-feature-item>a[aria-current="page"]::after{display:none}

/* Ordinateur : en-tête sur deux rangées. La première porte l'identité, l'Espace BP et la
   langue ; la seconde porte le menu et, à son extrémité, les deux rubriques en évidence.
   Mesuré sur l'aperçu : sur une seule rangée, les sept entrées chevauchent le badge Espace BP
   à 1280 px (une seule entrée supplémentaire suffisait déjà à le faire). */
@media(min-width:901px){
  .site-header .nav{
    display:grid;grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:"brand bp lang" "menu menu menu";
    height:auto;align-items:center;column-gap:16px;row-gap:0;padding-top:8px;padding-bottom:0
  }
  .site-header .brand{grid-area:brand;flex:none;min-width:0;padding:2px 0 8px}
  .site-header .bp-entry{grid-area:bp;margin:0 0 8px}
  .site-header .lang{grid-area:lang;margin:0 0 8px}
  .site-header .nav>nav{grid-area:menu;border-top:1px solid rgba(216,196,155,.22)}
  .site-header .menu{justify-content:flex-start;align-items:center;min-height:50px;gap:24px}
  .site-header .menu a{font-size:.86rem}
  .site-header .menu li:not(.alz-feature-item)+.alz-feature-item{margin-inline-start:auto}
  .site-header .menu .alz-feature-item+.alz-feature-item{margin-inline-start:-10px}
}

/* Mobile : les deux entrées ouvrent le panneau, en blocs bien visibles. */
@media(max-width:900px){
  .site-header .menu .alz-feature-item{order:-1;width:88%;margin:8px auto 4px}
  .site-header .menu .alz-feature-item>a{padding:13px 16px;font-size:.98rem;text-align:center;border-bottom:1px solid var(--or)}
}