/*
Theme Name:   Reliancia
Theme URI:    https://reliancia.fr
Description:  Thème WordPress Reliancia — construit à partir du site HTML validé
Author:       Reliancia
Template:     twentytwentyfour
Version:      1.0.0
Text Domain:  reliancia
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');

/* ══════════════════════════════════════
   CSS EXTRAIT FIDÈLEMENT DU SITE HTML
   reliancia-website.html validé
══════════════════════════════════════ */

:root {
  --navy:    #1C2D3E;
  --teal:    #1E8A7E;
  --teal-bg: #EAF4F3;
  --teal-dk: #176E64;
  --white:   #FFFFFF;
  --off:     #F7F6F3;
  --body:    #3D4D5C;
  --muted:   #7A8E9B;
  --border:  #E0E7EB;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Source Sans 3',sans-serif !important;background:var(--white);color:var(--navy);font-size:16px;line-height:1.6;}
body::before{content:'';position:fixed;top:0;left:0;right:0;height:3px;background:var(--teal);z-index:999;}

/* ── NAV WordPress ── */
.site-header,
header.wp-block-template-part {
  position:fixed !important;
  top:3px !important;
  left:0;right:0;
  z-index:500;
  height:60px;
  padding:0 2.5rem;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  background:rgba(255,255,255,.97) !important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border) !important;
  box-shadow:none !important;
}

/* Logo */
.site-title a,
.wp-block-site-title a {
  font-family:'Playfair Display',serif !important;
  font-size:1.55rem !important;
  font-weight:400 !important;
  color:var(--navy) !important;
  text-decoration:none !important;
  letter-spacing:.01em;
}

/* Navigation links */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  font-size:.73rem !important;
  font-weight:400 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--muted) !important;
  text-decoration:none !important;
  transition:color .2s;
  font-family:'Source Sans 3',sans-serif !important;
}
.wp-block-navigation a:hover,
.current-menu-item .wp-block-navigation-item__content {
  color:var(--teal) !important;
}

/* Bouton Contact nav */
.nav-cta .wp-block-navigation-item__content,
.wp-block-navigation .nav-cta > a {
  padding:.38rem 1.2rem !important;
  background:var(--teal) !important;
  color:var(--white) !important;
  border-radius:2px !important;
}
.nav-cta:hover .wp-block-navigation-item__content {
  background:var(--teal-dk) !important;
}

/* ── CONTENU décalé sous nav fixe ── */
.wp-site-blocks,
main.wp-block-group {
  padding-top:63px;
}

/* ── HERO ── */
.hero{min-height:calc(100vh - 63px);display:grid;grid-template-columns:1fr 1fr;align-items:center;}
.hero-left{padding:5rem 3rem 5rem 2.5rem;border-right:1px solid var(--border);}
.eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:1.1rem;}
.hero-title{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,4.5vw,4rem);font-weight:400;line-height:1.1;color:var(--navy);margin-bottom:.5rem;}
.hero-sub{font-family:'Playfair Display',serif;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:300;color:var(--muted);margin-bottom:2.5rem;}
.accroche{border-left:3px solid var(--teal);padding-left:1.3rem;margin-bottom:3rem;}
.accroche p{font-family:'Playfair Display',serif;font-size:clamp(.95rem,1.4vw,1.2rem);font-style:italic;color:var(--navy);line-height:1.6;}
.ctas{display:flex;gap:.9rem;flex-wrap:wrap;}
.btn{display:inline-block;padding:.8rem 2rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;cursor:pointer;text-decoration:none;transition:all .2s;border:none;font-family:'Source Sans 3',sans-serif;}
.btn-p{background:var(--teal);color:var(--white);}
.btn-p:hover{background:var(--teal-dk);}
.btn-g{background:transparent;color:var(--navy);border:1px solid var(--border);}
.btn-g:hover{border-color:var(--teal);color:var(--teal);}

.hero-right{padding:3rem 2.5rem 3rem 3rem;}
.aud-label{font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;}
.aud-grid{display:flex;flex-direction:column;gap:.5rem;}
.aud-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:var(--teal-bg);border-left:3px solid var(--teal);border-radius:2px;cursor:pointer;text-decoration:none;transition:all .2s;}
.aud-item:hover{background:var(--white);box-shadow:0 2px 12px rgba(30,138,126,.12);}
.aud-cat{font-size:.6rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:.2rem;}
.aud-hook{font-family:'Playfair Display',serif;font-size:.88rem;font-style:italic;color:var(--navy);line-height:1.3;}

/* ── POSTURE ── */
.posture{background:var(--off);padding:4.5rem 2.5rem;}
.posture-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start;max-width:1100px;margin:0 auto;}
.posture h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:400;line-height:1.2;color:var(--navy);}
.posture h2 em{font-style:italic;color:var(--teal);}
.posture p{font-size:.9rem;font-weight:300;color:var(--body);line-height:1.8;margin-top:1rem;}
.posture-items{display:flex;flex-direction:column;}
.p-item{display:flex;gap:1.2rem;align-items:flex-start;padding:1.1rem 0;border-bottom:1px solid var(--border);}
.p-item:last-child{border-bottom:none;}
.p-em{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--teal);flex-shrink:0;line-height:1.5;font-style:italic;}
.p-t{font-size:.87rem;font-weight:600;color:var(--navy);margin-bottom:.15rem;}
.p-d{font-size:.82rem;font-weight:300;color:var(--body);line-height:1.65;}

/* ── RÉFÉRENCES HOME ── */
.refs-home{padding:4.5rem 2.5rem;background:var(--white);}
.refs-home-hd{display:flex;justify-content:space-between;align-items:flex-end;max-width:1100px;margin:0 auto 2.5rem;}
.refs-home-hd h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:400;color:var(--navy);line-height:1.2;}
.refs-home-hd h2 em{font-style:italic;color:var(--teal);}
.refs-note{font-size:.78rem;font-style:italic;color:var(--muted);max-width:300px;text-align:right;line-height:1.6;}
.refs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1100px;margin:0 auto;}
.rc{padding:1.6rem 1.8rem;background:var(--teal-bg);border:1px solid rgba(30,138,126,.15);border-radius:2px;transition:all .2s;}
.rc:hover{background:var(--white);border-color:var(--teal);box-shadow:0 2px 14px rgba(30,138,126,.1);}
.rc-name{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.25rem;line-height:1.35;}
.rc-detail{font-size:.76rem;font-style:italic;color:var(--teal);margin-bottom:.55rem;line-height:1.55;}
.rc-amount{font-family:'Playfair Display',serif;font-size:1rem;color:var(--navy);}
.rc-cat{font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-top:.3rem;}
.refs-more{text-align:center;margin-top:2rem;max-width:1100px;margin-left:auto;margin-right:auto;}
.refs-more a{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);text-decoration:none;border-bottom:1px solid rgba(30,138,126,.3);padding-bottom:.15rem;}

/* ── CONTACT HOME ── */
.contact-home{background:var(--off);padding:4.5rem 2.5rem;}
.contact-home-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:1100px;margin:0 auto;align-items:start;}
.contact-home h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:400;color:var(--navy);line-height:1.2;margin-bottom:1rem;}
.contact-home h2 em{font-style:italic;color:var(--teal);}
.contact-home p{font-size:.92rem;font-weight:300;color:var(--body);line-height:1.8;margin-bottom:2rem;}
.cc-cards{display:flex;flex-direction:column;gap:.7rem;}
.cc-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;background:var(--white);border:1px solid var(--border);border-radius:2px;text-decoration:none;transition:all .2s;}
.cc-card:hover{border-color:var(--teal);box-shadow:0 2px 10px rgba(30,138,126,.1);}
.cc-icon{width:32px;height:32px;background:var(--teal-bg);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cc-lbl{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.cc-val{font-size:.92rem;font-weight:400;color:var(--navy);}
.fr{margin-bottom:.85rem;}
.fl{display:block;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;}
.fi,.fs,.ft{width:100%;padding:.78rem 1rem;border:1px solid var(--border);border-radius:2px;font-family:'Source Sans 3',sans-serif;font-size:.88rem;font-weight:300;color:var(--navy);background:var(--white);outline:none;transition:border .2s;}
.fi:focus,.fs:focus,.ft:focus{border-color:var(--teal);}
.ft{min-height:90px;resize:vertical;}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}

/* ── FOOTER ── */
.site-footer,
footer.wp-block-template-part {
  background:var(--navy) !important;
  padding:1.8rem 2.5rem !important;
  display:flex !important;
  justify-content:space-between;
  align-items:center;
  border-top:3px solid var(--teal) !important;
}
.f-logo{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--white) !important;}
.f-tag{font-size:.7rem;font-weight:300;color:rgba(255,255,255,.4) !important;}
.f-legal{font-size:.6rem;color:rgba(255,255,255,.2) !important;text-align:right;line-height:1.7;}
.site-footer a,.site-footer p { color:rgba(255,255,255,.4) !important; font-size:.7rem !important; }

/* ── PAGE HEADER (pages internes) ── */
.page-hd{padding:3.5rem 2.5rem 2.5rem;border-bottom:1px solid var(--border);max-width:1100px;margin:0 auto;}
.page-ey{font-size:.67rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:.75rem;display:flex;align-items:center;gap:.7rem;}
.page-ey::after{content:'';display:block;width:28px;height:1px;background:var(--teal);}
.page-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;color:var(--navy);line-height:1.15;}
.page-title em{font-style:italic;color:var(--teal);}
.page-sub{font-size:.88rem;font-style:italic;color:var(--muted);margin-top:.7rem;line-height:1.6;}

/* ── ONGLETS MISSIONS ── */
.tabs-bar{display:flex;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--white);padding:0 2.5rem;position:sticky;top:63px;z-index:90;}
.tab-btn{flex-shrink:0;padding:.95rem 1.3rem;background:none;border:none;cursor:pointer;font-family:'Source Sans 3',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid transparent;transition:all .2s;}
.tab-btn:hover{color:var(--navy);}
.tab-btn.active{color:var(--teal);border-bottom-color:var(--teal);}
.tab-pane{display:none;padding:3.5rem 2.5rem;max-width:1100px;margin:0 auto;}
.tab-pane.active{display:block;}
.panel-accroche{border-left:3px solid var(--teal);padding-left:1.3rem;margin-bottom:1.8rem;}
.panel-accroche p{font-family:'Playfair Display',serif;font-size:clamp(1rem,1.8vw,1.35rem);font-style:italic;color:var(--navy);line-height:1.5;}
.panel-body{font-size:.95rem;font-weight:300;color:var(--body);line-height:1.82;margin-bottom:2.5rem;max-width:720px;}
.panel-body strong{font-weight:600;color:var(--navy);}
.axes-lbl{font-size:.63rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem;}
.axes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;}
.axe{background:var(--teal-bg);border:1px solid rgba(30,138,126,.15);padding:1.8rem 1.6rem;border-radius:2px;}
.axe-t{font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:.55rem;line-height:1.3;}
.axe-d{font-size:.81rem;font-weight:300;color:var(--body);line-height:1.7;margin-bottom:.75rem;}
.axe-tags{display:flex;flex-wrap:wrap;gap:.3rem;}
.axe-tag{font-size:.7rem;font-style:italic;color:var(--teal);}
.axe-tag:not(:last-child)::after{content:' ·';color:var(--muted);}
.panel-posture{padding:1.2rem 1.5rem;border-top:1px solid var(--border);font-size:.87rem;font-weight:300;color:var(--body);line-height:1.7;margin-top:.5rem;}
.panel-posture strong{font-weight:600;color:var(--navy);}

/* ── REFS PAGE ── */
.refs-pg-body{padding:2.5rem;max-width:1100px;margin:0 auto;}
.refs-nav{display:flex;gap:0;border:1px solid var(--border);border-radius:2px;overflow:hidden;margin-bottom:2.5rem;width:fit-content;}
.rn-btn{padding:.62rem 1.2rem;background:none;border:none;cursor:pointer;font-family:'Source Sans 3',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--border);transition:all .2s;}
.rn-btn:last-child{border-right:none;}
.rn-btn.active{background:var(--navy);color:var(--white);}
.rn-btn:hover:not(.active){background:var(--teal-bg);color:var(--navy);}
.ref-sec{display:none;}
.ref-sec.active{display:block;}
.ref-sec-t{font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:1.2rem;padding-bottom:.65rem;border-bottom:1px solid rgba(30,138,126,.2);}
.refs-full{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;}

/* ── FONDATEUR ── */
.fond-body{padding:2.5rem;max-width:1100px;margin:0 auto;}
.fond-2col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
.f-bio{font-size:.95rem;font-weight:300;color:var(--body);line-height:1.85;margin-bottom:1.5rem;}
.f-box{background:var(--teal-bg);border:1px solid rgba(30,138,126,.2);border-left:3px solid var(--teal);padding:1.4rem 1.6rem;border-radius:2px;margin-bottom:1.5rem;}
.f-box-t{font-size:.84rem;font-weight:600;color:var(--navy);margin-bottom:.5rem;}
.f-box-b{font-size:.82rem;font-weight:300;color:var(--body);line-height:1.7;}
.f-box-b strong{font-weight:600;color:var(--navy);}
.f-ia{background:var(--teal-bg);border:1px solid rgba(30,138,126,.2);padding:1.4rem 1.6rem;border-radius:2px;margin-top:1.5rem;}
.f-ia-l{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:.45rem;}
.f-ia-t{font-size:.84rem;font-weight:300;color:var(--body);line-height:1.7;}
.f-ia-t strong{font-weight:600;color:var(--navy);}
.f-dips{display:flex;flex-direction:column;gap:.6rem;}
.f-dip{padding:.8rem 1rem;background:var(--white);border:1px solid var(--border);border-radius:2px;font-size:.82rem;}
.f-dip strong{display:block;font-weight:600;color:var(--navy);margin-bottom:.1rem;}
.f-dip span{font-weight:300;color:var(--body);}
.f-net{margin-top:2rem;padding:1.5rem;background:var(--off);border:1px solid var(--border);border-radius:2px;}
.f-net-t{font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;}
.f-net-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;font-size:.82rem;font-weight:300;color:var(--body);}
.f-net-cat{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:.25rem;display:block;}
.f-net-note{font-size:.73rem;font-style:italic;color:var(--muted);margin-top:.9rem;}

/* ── CONTACT PAGE ── */
.contact-pg{padding:3rem 2.5rem;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
.contact-pg-info{padding:1.5rem;background:var(--off);border:1px solid var(--border);border-radius:2px;margin-top:1.8rem;font-size:.84rem;font-weight:300;color:var(--body);line-height:1.75;}
.contact-pg-info strong{display:block;font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:.5rem;}

/* ── À PROPOS ── */
.apropos-body{padding:3rem 2.5rem;max-width:820px;margin:0 auto;}
.apropos-body p{font-size:1.05rem;font-weight:300;color:var(--body);line-height:1.9;margin-bottom:1.8rem;}
.apropos-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:3rem;}
.apropos-axe{background:var(--teal-bg);border:1px solid rgba(30,138,126,.15);border-radius:2px;padding:1.6rem;}
.apropos-axe h3{font-size:.85rem;font-weight:600;color:var(--navy);margin-bottom:.5rem;}
.apropos-axe p{font-size:.82rem;font-weight:300;color:var(--body);line-height:1.65;margin-bottom:0;}

/* ── FORMULAIRE CF7 ── */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
  width:100% !important;
  padding:.78rem 1rem !important;
  border:1px solid var(--border) !important;
  border-radius:2px !important;
  font-family:'Source Sans 3',sans-serif !important;
  font-size:.88rem !important;
  font-weight:300 !important;
  color:var(--navy) !important;
  background:var(--white) !important;
  outline:none;
  transition:border .2s;
  margin-bottom:.85rem;
}
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus { border-color:var(--teal) !important; }
.wpcf7-form textarea { min-height:90px; resize:vertical; }
.wpcf7-form input[type="submit"] {
  background:var(--teal) !important;
  color:var(--white) !important;
  border:none !important;
  font-family:'Source Sans 3',sans-serif !important;
  font-size:.78rem !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  padding:.8rem 2rem !important;
  border-radius:2px !important;
  cursor:pointer;
  width:100%;
  transition:background .2s !important;
}
.wpcf7-form input[type="submit"]:hover { background:var(--teal-dk) !important; }

/* ── SHORTCODES CPT ── */
.rl-refs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .site-header,header.wp-block-template-part{padding:0 1.2rem;}
  .wp-block-navigation{display:none;}
  .hero{grid-template-columns:1fr;}
  .hero-right{display:none;}
  .hero-left{padding:3rem 1.2rem;}
  .posture-grid,.contact-home-inner,.fond-2col,.apropos-grid{grid-template-columns:1fr;gap:2rem;}
  .refs-g,.refs-full,.axes,.rl-refs-grid{grid-template-columns:1fr 1fr;}
  .refs-home-hd{flex-direction:column;gap:.8rem;align-items:flex-start;}
  .refs-note{text-align:left;}
  .site-footer,footer.wp-block-template-part{flex-direction:column;gap:.5rem;text-align:center;}
  .posture,.refs-home,.contact-home{padding:3.5rem 1.2rem;}
  .refs-pg-body,.tab-pane,.fond-body,.page-hd,.apropos-body{padding:2rem 1.2rem;}
  .tabs-bar{padding:0 1.2rem;}
  .contact-pg{grid-template-columns:1fr;padding:2rem 1.2rem;}
}
@media(max-width:560px){
  .refs-g,.refs-full,.axes,.rl-refs-grid,.f-net-grid,.f2,.apropos-grid{grid-template-columns:1fr;}
  .refs-nav{flex-wrap:wrap;}
}