/* ============================================ IDS ENVIRONNEMENT — Header Widget Version:1.0.0 ============================================ */ .ids-header-wrap{--ids-primary:#004C45;--ids-primary-dark:#003834;--ids-accent:#ec7700;--ids-accent-dark:#c96600;--ids-topbar-bg:#004C45;--ids-topbar-text:#ffffff;--ids-topbar-icons:#ffffff;--ids-header-bg:#ffffff;--ids-menu-text:#004C45;--ids-menu-text-hover:var(--ids-primary-dark);--ids-menu-bg-hover:rgba(0,76,69,0.08);--ids-dropdown-bg:#ffffff;--ids-dropdown-shadow:none;--ids-dropdown-text:#555;--ids-dropdown-text-hover:var(--ids-primary-dark);--ids-dropdown-bg-hover:rgba(0,76,69,0.08);--ids-cta1-text:#004C45;--ids-cta1-bg:transparent;--ids-cta1-border:#004C45;--ids-cta2-text:#ffffff;--ids-cta2-bg:#ec7700;--ids-cta2-border:#ec7700;--ids-dark:#004C45;--ids-gray:#555;--ids-light:#f8f9fa;--ids-white:#ffffff;--ids-header-shadow:none;--ids-shadow:0 2px 20px rgba(0,0,0,0.08);--ids-content-width:1280px;--ids-menu-underline:var(--ids-primary);--ids-menu-hover-shift:2px;--ids-dropdown-accent:var(--ids-primary);--ids-transition-duration:0.3s;--ids-transition:var(--ids-transition-duration) cubic-bezier(0.4,0,0.2,1);--ids-cta-lift:2px;--ids-social-hover-scale:1.15;--ids-topbar-icon-size:16px;--ids-logo-hover-opacity:0.85;--ids-underline-thickness:2px;--ids-dropdown-slide:8px;--ids-dropdown-radius:10px;--ids-dropdown-item-radius:6px;--ids-dropdown-padding:8px;--ids-dropdown-accent-thickness:3px;--ids-dropdown-gap:0px;--ids-font:"Pantone",sans-serif}.ids-header-wrap *,.ids-header-wrap *::before,.ids-header-wrap *::after{box-sizing:border-box;margin:0;padding:0}/* ======================== TOP BAR ======================== */ .ids-topbar{background:var(--ids-topbar-bg);color:var(--ids-topbar-text);height:40px;display:flex;align-items:center;justify-content:space-between;padding-inline:max(24px,calc((100% - var(--ids-content-width,1280px)) / 2 + 24px))}:where(.ids-topbar),:where(.ids-topbar__phone){font-size:13px}.ids-topbar__phone{display:flex;align-items:center;gap:8px;color:var(--ids-topbar-text);opacity:0.9}.ids-topbar__social{display:flex;gap:12px}.ids-topbar__social a{color:var(--ids-topbar-icons);opacity:0.7;transition:opacity var(--ids-transition),transform var(--ids-transition);display:flex;align-items:center;text-decoration:none}.ids-topbar__social a svg{width:var(--ids-topbar-icon-size);height:var(--ids-topbar-icon-size)}.ids-topbar__social a:hover{opacity:1;transform:scale(var(--ids-social-hover-scale))}/* ======================== MAIN HEADER ======================== */ .ids-header{background:var(--ids-header-bg);height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:var(--ids-header-shadow);z-index:9999;transition:height var(--ids-transition),box-shadow var(--ids-transition);padding-inline:max(24px,calc((100% - var(--ids-content-width,1280px)) / 2 + 24px))}.ids-header--sticky{}.ids-header--fixed{}.ids-header-wrap--fixed{position:fixed;top:0;left:0;width:100%;z-index:9999}.ids-header-spacer{display:block}.ids-header__logo{flex-shrink:0;display:flex;align-items:center;height:100%;padding:12px 0;text-decoration:none;transition:opacity var(--ids-transition)}.ids-header__logo:hover{opacity:var(--ids-logo-hover-opacity)}.ids-header__logo img{max-height:100%;width:auto;display:block}.ids-header__sitename{font-size:20px;font-weight:700;color:var(--ids-dark)}/* ======================== NAVIGATION ======================== */ .ids-nav{flex:1;display:flex;justify-content:center}.ids-nav__list{list-style:none;display:flex;gap:4px;margin:0;padding:0}.ids-nav__list > li{position:relative}.ids-nav__list > li > a{display:flex;align-items:center;padding:10px 16px;font-family:var(--ids-font);font-size:14px;font-weight:600;color:var(--ids-menu-text);text-decoration:none;border-radius:6px;transition:all var(--ids-transition);white-space:nowrap;position:relative}.ids-nav__list > li > a:hover,.ids-nav__list > li.current-menu-item > a,.ids-nav__list > li.current-menu-ancestor > a{background:var(--ids-menu-bg-hover);color:var(--ids-menu-text-hover)}.ids-nav__list > li > a:hover{transform:translateY(var(--ids-menu-hover-shift))}.ids-nav__list > li > a::before{content:"";position:absolute;bottom:0;left:16px;right:16px;height:var(--ids-underline-thickness);background:var(--ids-menu-underline);border-radius:1px;transform:scaleX(0);transition:transform var(--ids-transition)}.ids-nav__list > li > a:hover::before,.ids-nav__list > li.current-menu-item > a::before,.ids-nav__list > li.current-menu-ancestor > a::before{transform:scaleX(1)}.ids-nav__list > li.menu-item-has-children > a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:6px;margin-top:-2px;transition:transform var(--ids-transition)}.ids-nav__list > li.menu-item-has-children:hover > a::after{transform:rotate(-135deg)}/* ======================== DROPDOWN / SUB-MENU ======================== */ .ids-nav__list .sub-menu{list-style:none;position:absolute;top:100%;left:0;min-width:280px;background:var(--ids-dropdown-bg);border-radius:var(--ids-dropdown-radius);box-shadow:var(--ids-dropdown-shadow);padding:var(--ids-dropdown-padding);opacity:0;visibility:hidden;transform:translateY(var(--ids-dropdown-slide));transition:all var(--ids-transition);z-index:10000;margin:var(--ids-dropdown-gap) 0 0 0}.ids-nav__list > li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.ids-nav__list .sub-menu li{list-style:none}.ids-nav__list .sub-menu li a{display:block;padding:10px 14px;font-size:13.5px;color:var(--ids-dropdown-text);text-decoration:none;border-radius:var(--ids-dropdown-item-radius);transition:all var(--ids-transition);line-height:1.4}.ids-nav__list .sub-menu li a:hover,.ids-nav__list .sub-menu li.current-menu-item a{background:var(--ids-dropdown-bg-hover);color:var(--ids-dropdown-text-hover);padding-left:18px;box-shadow:inset var(--ids-dropdown-accent-thickness) 0 0 var(--ids-dropdown-accent)}/* ======================== CTA BUTTONS ======================== */ .ids-header__cta{display:flex;gap:10px;flex-shrink:0}.ids-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-family:var(--ids-font);font-size:13px;font-weight:600;border-radius:50px;text-decoration:none;white-space:nowrap;transition:all var(--ids-transition);cursor:pointer;border:2px solid transparent;line-height:1.4}.ids-btn--outline{color:var(--ids-cta1-text);border-color:var(--ids-cta1-border);background:var(--ids-cta1-bg)}.ids-btn--outline:hover{color:var(--ids-cta1-text-hover,var(--ids-cta1-text));background:var(--ids-cta1-bg-hover,rgba(0,76,69,0.08));border-color:var(--ids-cta1-border-hover,var(--ids-cta1-border));transform:translateY(calc(-1 * var(--ids-cta-lift)));box-shadow:0 4px 12px rgba(0,76,69,0.15)}.ids-btn--primary{background:var(--ids-cta2-bg);color:var(--ids-cta2-text);border-color:var(--ids-cta2-border)}.ids-btn--primary:hover{background:var(--ids-cta2-bg-hover,var(--ids-accent-dark));color:var(--ids-cta2-text-hover,var(--ids-cta2-text));border-color:var(--ids-cta2-border-hover,var(--ids-accent-dark));box-shadow:0 4px 12px rgba(236,119,0,0.3);transform:translateY(calc(-1 * var(--ids-cta-lift)))}/* ======================== HAMBURGER ======================== */ .ids-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background var(--ids-transition)}.ids-hamburger:hover{background:var(--ids-light)}.ids-hamburger span{display:block;width:24px;height:2px;background:var(--ids-dark);border-radius:2px;transition:all var(--ids-transition);transform-origin:center}.ids-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.ids-hamburger.active span:nth-child(2){opacity:0}.ids-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}/* ======================== MOBILE OVERLAY ======================== */ .ids-mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:9998;opacity:0;transition:opacity var(--ids-transition)}.ids-mobile-overlay.active{display:block;opacity:1}.ids-mobile-cta{display:none}/* ======================== RESPONSIVE ======================== */ @media (max-width:1100px){.ids-hamburger{display:flex}.ids-nav{position:fixed;top:0;right:-320px;width:320px;height:100vh;height:100dvh;background:var(--ids-white);flex-direction:column;justify-content:flex-start;padding:80px 24px 24px;box-shadow:-4px 0 20px rgba(0,0,0,0.1);transition:right var(--ids-transition);z-index:10001;overflow-y:auto;-webkit-overflow-scrolling:touch}.ids-nav.open{right:0}.ids-nav__list{flex-direction:column;gap:0;width:100%}.ids-nav__list > li > a{padding:14px 16px;font-size:15px;border-bottom:1px solid #f0f0f0;border-radius:0}.ids-nav__list > li > a::before{display:none}.ids-nav__list > li.menu-item-has-children > a::after{margin-left:auto}.ids-nav__list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;padding:0 0 0 16px;max-height:0;overflow:hidden;transition:max-height 0.4s ease}.ids-nav__list > li.submenu-open > .sub-menu{max-height:600px}.ids-nav__list .sub-menu li a{padding:12px 16px;border-bottom:1px solid #f5f5f5}.ids-nav__list .sub-menu li a:hover{padding-left:20px}.ids-header__cta{display:none}.ids-mobile-cta{display:flex;flex-direction:column;gap:10px;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.ids-mobile-cta .ids-btn{text-align:center;justify-content:center}}@media (max-width:480px){.ids-header__logo{padding:16px 0}.ids-nav{width:280px;right:-280px}}/* ======================== SCROLL STATES ======================== */ .ids-header.scrolled{height:64px;box-shadow:0 4px 30px rgba(0,0,0,0.1)}/* ======================== WP ADMIN BAR COMPAT ======================== */ .admin-bar .ids-header-wrap--fixed{top:32px}@media (max-width:782px){.admin-bar .ids-header-wrap--fixed{top:46px}}