/* ============================================================
   PRAEMEDIAS — HEADER & FOOTER
   ============================================================ */

/* ---------- HEADER ---------- */
.pm-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  transition:all 0.5s ease;
  padding:22px 0;
}
.pm-header.pm-scrolled{
  background:rgba(4,9,26,0.85);
  backdrop-filter:blur(18px);
  border-bottom:1px solid #14234A;
  padding:14px 0;
}
.pm-header-inner{
  max-width:1280px;margin:0 auto;padding:0 40px;
  display:flex;align-items:center;justify-content:space-between;
}
.pm-logo{display:flex;align-items:center;gap:13px;text-decoration:none;}
.pm-logo svg{filter:drop-shadow(0 0 10px rgba(107,159,212,0.6));}
.pm-logo-text{font-family:'Fraunces',serif;font-size:18px;letter-spacing:4px;color:#EDF2FF;font-weight:600;}

.pm-nav .pm-menu{
  display:flex;align-items:center;gap:42px;list-style:none;margin:0;padding:0;
}
.pm-nav .pm-menu li{margin:0;}
.pm-nav .pm-menu a{
  font-family:'Outfit',sans-serif;font-size:11.5px;letter-spacing:2.5px;
  text-transform:uppercase;color:#8FA6C9;font-weight:500;
  text-decoration:none;position:relative;padding-bottom:5px;transition:color 0.3s ease;
}
.pm-nav .pm-menu a::after{
  content:'';position:absolute;bottom:0;left:0;width:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#4F7FD9,transparent);transition:width 0.4s ease;
}
.pm-nav .pm-menu a:hover{color:#EDF2FF;}
.pm-nav .pm-menu a:hover::after{width:100%;}

/* Burger (mobile) */
.pm-burger{
  display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;
}
.pm-burger span{width:26px;height:2px;background:#EDF2FF;border-radius:2px;transition:all 0.3s ease;}
.pm-burger.pm-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.pm-burger.pm-open span:nth-child(2){opacity:0;}
.pm-burger.pm-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Compense la hauteur du header fixe */
body.pm-has-fixed-header #page,
body.pm-has-fixed-header .site-content{padding-top:0;}

@media(max-width:900px){
  .pm-burger{display:flex;}
  .pm-nav{
    position:fixed;top:0;right:-100%;width:78%;max-width:340px;height:100vh;
    background:rgba(4,9,26,0.97);backdrop-filter:blur(20px);
    border-left:1px solid #14234A;
    display:flex;align-items:center;justify-content:center;
    transition:right 0.45s cubic-bezier(0.16,1,0.3,1);z-index:1001;
  }
  .pm-nav.pm-nav-open{right:0;}
  .pm-nav .pm-menu{flex-direction:column;gap:34px;}
  .pm-nav .pm-menu a{font-size:15px;}
  .pm-burger{position:relative;z-index:1002;}
}

/* ---------- FOOTER ---------- */
.pm-footer{
  position:relative;z-index:2;
  background:rgba(4,9,26,0.7);
  border-top:1px solid #14234A;
  padding:80px 40px 40px;
  margin-top:120px;
}
.pm-footer-top{
  max-width:1180px;margin:0 auto;
  display:flex;justify-content:space-between;gap:50px;flex-wrap:wrap;
  padding-bottom:50px;border-bottom:1px solid #14234A;
}
.pm-footer-col{display:flex;flex-direction:column;gap:14px;}
.pm-footer-brand{max-width:300px;}
.pm-footer-brand .pm-logo{margin-bottom:6px;}
.pm-footer-tagline{
  font-family:'Fraunces',serif;font-style:italic;font-size:16px;color:#C9DCF2;margin:0;line-height:1.5;
}
.pm-footer-loc{font-family:'Outfit',sans-serif;font-size:12px;letter-spacing:1px;color:#8FA6C9;margin:0;}
.pm-footer-col h4{
  font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;
  color:#6B9FD4;margin:0 0 6px;font-weight:600;
}
.pm-footer-col a{
  font-family:'Outfit',sans-serif;font-size:13.5px;color:#8FA6C9;text-decoration:none;
  transition:color 0.3s ease;
}
.pm-footer-col a:hover{color:#EDF2FF;}
.pm-footer-bottom{
  max-width:1180px;margin:0 auto;padding-top:28px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-family:'Outfit',sans-serif;font-size:12px;color:#8FA6C9;letter-spacing:0.5px;
}
@media(max-width:768px){
  .pm-footer-top{flex-direction:column;gap:36px;}
  .pm-footer{padding:60px 24px 30px;}
  .pm-footer-bottom{flex-direction:column;text-align:center;}
}

/* Logo mark B2 - glow */
.pm-logo-mark{filter:drop-shadow(0 0 10px rgba(79,127,217,0.5));transition:filter 0.3s ease;}
.pm-logo:hover .pm-logo-mark{filter:drop-shadow(0 0 16px rgba(79,127,217,0.8));}