/* ============ projectservices — fidelity.css (consolide) ============ */

/* ---- Hero slider ---- */
.ps-hero{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;height:38.7vw;min-height:420px;max-height:743px;overflow:hidden}
.ps-hero .swiper-slide{position:relative;overflow:hidden;display:flex;align-items:center}
.ps-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1)}
.ps-hero .swiper-slide-active .ps-hero-bg{animation:psKenburns 10s linear forwards}
@keyframes psKenburns{from{transform:scale(1)}to{transform:scale(1.1)}}
.ps-hero-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 30px}
.ps-hero-title{color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:56px;line-height:1.02;letter-spacing:0;margin:0 0 28px;text-shadow:0 1px 8px rgba(0,0,0,.15)}
.ps-hero-title .ps-char{display:inline-block;will-change:transform,opacity}
.ps-hero-btn{display:inline-block;background:#f8c654;color:#5c524b;font-family:'Roboto',Poppins,sans-serif;font-weight:700;font-size:16px;line-height:24px;text-transform:uppercase;padding:12px 35px;border-radius:30px;text-decoration:none;transition:background .2s}
.ps-hero-btn:hover{background:#e9b847;color:#5c524b}
.ps-js .ps-hero-title .ps-char{opacity:0;transform:translateY(40px) rotateX(-90deg)}
.ps-js .ps-hero .swiper-slide-active .ps-hero-title.is-anim .ps-char{animation:psChar .55s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(var(--i)*.04s + .1s)}
@keyframes psChar{to{opacity:1;transform:translateY(0) rotateX(0)}}
.ps-js .ps-hero-btn{opacity:0;transform:translateY(28px)}
.ps-js .ps-hero .swiper-slide-active .ps-hero-btn{animation:psIn .7s ease-out forwards;animation-delay:1.05s}
@keyframes psIn{to{opacity:1;transform:translateY(0)}}
.ps-hero .swiper-pagination-bullet{background:#fff;opacity:.6}
.ps-hero .swiper-pagination-bullet-active{background:#f8c654;opacity:1}
@media(max-width:782px){.ps-hero{height:70vw;min-height:340px}.ps-hero-title{font-size:34px}}

/* ---- Masquer la barre de titre Kadence par defaut ---- */
body.home .entry-hero.page-hero-section{display:none}

/* ---- Top bar ---- */
.ps-topbar{background:#f4f1ec;font-family:'Poppins',sans-serif;font-size:14px;color:#827a70}
.ps-topbar-inner{max-width:1200px;margin:0 auto;padding:10px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ps-topbar-tag{font-style:italic}
.ps-topbar-phone{display:inline-flex;align-items:center;gap:8px}
.ps-topbar-phone a{color:#f8c654;font-weight:700;text-decoration:none}
.ps-phone-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#f8c654;color:#fff;font-size:14px}
@media(max-width:782px){.ps-topbar-inner{justify-content:center}.ps-topbar-tag{display:none}}

/* ---- Header ---- */
.site-header{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.site-header-inner-wrap{padding-top:16px;padding-bottom:16px}
.site-branding img.custom-logo,.site-header-item img.custom-logo{max-height:100px;width:auto;height:auto}
.site-branding .site-name,.site-header .site-title,.site-title{display:none!important}
.header-navigation .menu-container>ul>li>a,.main-navigation a{text-transform:uppercase;color:#5c524b;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;letter-spacing:.6px;padding-left:16px;padding-right:16px}
.header-navigation .menu-container>ul>li>a:hover{color:#f8c654}
.header-navigation .menu-container>ul>li.current-menu-item>a,.header-navigation .menu-container>ul>li.current_page_item>a{background:#f5f0e8;border-radius:30px}

/* ---- Sous-menus desktop (dropdowns) — supprimer le bleu ---- */
.header-navigation .sub-menu,.header-navigation ul ul{background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.08);border-top:3px solid #f8c654}
.header-navigation .sub-menu li a,.header-navigation ul ul li a{color:#5c524b!important;text-transform:none!important;font-weight:500;letter-spacing:0}
.header-navigation .sub-menu li a:hover,.header-navigation ul ul li a:hover{color:#f8c654!important;background:#faf7f2}

/* ---- Menu mobile / offscreen : fond clair + lisible ---- */
.popup-drawer .drawer-content,.popup-drawer-layout-sidepanel .drawer-content,.drawer-inner{background:#fff!important;color:#5c524b}
.popup-drawer .drawer-overlay{background:rgba(0,0,0,.55)}
.mobile-navigation a,.drawer-content .menu-container a,.drawer-inner a{color:#5c524b!important}
.mobile-navigation a:hover,.drawer-inner a:hover{color:#f8c654!important}
.mobile-navigation .current-menu-item>a{color:#f8c654!important}
.mobile-navigation li{border-bottom:1px solid #eee}
.popup-drawer .drawer-header .drawer-toggle,.popup-drawer .drawer-toggle,.drawer-sub-toggle,.mobile-toggle-open-container .menu-toggle-open,.menu-toggle-icon{color:#5c524b!important}

/* ---- Hero colle au header sur l'accueil ---- */
body.home .site-main,body.home .content-area,body.home .entry-content,body.home .entry-content-wrap{padding-top:0!important;margin-top:0!important}
body.home .entry-content>*:first-child{margin-top:0!important}