.nav-tabs, .topbar ul, ul.contact-info, ul.menu {
  list-style: none !important;
  padding-left: 0;
}

.page-user-login .help.show, .page-user-register .help.show, .page-user-pass .help.show {
  display: block !important;
}

@media (min-width: 992px) {
  .navigation .gva_menu .sub-menu > li:hover > ul {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  .navigation .gva_menu .sub-menu > li > ul li {
    opacity: 1;
    visibility: visible;
  }
}

img.logo-site {
  display: block !important;
}


#content .help {
    display: none !important;
 }

.custom-hero-banner {
  position: relative;
  overflow: hidden;
}

.custom-hero-banner p, li,a {
    color: #ffffff !important;
    
}

.custom-hero-banner a {
    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: 800 !important;
}

.custom-hero-banner p {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}
.custom-hero-banner .hero-image {
  position: relative;
}

.custom-hero-banner .hero-image img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
}

.custom-hero-banner .hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  background: transparent; /* aucun fond sombre */
}



.custom-hero-banner .column-content-inner {
  max-width: 800px;
  padding: 20px;
}

.custom-hero-banner .title,
.custom-hero-banner .title span,
.custom-hero-banner .hero-body,
.custom-hero-banner .hero-body p,
.custom-hero-banner .hero-body * {
  color: #fff !important;
}

.custom-hero-banner .title {
  margin-bottom: 15px;
  line-height: 1.2;
}

.custom-hero-banner .hero-body {
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 992px) {
  .custom-hero-banner .hero-image img {
    height: 320px;
  }

  .custom-hero-banner .column-content-inner {
    padding: 15px;
  }

.custom-hero-banner a {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

.custom-hero-banner p {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.gbb-row .bb-inner.padding-bottom-large {
        padding-bottom: 130px !important;
    }

}

@media (max-width: 576px) {
  .custom-hero-banner .hero-image img {
    height: 260px;
  }
}

.gbb-row .bb-inner {
    padding-top: 300px !important;
    padding-bottom: 130px;
}

#footer .footer-center {
    padding: 5px 0 5px !important;
}

footer .container, .footer .container, .region-footer .container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#footer .footer-top {
    background: #1F212C;
    padding: 5px 0 !important;
}

#footer .copyright .copyright-inner {
    padding: 3px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#footer .copyright .copyright-inner p {
    margin-top: 0;
    margin-bottom: 0px !important;
}








.toolbar-tray a:hover,.toolbar-tray a:active,.toolbar-tray a:focus,.toolbar-tray a.is-active {
    text-decoration: underline;
    color: #000 !important;
}

.toolbar-tray a:hover,.toolbar-tray a:active,.toolbar-tray a:focus,.toolbar-tray a {
    text-decoration: underline;
    color: #000 !important;
}
.contextual-region .contextual .contextual-links a {
    display: block;
    margin: 0.25em 0;
    padding: 0.4em 0.6em;
    color:#333 !important;
    /* background-color: #000000; */
    font-family: sans-serif;
    font-size: small;
    line-height: 0.8em;
}

/* =========================================================
   CSS FINAL GLOBAL — MINISTERE DEFENSE
   Version propre, stable, responsive
========================================================= */

/* =========================
   BASE
========================= */
html, body {
  margin: 0;
  padding: 0;
}

body {
  background: #f6f7f4 !important;
  color: #1d2421;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  transition: all 0.2s ease;
}

.container {
  max-width: 1200px !important;
}

.block {
  margin-bottom: 30px;
}

/* =========================
   HEADER
========================= */
header.header-2,
header.header-2 .header-main,
header#header {
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

header.header-2 .header-main {
  padding: 14px 0 10px !important;
}

header.header-2 .header-main .container,
header.header-2 .header-main .container-inner,
header.header-2 .main-header .container,
header.header-2 .main-header .container-inner {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 28px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

/* Branding */
.region-branding,
.region-branding .block,
.region-branding .content {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.region-branding {
  flex: 1 1 520px !important;
  min-width: 320px !important;
}

.region-branding .site-branding,
.site-branding {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 88px !important;
}

.region-branding img,
.site-branding img {
  max-height: 78px !important;
  width: auto !important;
}

/* Nom du ministère */
.site-branding__name,
.site-name,
.site-branding__text {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 620px !important;
}

.site-branding__name a,
.site-name a,
.site-branding__name,
.site-name {
  color: #123629 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15px !important;
}

.site-slogan,
.site-branding__slogan {
  display: none !important;
}

/* Zone droite */
.region-search,
.region-header-right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 290px !important;
  margin-left: auto !important;
}

/* =========================
   LANGUES
========================= */
.language-switcher-language-url,
.language-switcher-language-url .content,
.language-switcher-language-url ul,
.language-switcher-language-url .links {
  margin: 0 !important;
  padding: 0 !important;
}

.language-switcher-language-url ul,
.language-switcher-language-url .links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  list-style: none !important;
}

.language-switcher-language-url li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.language-switcher-language-url li::before,
.language-switcher-language-url li::marker {
  content: none !important;
  display: none !important;
}

.language-switcher-language-url a {
  display: inline-block !important;
  padding: 8px 15px !important;
  border: 1px solid #d6d9dc !important;
  border-radius: 999px !important;
  background: #f8f8f8 !important;
  color: #123629 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.language-switcher-language-url a:hover {
  background: #eceff1 !important;
  color: #123629 !important;
}

.language-switcher-language-url .is-active a,
.language-switcher-language-url a.is-active {
  background: #c8a95b !important;
  border-color: #c8a95b !important;
  color: #ffffff !important;
}

/* =========================
   RECHERCHE
========================= */
.search-block-form,
form.search-block-form,
.block-search form {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.search-block-form .form-item,
.block-search .form-item {
  margin: 0 !important;
}

.search-block-form input[type="search"],
.search-block-form input[type="text"],
.block-search input[type="search"],
.block-search input[type="text"] {
  width: 210px !important;
  min-width: 210px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid #cfd6dc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #1d2421 !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

/* seulement le vrai bouton de recherche */
.search-block-form input[type="submit"],
.search-block-form button[type="submit"],
.block-search input[type="submit"],
.block-search button[type="submit"] {
  height: 42px !important;
  padding: 0 18px !important;
  border: none !important;
  border-radius: 8px !important;
  background: #c8a95b !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.search-block-form input[type="submit"]:hover,
.search-block-form button[type="submit"]:hover,
.block-search input[type="submit"]:hover,
.block-search button[type="submit"]:hover {
  background: #b39346 !important;
}

/* =========================
   MENU PRINCIPAL
========================= */
header.header-2 .main-menu,
header.header-2 .navigation,
.region-main-menu,
#gva-main-menu {
  background: #ffffff !important;
  position: relative !important;
  z-index: 900 !important;
  overflow: visible !important;
  border-top: 2px solid #1f6b4f !important;
  border-bottom: 1px solid #e6ece8 !important;
}

header.header-2 .main-menu .navigation .gva_menu,
.navigation .gva_menu,
.main-menu .gva_menu,
#gva-main-menu .gva_menu {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 34px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.navigation .gva_menu > li,
.main-menu .gva_menu > li,
#gva-main-menu .gva_menu > li {
  position: relative !important;
  list-style: none !important;
}

header.header-2 .main-menu .navigation .gva_menu > li > a,
.navigation .gva_menu > li > a,
.main-menu .gva_menu > li > a,
#gva-main-menu .gva_menu > li > a {
  display: block !important;
  padding: 14px 0 !important;
  background: #ffffff !important;
  color: #123629 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

header.header-2 .main-menu .navigation .gva_menu > li:hover > a,
header.header-2 .main-menu .navigation .gva_menu > li:focus-within > a,
.navigation .gva_menu > li:hover > a,
.navigation .gva_menu > li:focus-within > a,
.main-menu .gva_menu > li:hover > a,
.main-menu .gva_menu > li:focus-within > a,
#gva-main-menu .gva_menu > li:hover > a,
#gva-main-menu .gva_menu > li:focus-within > a {
  color: #1f6b4f !important;
  background: #ffffff !important;
  opacity: 1 !important;
  border-bottom-color: #1f6b4f !important;
}

/* Sous-menus */
.navigation .gva_menu .sub-menu,
.navigation .gva_menu ul.menu.sub-menu,
.main-menu .gva_menu .sub-menu,
.main-menu .gva_menu ul.menu.sub-menu,
#gva-main-menu .gva_menu .sub-menu,
#gva-main-menu .gva_menu ul.menu.sub-menu {
  background: #ffffff !important;
  border: 1px solid #e5e9ec !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08) !important;
  min-width: 230px !important;
  padding: 8px 0 !important;
  z-index: 9999 !important;
}

.navigation .gva_menu .sub-menu li,
.main-menu .gva_menu .sub-menu li,
#gva-main-menu .gva_menu .sub-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.navigation .gva_menu .sub-menu li a,
.main-menu .gva_menu .sub-menu li a,
#gva-main-menu .gva_menu .sub-menu li a {
  display: block !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  color: #2a2f2d !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  white-space: normal !important;
}

.navigation .gva_menu .sub-menu li a:hover,
.navigation .gva_menu .sub-menu li:hover > a,
.main-menu .gva_menu .sub-menu li a:hover,
.main-menu .gva_menu .sub-menu li:hover > a,
#gva-main-menu .gva_menu .sub-menu li a:hover,
#gva-main-menu .gva_menu .sub-menu li:hover > a {
  background: #f4f7f5 !important;
  color: #1f6b4f !important;
}

/* =========================
   BANNIERE / HERO
========================= */
.hero-modern-banner,
.banner-home,
.custom-hero-banner,
.region-slideshow,
.block-flexslider,
.flexslider {
  background: transparent !important;
  margin-bottom: 28px !important;
}

.hero-modern-banner img,
.banner-home img,
.custom-hero-banner img,
.flexslider img {
  width: 100% !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* =========================
   CONTENU GENERAL
========================= */
.main,
.region-content,
.main-content,
.content-main {
  background: transparent !important;
}

.region-content .block,
.main .block,
.main-content .block {
  background: #ffffff !important;
  border: 1px solid #edf0ec !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 20px rgba(18,54,41,0.04) !important;
  padding: 24px !important;
}

/* Exceptions où on ne veut pas de carte */
.region-content .block-system-main-block,
.region-content .block-page-title-block,
.region-content .block-breadcrumbs {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Titres */
h1, h2, h3, h4 {
  color: #123629 !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
}

h1 {
  font-size: 34px !important;
  font-weight: 800 !important;
}

h2 {
  font-size: 28px !important;
  font-weight: 800 !important;
}

h3 {
  font-size: 21px !important;
  font-weight: 700 !important;
}

/* Paragraphes */
p, li {
  color: #2a2f2d !important;
  font-size: 15px !important;
}

/* =========================
   MISSIONS / CARTES
========================= */
.views-row,
.view-content .views-row,
.node--view-mode-teaser,
.card,
.service-item,
.mission-item {
  background: #ffffff !important;
  border: 1px solid #edf0ec !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(18,54,41,0.05) !important;
}

.views-row img,
.card img,
.service-item img,
.mission-item img {
  width: 100% !important;
}

/* =========================
   ACTUALITES
========================= */
.view .views-row h3,
.view .views-row .views-field-title {
  color: #123629 !important;
  font-weight: 700 !important;
}

.view .views-row a:hover {
  color: #1f6b4f !important;
}

/* =========================
   MEDIATHEQUE / PHOTOS
========================= */
.view-photos .view-content,
.view-galerie .view-content,
.view-media .view-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.view-photos .views-row,
.view-galerie .views-row,
.view-media .views-row {
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.view-photos .views-row img,
.view-galerie .views-row img,
.view-media .views-row img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* =========================
   BOUTONS CONTENU PUBLIC
========================= */
.region-content .more-link a,
.region-content .button,
.region-content .btn,
.region-content a.button,
.region-content a.btn,
.view .more-link a {
  display: inline-block !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  background: #c8a95b !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.region-content .more-link a:hover,
.region-content .button:hover,
.region-content .btn:hover,
.region-content a.button:hover,
.region-content a.btn:hover,
.view .more-link a:hover {
  background: #b39346 !important;
}

/* =========================
   TABLEAUX / TEXTES JURIDIQUES
========================= */
table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
}

table th,
table td {
  border: 1px solid #e4e8e3 !important;
  padding: 10px 12px !important;
  text-align: left !important;
}

table th {
  background: #f4f7f5 !important;
  color: #123629 !important;
}

/* =========================
   FOOTER
========================= */
footer,
.footer,
.region-footer {
  background: #1b2238 !important;
  color: #ffffff !important;
  margin-top: 40px !important;
}

footer .container,
.footer .container,
.region-footer .container {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

footer a,
.footer a,
.region-footer a {
  color: #c8a95b !important;
}

footer a:hover,
.footer a:hover,
.region-footer a:hover {
  color: #ffffff !important;
}

footer .block,
.footer .block,
.region-footer .block {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

footer h2,
footer h3,
.footer h2,
.footer h3,
.region-footer h2,
.region-footer h3 {
  color: #ffffff !important;
}

/* =========================
   ADMIN DRUPAL — on évite de casser
========================= */
.user-logged-in #toolbar-administration,
.user-logged-in .contextual,
.user-logged-in [data-contextual-id] {
  z-index: 99999 !important;
}/* IMAGE PRINCIPALE */
.image-principale {
  height: 320px;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 30px;
}

/* IMAGE SECONDAIRE */
.image-secondaire {
  height: 240px;
  overflow: hidden;
  border-radius: 10px;
  margin: 20px 0;
}

.image-principale img,
.image-secondaire img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =========================
   RESPONSIVE TABLETTE
========================= */
@media (max-width: 991px) {
  header.header-2 .header-main .container,
  header.header-2 .header-main .container-inner,
  header.header-2 .main-header .container,
  header.header-2 .main-header .container-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .region-branding {
    width: 100% !important;
    min-width: 100% !important;
  }

  .region-search,
  .region-header-right {
    width: 100% !important;
    min-width: 100% !important;
    align-items: flex-start !important;
  }

  .language-switcher-language-url ul,
  .language-switcher-language-url .links {
    justify-content: flex-start !important;
  }

  .search-block-form,
  form.search-block-form,
  .block-search form {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .search-block-form input[type="search"],
  .search-block-form input[type="text"],
  .block-search input[type="search"],
  .block-search input[type="text"] {
    width: 100% !important;
    min-width: 260px !important;
  }

  header.header-2 .main-menu .navigation .gva_menu,
  .navigation .gva_menu,
  .main-menu .gva_menu,
  #gva-main-menu .gva_menu {
    justify-content: flex-start !important;
    gap: 18px !important;
  }

  .view-photos .view-content,
  .view-galerie .view-content,
  .view-media .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================
   RESPONSIVE MOBILE
========================= */
@media (max-width: 767px) {
  body {
    font-size: 15px !important;
  }

  header.header-2 .header-main {
    padding: 12px 0 8px !important;
  }

  .region-branding .site-branding,
  .site-branding {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  .region-branding img,
  .site-branding img {
    max-height: 64px !important;
  }

  .site-branding__name a,
  .site-name a,
  .site-branding__name,
  .site-name {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .language-switcher-language-url a {
    font-size: 14px !important;
    padding: 7px 12px !important;
  }

  .search-block-form input[type="search"],
  .search-block-form input[type="text"],
  .block-search input[type="search"],
  .block-search input[type="text"] {
    width: 100% !important;
    min-width: 100% !important;
  }

  .search-block-form input[type="submit"],
  .search-block-form button[type="submit"],
  .block-search input[type="submit"],
  .block-search button[type="submit"] {
    width: auto !important;
  }

  header.header-2 .main-menu .navigation .gva_menu,
  .navigation .gva_menu,
  .main-menu .gva_menu,
  #gva-main-menu .gva_menu {
    display: block !important;
  }

  .navigation .gva_menu > li > a,
  .main-menu .gva_menu > li > a,
  #gva-main-menu .gva_menu > li > a {
    padding: 12px 0 !important;
    border-bottom: 1px solid #edf0ec !important;
  }

  .view-photos .view-content,
  .view-galerie .view-content,
  .view-media .view-content {
    grid-template-columns: 1fr !important;
  }

  .region-content .block,
  .main .block,
  .main-content .block {
    padding: 18px !important;
    border-radius: 12px !important;
  }

  h1 {
    font-size: 28px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 19px !important;
  }
}/* Bloc juridique */
.bloc-decret {
  background: #f5f7f6;
  border-left: 4px solid #0b6b3a;
  padding: 20px;
  margin: 20px 0;
  border-radius: 6px;
}

/* Bouton PDF */
.btn-pdf {
  display: inline-block;
  background: #0b6b3a;
  color: #fff !important;
  padding: 10px 16px;
  margin-top: 10px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
}

.btn-pdf:hover {
  background: #084d2a;
}.btn-actualites {
  background: #2d6a4f;
  color: #fff;
  padding: 12px 25px;
  border-radius: 8px;
}.btn-actualites {
  background: #2d6a4f;
  color: #fff;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  transition: 0.3s;
}

.btn-actualites:hover {
  background: #1b4332;
}.btn-actualites {
  background: #2d6a4f !important;
  color: #ffffff !important;
  padding: 12px 25px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-weight: 600 !important;
}.btn-actualites {
  background: #2d6a4f;
  color: #ffffff;
  padding: 14px 30px;
  border-radius: 10px;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-actualites:hover {
  background: #1b4332;
  transform: translateY(-2px);
}.views-view-grid {
  gap: 20px;
}

.views-row {
  border-radius: 12px;
  overflow: hidden;
}

.views-row img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.views-row:hover img {
  transform: scale(1.05);
}.btn-galerie {
  background: #2d6a4f;
  color: #fff;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
}

.btn-galerie:hover {
  background: #1b4332;
}.views-row {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.views-row img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: all 0.4s ease;
}

/* effet hover premium */
.views-row:hover img {
  transform: scale(1.08);
  filter: brightness(0.85);
}

/* overlay léger */
.views-row::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.1);
  opacity: 0;
  transition: 0.3s;
}

.views-row:hover::after {
  opacity: 1;
}.btn-galerie {
  background: #2d6a4f;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: 0.3s;
}

.btn-galerie:hover {
  background: #1b4332;
  transform: translateY(-2px);
}.btn-galerie {
  background: #2d6a4f;
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: 0.3s;
}

.btn-galerie:hover {
  background: #1b4332;
  transform: translateY(-2px);
}.site-footer,
.site-footer p,
.site-footer span,
.site-footer a,
.footer,
.footer p,
.footer span,
.footer a {
  color: #ffffff !important;
  opacity: 1 !important;
}<div class="social-links">
  <a href="#" target="_blank">Facebook</a>
  <a href="#" target="_blank">Twitter</a>
  <a href="#" target="_blank">YouTube</a>
</div>.social-links {
  text-align: center;
  margin-top: 10px;
}

.social-links a {
  display: inline-block;
  margin: 0 15px; /* ESPACE ENTRE LES LIENS */
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
}/* ===== FOOTER GLOBAL ===== */
.site-footer {
  padding: 30px 0 !important;
  color: #ffffff;
}

/* Réduction des espaces internes */
.site-footer .block {
  margin-bottom: 10px !important;
}

/* Texte du footer */
.site-footer p,
.site-footer span,
.site-footer a {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ===== RÉSEAUX SOCIAUX ===== */
.social-links {
  text-align: center;
  margin-top: 5px;
}

.social-links a {
  display: inline-block;
  margin: 0 15px !important;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
}

.social-links a:hover {
  color: #95d5b2;
}

/* ===== ALIGNEMENT GLOBAL FOOTER ===== */
.site-footer .region-footer {
  text-align: center;
}

/* ===== COPYRIGHT ===== */
.copyright,
.site-info {
  font-size: 13px;
  margin-top: 10px;
  color: #f1f1f1 !important;
}/* ===== FOOTER COMPACT FORCÉ ===== */
.site-footer {
  padding: 20px 0 !important;
  min-height: auto !important;
  height: auto !important;
}

/* Supprime les espaces internes inutiles */
.site-footer .block {
  margin-bottom: 5px !important;
  padding: 0 !important;
}

/* Réduit les titres */
.site-footer h2,
.site-footer h3 {
  margin-bottom: 5px !important;
}

/* Réseaux sociaux compacts */
.social-links {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/* Texte compact */
.site-footer p,
.site-footer span {
  margin-bottom: 5px !important;
  line-height: 1.4 !important;
}

/* COPYRIGHT */
.copyright,
.site-info {
  margin-top: 5px !important;
}/* FORCER COMPACTAGE MAX */
.site-footer * {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}

/* BLOCS FOOTER */
.site-footer .block {
  padding: 0 !important;
}

/* IMAGE LOGO */
.site-footer img {
  max-height: 60px !important;
}/* TEXTE SUR LA BANNIÈRE */
.carousel-caption {
  top: 50% !important;
  transform: translateY(-50%) !important;
  bottom: auto !important;
  text-align: center !important;
}

/* TITRE */
.carousel-caption h1,
.carousel-caption h2 {
  font-size: 42px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* SOUS-TEXTE */
.carousel-caption p {
  font-size: 20px !important;
  color: #ffffff !important;
}

/* FOND POUR LISIBILITÉ */
.carousel-caption {
  background: rgba(0,0,0,0.4);
  padding: 20px;
  border-radius: 10px;
}h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}.cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.card-content {
  padding: 15px;
}

.card-content h3 {
  margin: 0 0 10px;
}.container-armees {
  max-width: 900px;
  margin: auto;
}

.section-armee {
  margin-bottom: 50px;
}

.section-armee img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

.section-armee h3 {
  margin-top: 15px;
  font-size: 22px;
}

.section-armee p {
  font-size: 16px;
  line-height: 1.6;
}body {
  background: red;
}/* ===== FORCE ARMÉES DESIGN FINAL ===== */

/* CONTAINER */
.page-premium {
  max-width: 1100px !important;
  margin: auto !important;
}

/* INTRO */
.intro-premium {
  max-width: 900px !important;
  margin: 25px auto 35px auto !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  text-align: justify !important;
  color: #444 !important;
}

/* IMAGE PRINCIPALE */
.image-premium {
  text-align: center !important;
  margin: 45px auto !important;
}

.image-premium img {
  width: 100% !important;
  height: 420px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

/* CONTENU */
.content-premium {
  max-width: 900px !important;
  margin: auto !important;
}

/* ===== TITRES AVEC BARRE VERTE (FORCÉE) ===== */
.section-title {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 50px !important;
  margin-bottom: 20px !important;
}

.section-title::before {
  content: "" !important;
  width: 6px !important;
  height: 30px !important;
  background: #2d6a4f !important;
  display: inline-block !important;
}

.section-title h2 {
  margin: 0 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #123629 !important;
}

/* TEXTE */
.content-premium p {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: #444 !important;
}

/* LISTE */
.liste-premium {
  font-size: 17px !important;
  line-height: 1.9 !important;
}

/* BLOCS */
.subsection-premium {
  margin-top: 35px !important;
  margin-bottom: 45px !important;
}

.subsection-premium h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* IMAGES */
.subsection-premium img {
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  margin-top: 15px !important;
}.ministere-hero-banner {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.ministere-hero-banner img {
  width: 100%;
  display: block;
}

.ministere-hero-text {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #ffffff;
  max-width: 760px;
  text-shadow: 0 2px 8px rgba(0,0,0,0.75);
}

.ministere-hero-text h1 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 800;
  margin: 0 0 10px 0;
  color: #ffffff;
}

.ministere-hero-text p {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  margin: 0;
  color: #ffffff;
}

@media (max-width: 768px) {
  .ministere-hero-text {
    left: 18px;
    bottom: 18px;
    max-width: 90%;
  }

  .ministere-hero-text h1 {
    font-size: 24px;
  }

  .ministere-hero-text p {
    font-size: 14px;
  }
}.ministere-hero-banner {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.ministere-hero-banner img {
  width: 100%;
  display: block;
}

.ministere-hero-banner h2 {
  position: absolute;
  left: 30px;
  bottom: 35px;
  color: #ffffff !important;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.2;
  text-shadow: 0 2px 8px rgba(0,0,0,0.75);
  margin: 0;
}/* ==================================================
   ESPACEMENT MODERNE PAGE D'ACCUEIL
   Ministère de la Défense
   ================================================== */

/* Respiration générale entre les grands blocs */
.path-frontpage .block {
  margin-bottom: 45px;
}

/* Banner principal : espace après l’image */
.path-frontpage .block-views-blockbanner-fix-block-1,
.path-frontpage .banner-fix,
.path-frontpage .views-element-container:first-child {
  margin-bottom: 55px;
}

/* Bloc Domaines stratégiques */
.path-frontpage .domaines-strategiques,
.path-frontpage .block-domaines-strategiques {
  padding-top: 45px;
  padding-bottom: 45px;
  margin-bottom: 50px;
}

/* Cartes des domaines stratégiques */
.path-frontpage .domaines-strategiques .card,
.path-frontpage .block-domaines-strategiques .card {
  margin-bottom: 25px;
}

/* Bloc Actualités */
.path-frontpage .block-views-blockactualites-accueil-fr-block-1,
.path-frontpage .actualites-accueil {
  padding-top: 40px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

/* Galerie et vidéos */
.path-frontpage .block-views-blockgalerie-accueil-block-1,
.path-frontpage .block-views-blockvideos-block-1 {
  padding-top: 35px;
  padding-bottom: 45px;
  margin-bottom: 45px;
}

/* Footer : séparation propre */
.path-frontpage footer,
.path-frontpage .footer {
  margin-top: 50px;
}

/* Titres des sections */
.path-frontpage h2,
.path-frontpage .block-title {
  margin-bottom: 25px;
  font-weight: 700;
}

/* Mobile : réduire les espaces */
@media (max-width: 768px) {
  .path-frontpage .block {
    margin-bottom: 30px;
  }

  .path-frontpage .domaines-strategiques,
  .path-frontpage .block-domaines-strategiques,
  .path-frontpage .block-views-blockactualites-accueil-fr-block-1,
  .path-frontpage .actualites-accueil {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}/* =========================================
   DOMAINES STRATÉGIQUES - STYLE MODERNE
   ========================================= */

/* Zone générale */
.domaines-strategiques,
.block-domaines-strategiques {
    padding-top: 30px;
    padding-bottom: 40px;
}

/* Cartes */
.domaines-strategiques .views-row,
.block-domaines-strategiques .views-row,
.domaines-strategiques .card,
.block-domaines-strategiques .card {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

/* Effet hover */
.domaines-strategiques .views-row:hover,
.block-domaines-strategiques .views-row:hover,
.domaines-strategiques .card:hover,
.block-domaines-strategiques .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.14);
}

/* Images */
.domaines-strategiques img,
.block-domaines-strategiques img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

/* Titres */
.domaines-strategiques h3,
.domaines-strategiques h4,
.block-domaines-strategiques h3,
.block-domaines-strategiques h4 {
    font-size: 22px;
    font-weight: 700;
    margin: 20px 20px 12px;
    color: #111;
}

/* Textes */
.domaines-strategiques p,
.block-domaines-strategiques p {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
    margin: 0 20px 20px;
}

/* Boutons */
.domaines-strategiques a.btn,
.block-domaines-strategiques a.btn,
.domaines-strategiques .more-link a,
.block-domaines-strategiques .more-link a {
    display: inline-block;
    margin: 0 20px 25px;
    padding: 10px 22px;
    border-radius: 30px;
    background: #0f5132;
    color: #fff !important;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
}

/* Hover bouton */
.domaines-strategiques a.btn:hover,
.block-domaines-strategiques a.btn:hover,
.domaines-strategiques .more-link a:hover,
.block-domaines-strategiques .more-link a:hover {
    background: #146c43;
    transform: translateY(-2px);
}

/* Responsive mobile */
@media (max-width: 768px) {

    .domaines-strategiques img,
    .block-domaines-strategiques img {
        height: 180px;
    }

    .domaines-strategiques h3,
    .domaines-strategiques h4,
    .block-domaines-strategiques h3,
    .block-domaines-strategiques h4 {
        font-size: 19px;
    }
}/* =========================================
   LOGO HEADER - AFFICHAGE MOBILE
   ========================================= */

@media (max-width: 768px) {

  /* Forcer l'affichage du logo/header */
  .site-branding,
  .branding,
  .header-logo,
  .logo,
  .site-logo,
  .block-system-branding-block,
  .block-header-droit img,
  .header-droit img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Centrer le logo dans le header mobile */
  .site-branding,
  .branding,
  .header-droit,
  .block-header-droit {
    text-align: center !important;
    width: 100% !important;
  }

  /* Taille correcte du logo sur mobile */
  .site-branding img,
  .branding img,
  .header-logo img,
  .logo img,
  .site-logo img,
  .block-header-droit img,
  .header-droit img {
    max-width: 90px !important;
    height: auto !important;
    margin: 8px auto !important;
  }

  /* Empêcher le header de cacher le logo */
  .header,
  .header-main,
  .gv-sticky-menu,
  .main-header {
    height: auto !important;
    min-height: 80px !important;
    overflow: visible !important;
  }
}

@media (max-width: 768px) {

    header.header-2 .header-main {
        padding: 2px 0 8px !important;
    }

    .header,
    .header-main,
    .gv-sticky-menu,
    .main-header {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

}

.content-main-inner p a {
display: inline-block;
    background: #2d6a4f;
    color: #fff !iomprtant;
    padding: 6px 10px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    COLOR: #fff !important;
}

h2, p {
    text-align: justify;
}

footer .container, .footer .container, .region-footer .container
 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footer h2 {
    font-size: 21px !important;
    font-weight: 600 !important;
}

.topbar {
    background: #1F212C !important;
      
      }

header.header-2 .header-main
 {
    background: #1b2238 !important;
    padding: 14px 0 10px !important;
}


.views-row::after {
 
    position: inset-block !important;
    inset: 0;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    transition: 0.3s;
}

.views-row a{
 
color: #000 !important;
}






/* ================================
   Domaines stratégiques - Grille
================================ */

.domaines {
  width: 100% !important;
}

/* Conteneur intérieur */
.domaines > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  align-items: start !important;
}

/* Bloc titre/introduction : pleine largeur */
.domaines #block-domainesstrategiques-2 {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Défense nationale : haut gauche */
.domaines #block-views-block-domaines-strategiques-block-dom1 {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

/* Retraités militaires : haut droite */
.domaines #block-views-block-domaines-strategiques-block-dom2 {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

/* Enfants des martyrs : bas gauche */
.domaines #block-views-block-domaines-strategiques-block-dom3 {
  grid-column: 1 !important;
  grid-row: 3 !important;
}

/* Coopération internationale : bas droite */
.domaines #block-views-block-domaines-strategiques-block-dom4 {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

/* Bouton final : pleine largeur après les 4 cartes */
.domaines #block-voirlesactualitespardomaine {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* Réinitialiser les blocs */
.domaines #block-views-block-domaines-strategiques-block-dom1,
.domaines #block-views-block-domaines-strategiques-block-dom2,
.domaines #block-views-block-domaines-strategiques-block-dom3,
.domaines #block-views-block-domaines-strategiques-block-dom4,
.domaines #block-voirlesactualitespardomaine {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Supprimer les marges du thème */
.domaines .block {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ================================
   Introduction
================================ */

.domaines .strategy-intro {
  font-size: 17px;
  line-height: 1.7;
  color: #555;
  max-width: 950px;
  margin-bottom: 0;
}

/* ================================
   Carte
================================ */

.domaines .strategy-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.domaines .strategy-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Image */
.domaines .strategy-image img,
.domaines .strategy-card img,
.domaines .item-image img {
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Contenu */
.domaines .strategy-content {
  padding: 22px;
}

.domaines .strategy-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px;
  color: #1f3b2d;
}

.domaines .strategy-content h3 a {
  color: #1f3b2d !important;
  text-decoration: none !important;
}

.domaines .strategy-content h3 a:hover {
  color: #1f7a45 !important;
}

.domaines .strategy-excerpt,
.domaines .strategy-excerpt p,
.domaines .strategy-content p {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
  margin: 0 0 18px;
}

/* Bouton Découvrir */
.domaines .strategy-btn,
.domaines .strategy-btn-wrapper a {
  display: inline-block;
  padding: 10px 18px;
  background: #1f7a45;
  color: #fff !important;
  border-radius: 6px;
  text-decoration: none !important;
  font-weight: 600;
  transition: background 0.3s ease;
}

.domaines .strategy-btn:hover,
.domaines .strategy-btn-wrapper a:hover {
  background: #145c32;
  color: #fff !important;
}

/* ================================
   Bouton Voir les actualités
================================ */

.domaines .domain-news-more {
  text-align: center !important;
  margin-top: 10px !important;
}

.domaines .domain-news-more__btn {
  display: inline-block !important;
  padding: 12px 24px !important;
  background: #1f7a45 !important;
  color: #fff !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.domaines .domain-news-more__btn:hover {
  background: #145c32 !important;
  color: #fff !important;
}

/* ================================
   Mobile
================================ */

@media (max-width: 768px) {
  .domaines > div {
    grid-template-columns: 1fr !important;
  }

  .domaines #block-domainesstrategiques-2,
  .domaines #block-views-block-domaines-strategiques-block-dom1,
  .domaines #block-views-block-domaines-strategiques-block-dom2,
  .domaines #block-views-block-domaines-strategiques-block-dom3,
  .domaines #block-views-block-domaines-strategiques-block-dom4,
  .domaines #block-voirlesactualitespardomaine {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .domaines .strategy-image img,
  .domaines .strategy-card img,
  .domaines .item-image img {
    height: 200px !important;
  }
}



/* =====================================
   RTL / ARABE - Direction générale
===================================== */

html[dir="rtl"],
html[lang="ar"] {
  direction: rtl !important;
}

html[dir="rtl"] body,
html[lang="ar"] body {
  text-align: right !important;
}

/* Titres et textes */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] p,
html[dir="rtl"] .post-content,
html[dir="rtl"] .node__content,
html[dir="rtl"] .field--name-body {
  text-align: right !important;
  direction: rtl !important;
}

/* Ligne sous les titres à droite */
html[dir="rtl"] .block-title::after,
html[dir="rtl"] .section-title::after,
html[dir="rtl"] .gsc-heading .title::after {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* =====================================
   Header RTL
===================================== */

/* Logo / branding à droite en arabe */
html[dir="rtl"] #block-brandingofficielmdarem {
  right: var(--mdarem-header-side-space) !important;
  left: auto !important;
}

/* Topbar FR | AR | recherche à gauche */
html[dir="rtl"] .topbar,
html[dir="rtl"] .region-topbar,
html[dir="rtl"] .header-main .topbar {
  left: var(--mdarem-header-side-space) !important;
  right: auto !important;
}

/* Branding arabe */
html[dir="rtl"] .mdarem-header-brand {
  flex-direction: row !important;
  text-align: right !important;
}

html[dir="rtl"] .mdarem-header-title {
  text-align: right !important;
  direction: rtl !important;
}

/* =====================================
   Menu principal RTL
===================================== */

html[dir="rtl"] .gva-navigation ul.gva_menu,
html[dir="rtl"] ul.gva_menu.gva_menu_main {
  direction: rtl !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

html[dir="rtl"] .gva-navigation ul.gva_menu > li,
html[dir="rtl"] ul.gva_menu.gva_menu_main > li {
  float: right !important;
  text-align: right !important;
}

html[dir="rtl"] .gva-navigation ul.gva_menu > li > a,
html[dir="rtl"] ul.gva_menu.gva_menu_main > li > a {
  text-align: right !important;
}

/* Sous-menus à droite */
html[dir="rtl"] .gva-navigation .sub-menu,
html[dir="rtl"] ul.gva_menu .sub-menu {
  right: 0 !important;
  left: auto !important;
  text-align: right !important;
  direction: rtl !important;
}

html[dir="rtl"] .gva-navigation .sub-menu li,
html[dir="rtl"] ul.gva_menu .sub-menu li,
html[dir="rtl"] .gva-navigation .sub-menu a,
html[dir="rtl"] ul.gva_menu .sub-menu a {
  text-align: right !important;
  direction: rtl !important;
}

/* Icône dropdown */
html[dir="rtl"] .gva_menu .icaret {
  margin-right: 6px !important;
  margin-left: 0 !important;
}

/* =====================================
   Domaines stratégiques RTL
===================================== */

html[dir="rtl"] .domaines,
html[dir="rtl"] .domaines > div {
  direction: rtl !important;
  text-align: right !important;
}

/* Grille arabe : 2 colonnes */
html[dir="rtl"] .domaines > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}

/* Introduction pleine largeur */
html[dir="rtl"] .domaines #block-domainesstrategiques-2 {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  text-align: right !important;
}

/* En RTL, colonne 1 = droite */
html[dir="rtl"] .domaines #block-views-block-domaines-strategiques-block-dom1 {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html[dir="rtl"] .domaines #block-views-block-domaines-strategiques-block-dom2 {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html[dir="rtl"] .domaines #block-views-block-domaines-strategiques-block-dom3 {
  grid-column: 1 !important;
  grid-row: 3 !important;
}

html[dir="rtl"] .domaines #block-views-block-domaines-strategiques-block-dom4 {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

/* Bouton final pleine largeur */
html[dir="rtl"] .domaines #block-voirlesactualitespardomaine {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  text-align: center !important;
}

/* Texte des cartes à droite */
html[dir="rtl"] .domaines .strategy-content,
html[dir="rtl"] .domaines .strategy-content h3,
html[dir="rtl"] .domaines .strategy-content p,
html[dir="rtl"] .domaines .strategy-excerpt,
html[dir="rtl"] .domaines .strategy-excerpt p {
  text-align: right !important;
  direction: rtl !important;
}

/* Bouton Découvrir aligné à droite */
html[dir="rtl"] .domaines .strategy-btn,
html[dir="rtl"] .domaines .strategy-btn-wrapper a {
  float: right !important;
}

/* Nettoyage après bouton flottant */
html[dir="rtl"] .domaines .strategy-content::after {
  content: "";
  display: block;
  clear: both;
}

/* =====================================
   Articles RTL
===================================== */

html[dir="rtl"] .post-title,
html[dir="rtl"] .post-meta,
html[dir="rtl"] .post-content,
html[dir="rtl"] .node__content,
html[dir="rtl"] .field--name-body {
  text-align: right !important;
  direction: rtl !important;
}

html[dir="rtl"] .post-meta span {
  display: inline-block !important;
}

/* Image article */
html[dir="rtl"] .post-thumbnail {
  text-align: center !important;
}

/* =====================================
   Formulaires / filtres Views RTL
===================================== */

html[dir="rtl"] .views-exposed-form,
html[dir="rtl"] .views-exposed-form label,
html[dir="rtl"] .views-exposed-form input,
html[dir="rtl"] .views-exposed-form select,
html[dir="rtl"] .views-exposed-form textarea {
  text-align: right !important;
  direction: rtl !important;
}

/* =====================================
   Mobile RTL
===================================== */

@media (max-width: 768px) {
  html[dir="rtl"] .domaines > div {
    grid-template-columns: 1fr !important;
  }

  html[dir="rtl"] .domaines #block-domainesstrategiques-2,
  html[dir="rtl"] .domaines #block-views-block-domaines-strategiques-block-dom1,
  html[dir="rtl"] .domaines #block-views-block-domaines-strategiques-block-dom2,
  html[dir="rtl"] .domaines #block-views-block-domaines-strategiques-block-dom3,
  html[dir="rtl"] .domaines #block-views-block-domaines-strategiques-block-dom4,
  html[dir="rtl"] .domaines #block-voirlesactualitespardomaine {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html[dir="rtl"] #block-brandingofficielmdarem {
    right: 18px !important;
    left: auto !important;
  }

  html[dir="rtl"] .topbar,
  html[dir="rtl"] .region-topbar,
  html[dir="rtl"] .header-main .topbar {
    left: 18px !important;
    right: auto !important;
  }
}