/* WorkAssist — Header (fond NOIR, logo centré) + Footer NOIR + Caution band noire/jaune */

header.wp-block-template-part:has(.wa-header),
body > .wp-site-blocks > header.wp-block-template-part,
header.wp-block-template-part[data-block-name="core/template-part"]{
  position:sticky!important;top:0!important;z-index:1000!important;
}
.wa-header-wrap{position:sticky;top:0;z-index:1000}

/* ─── HEADER (fond NOIR pur) ─── */
.wa-header{background:#000;color:#fff}

.wa-header .wa-header-top{
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:16px;
  padding:14px clamp(20px,4vw,40px);
  max-width:1600px;margin:0 auto;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.wa-header .wa-h-left{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.wa-header .wa-h-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}

.wa-header .wa-logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}
.wa-header .wa-logo img,
.wa-header a.wa-logo img{
  display:block!important;height:38px!important;width:auto!important;max-width:240px!important;
  object-fit:contain!important;
  filter:none!important;transition:opacity .2s;
}
.wa-header .wa-logo:hover img{opacity:.85}
@media(max-width:900px){
  .wa-header .wa-logo img,
  .wa-header a.wa-logo img{height:28px!important;max-width:170px!important}
}

.wa-header .wa-icon-btn{
  background:transparent;border:none;color:#fff;
  padding:8px;border-radius:6px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;position:relative;transition:color .2s,background .2s;
}
.wa-header .wa-icon-btn:hover{color:#F5C518;background:rgba(255,255,255,.08)}
.wa-header .wa-icon-btn svg{width:20px;height:20px;stroke:currentColor}

.wa-header .wa-region{
  display:inline-flex;align-items:center;gap:6px;color:#B7B7B7;
  font-family:'Inter',sans-serif;font-size:12.5px;font-weight:500;
  padding:6px 4px;white-space:nowrap;
}
.wa-header .wa-region svg{width:14px;height:14px;stroke:currentColor;opacity:.7}
@media(max-width:1024px){.wa-header .wa-region{display:none}}

.wa-header .wa-cart-btn{position:relative}
.wa-header .wa-cart-count{
  position:absolute;top:2px;right:2px;
  background:#F5C518;color:#000;font-size:10px;font-weight:800;
  min-width:16px;height:16px;padding:0 4px;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;line-height:1;
  border:2px solid #000;
}
.wa-header .wa-cart-count[hidden]{display:none!important}

.wa-header .wa-nav-row{
  display:flex;align-items:center;justify-content:center;gap:36px;
  padding:12px 20px;font-family:'Inter',sans-serif;background:#000;
}
.wa-header .wa-nav-row a{
  color:#E7ECF3;font-size:13.5px;font-weight:600;text-decoration:none;
  padding:4px 2px;letter-spacing:.02em;transition:color .2s;
  position:relative;
}
.wa-header .wa-nav-row a:hover{color:#F5C518}
.wa-header .wa-nav-row a[aria-current="page"]{color:#F5C518}
.wa-header .wa-nav-row a::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;
  height:2px;background:#F5C518;transform:scaleX(0);transform-origin:center;
  transition:transform .2s;
}
.wa-header .wa-nav-row a:hover::after,
.wa-header .wa-nav-row a[aria-current="page"]::after{transform:scaleX(1)}

@media(max-width:900px){
  .wa-header .wa-nav-row{display:none!important}
  .wa-header .wa-h-right .wa-region{display:none}
}

/* ─── SEARCH OVERLAY + AUTOCOMPLETE ─── */
.wa-search-overlay{
  display:none;position:fixed;top:0;left:0;right:0;
  background:#000;padding:24px clamp(20px,5vw,40px) 32px;
  z-index:1100;box-shadow:0 4px 20px rgba(0,0,0,.5);
}
.wa-search-overlay.open{display:block;animation:waSearchIn .2s ease-out}
@keyframes waSearchIn{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}

.wa-search-inner-wrap{max-width:900px;margin:0 auto}
.wa-search-inner{
  display:flex;align-items:center;gap:12px;
  background:#fff;border-radius:10px;padding:6px 6px 6px 18px;
}
.wa-search-inner input[type="search"]{
  flex:1;background:transparent;border:none;outline:none;
  font-family:'Inter',sans-serif;font-size:16px;color:#000;padding:12px 0;
}
.wa-search-inner input[type="search"]::placeholder{color:#8a8783}
/* HIDE la croix native du navigateur */
.wa-search-inner input[type="search"]::-webkit-search-cancel-button,
.wa-search-inner input[type="search"]::-webkit-search-decoration,
.wa-search-inner input[type="search"]::-webkit-search-results-button,
.wa-search-inner input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none;appearance:none;display:none;
}
.wa-search-inner input[type="search"]{-moz-appearance:textfield}

.wa-search-inner button{
  background:#F5C518;color:#000;border:none;border-radius:8px;
  padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;
}
.wa-search-inner button.wa-search-close{background:transparent;color:#6B6966;padding:10px}
.wa-search-inner button:hover{background:#DDB013}
.wa-search-inner button.wa-search-close:hover{background:#F5F4F0;color:#000}

/* Suggestions dropdown */
.wa-search-suggest{
  background:#fff;border-radius:10px;margin-top:10px;
  box-shadow:0 8px 32px rgba(0,0,0,.3);overflow:hidden;
  animation:waSugIn .15s ease-out;
}
@keyframes waSugIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.wa-search-suggest[hidden]{display:none}

.wa-sug-item{
  display:flex;align-items:center;gap:14px;
  padding:10px 14px;text-decoration:none;color:#0F2440;
  border-bottom:1px solid #EDEBE6;transition:background .12s;
}
.wa-sug-item:hover,.wa-sug-item:focus{background:#F5F4F0;outline:none}
.wa-sug-item:last-of-type{border-bottom:none}
.wa-sug-thumb{
  width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#F5F4F0;
  display:flex;align-items:center;justify-content:center;
}
.wa-sug-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.wa-sug-thumb-ph{width:100%;height:100%;background:linear-gradient(135deg,#EDEBE6,#F5F4F0)}
.wa-sug-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.wa-sug-title{
  font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:#0F2440;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.wa-sug-price{font-size:13px;font-weight:700;color:#000}
.wa-sug-price .amount{color:#000}

.wa-sug-all{
  display:block;text-align:center;padding:12px 14px;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:700;
  color:#000;text-decoration:none;background:#F5C518;
  transition:background .12s;
}
.wa-sug-all:hover{background:#DDB013}

.wa-sug-empty{
  padding:16px;text-align:center;font-family:'Inter',sans-serif;
  font-size:14px;color:#6B6966;
}

/* ─── BURGER (mobile) ─── */
.wa-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:1001}
.wa-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
.wa-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.wa-burger.open span:nth-child(2){opacity:0}
.wa-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.wa-mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.wa-mobile-menu.open{display:flex}
.wa-mobile-menu a{color:#E7ECF3;font-family:'Inter',sans-serif;font-size:22px;font-weight:600;text-decoration:none;transition:color .2s}
.wa-mobile-menu a:hover{color:#F5C518}
@media(max-width:900px){
  .wa-burger{display:flex!important}
  .wa-header .wa-header-top{padding:10px 16px}
  .wa-header .wa-h-left{gap:4px}
  .wa-header .wa-h-right{gap:6px}
  .wa-header .wa-icon-btn{padding:6px}
}

/* ═════ CAUTION BAND — rayures jaune/noir animées ═════ */
.wa-caution-band{
  width:100%;height:44px;
  background-color:#000;
  background-image:repeating-linear-gradient(-45deg,#F5C518 0,#F5C518 48px,#000 48px,#000 96px);
  background-size:135.76px 135.76px;background-repeat:repeat;
  border-top:1px solid #000;border-bottom:1px solid #000;
  display:block;line-height:0;
  animation:waCautionSlide 3s linear infinite;will-change:background-position;
}
@keyframes waCautionSlide{from{background-position:0 0}to{background-position:135.76px 0}}
.wa-caution-band + .wa-footer{margin-top:0}
@media(prefers-reduced-motion:reduce){.wa-caution-band{animation:none}}
@media(max-width:640px){
  .wa-caution-band{height:32px;background-size:90.5px 90.5px;background-image:repeating-linear-gradient(-45deg,#F5C518 0,#F5C518 32px,#000 32px,#000 64px)}
  @keyframes waCautionSlide{from{background-position:0 0}to{background-position:90.5px 0}}
}

/* ═════ FOOTER — NOIR ═════ */
.wa-footer{background:#000;border-top:1px solid #1a1a1a;font-family:'Inter',sans-serif;color:#E7ECF3}
.wa-footer .wa-inner{max-width:1440px;margin:0 auto;padding:clamp(48px,6vw,88px) clamp(20px,5vw,72px)}
.wa-footer .wa-cols{display:grid;grid-template-columns:minmax(260px,1.8fr) 1fr 1fr 1fr;gap:48px 40px;align-items:start}
.wa-footer .wa-brand-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.wa-footer .wa-brand-logo{display:block;width:88px;height:auto;max-width:100%;filter:brightness(0) invert(1)}
.wa-footer .wa-tagline-text{font-size:14px;color:#B7B7B7;line-height:1.6;margin:0;max-width:340px}
.wa-footer .wa-links-col{min-width:0}
.wa-footer .wa-col-title{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.14em;color:#F5C518;margin-bottom:16px;text-transform:uppercase;font-weight:800}
.wa-footer .wa-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.wa-footer .wa-links a{color:#B7B7B7;font-size:14px;text-decoration:none;transition:color .2s}
.wa-footer .wa-links a:hover{color:#F5C518}
.wa-footer .wa-bottom{margin-top:56px;padding-top:24px;border-top:1px solid #1a1a1a;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#6B6B6B}
.wa-footer .wa-brand,.wa-footer .wa-tagline{display:none}
@media(max-width:900px){
  .wa-footer .wa-cols{grid-template-columns:1fr 1fr;gap:40px 32px}
  .wa-footer .wa-brand-col{grid-column:1 / -1;flex-direction:row;align-items:center;gap:24px}
  .wa-footer .wa-brand-logo{width:72px;flex-shrink:0}
  .wa-footer .wa-tagline-text{max-width:none;flex:1}
}
@media(max-width:520px){
  .wa-footer .wa-cols{grid-template-columns:1fr 1fr;gap:32px 24px}
  .wa-footer .wa-brand-col{flex-direction:column;align-items:flex-start;gap:16px}
  .wa-footer .wa-bottom{flex-direction:column;gap:8px}
}

.woocommerce.archive .woocommerce-products-header,
.woocommerce.archive .woocommerce-products-header__title,
.woocommerce-page.archive .page-title,
body.tax-product_cat .woocommerce-products-header,
body.post-type-archive-product .woocommerce-products-header{display:none!important}
