/*
Theme Name: Sentinelle Elementor
Theme URI: https://example.com/
Author: LEOPARDS GROUP
Description: Thème WordPress léger, compatible Elementor, pour le site La Sentinelle (charte graphique).
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sentinelle-elementor
Tags: elementor, news, one-column, custom-logo
*/

:root{
  --sentinelle-max-width: 1200px;

  --sentinelle-navy:#1B1464;
  --sentinelle-blue:#0A5E9F;
  --sentinelle-cyan:#29ABE2;
  --sentinelle-sand:#F6E0A5;
  --sentinelle-gray:#999999;
  --sentinelle-white:#FFFFFF;

  --sentinelle-radius: 14px;
}

body{
  margin: 0;
  font-family: 'Barlow', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--sentinelle-navy);
  background: var(--sentinelle-white);
}

h1,h2,h3,h4,.site-title{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.site-container{
  max-width: var(--sentinelle-max-width);
  margin: 0 auto;
  padding: 0 16px;
}

/* Header */
.site-header{
  position: sticky;
  top:0;
  z-index: 40;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: 14px 0;
}

.header-row{
  display:flex;
  align-items:center;
  gap: 16px;
}

.brand{
  display:flex;
  align-items:center;
  gap: 12px;
}
.brand a{
  text-decoration:none;
  color: inherit;
  font-weight: 800;
  letter-spacing: .2px;
}
.brand img{
  height: 34px;
  width: auto;
}

.nav{
  margin-left:auto;
}

.menu{
  list-style:none;
  display:flex;
  gap: 14px;
  padding:0;
  margin:0;
  flex-wrap: wrap;
  justify-content:flex-end;
  align-items:center;
}
.menu a{
  text-decoration:none;
  color: var(--sentinelle-navy);
  font-weight: 700;
  opacity: .92;
}
.menu a:hover{ opacity: 1; text-decoration: underline; }

/* CTA button in menu (add class "menu-item--cta" manually if desired) */
.menu .menu-item--cta > a{
  background: var(--sentinelle-sand);
  color: var(--sentinelle-navy);
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 800;
}

.content{
  min-height: 60vh;
}

/* Footer */
.site-footer{
  margin-top: 42px;
  padding: 22px 0;
  background: linear-gradient(135deg, var(--sentinelle-navy), var(--sentinelle-blue));
  color: #fff;
}
.site-footer a{ color: var(--sentinelle-sand); text-decoration:none; }
.site-footer a:hover{ text-decoration: underline; }