/* HADS V1.3.7 — Workwear commercial refinement
   Scoped only to Our Workwear + family pages. */

/* ---------- Compact visual family navigation ---------- */
.hads-family-page .catalogue-family-nav{
  padding:12px 0!important;
  background:#f7f5f9!important;
  border-top:1px solid rgba(101,64,122,.10)!important;
  border-bottom:1px solid rgba(101,64,122,.10)!important;
}
.hads-family-page .catalogue-family-nav .container{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:1280px!important;
}
.hads-family-page .catalogue-family-nav a{
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
  min-height:66px!important;
  padding:12px 44% 12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border-radius:16px!important;
  border:1px solid rgba(93,65,109,.16)!important;
  background:#fff!important;
  color:#26232b!important;
  font:800 10px/1.15 Manrope,Arial,sans-serif!important;
  letter-spacing:.04em!important;
  box-shadow:0 5px 15px rgba(47,31,56,.06)!important;
  text-align:left!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.hads-family-page .catalogue-family-nav a::before{
  content:"";position:absolute;inset:0 0 0 45%;opacity:.82;background-position:center;background-size:cover;filter:saturate(1.02) contrast(1.02);pointer-events:none;
}
.hads-family-page .catalogue-family-nav a::after{
  content:"↗";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:rgba(119,78,145,.10);color:#7a5295;font-size:12px;
}
.hads-family-page .catalogue-family-nav a[href$="our-workwear.html"]::before{background-image:url("../images/our-workwear/01-corporate-workwear.webp")}
.hads-family-page .catalogue-family-nav a[href$="corporate.html"]::before{background-image:url("../images/our-workwear/01-corporate-workwear.webp")}
.hads-family-page .catalogue-family-nav a[href$="premium-technical.html"]::before{background-image:url("../images/our-workwear/02-premium-technical.webp")}
.hads-family-page .catalogue-family-nav a[href$="industrial-workwear.html"]::before{background-image:url("../images/our-workwear/03-industrial-essential.webp")}
.hads-family-page .catalogue-family-nav a[href$="reinforced-workwear.html"]::before{background-image:url("../images/our-workwear/04-reinforced-workwear.webp")}
.hads-family-page .catalogue-family-nav a:hover{transform:translateY(-2px)!important;box-shadow:0 9px 22px rgba(47,31,56,.11)!important;border-color:rgba(119,78,145,.32)!important}
.hads-family-page .catalogue-family-nav a.active{background:linear-gradient(135deg,#42264d,#765296)!important;color:#fff!important;border-color:#765296!important;box-shadow:0 5px 0 #58386d,0 11px 22px rgba(88,56,109,.18)!important}
.hads-family-page .catalogue-family-nav a.active::after{background:rgba(255,255,255,.16);color:#fff}

/* ---------- Commercial story block ---------- */
.hads-family-commercial{padding:26px 0 72px;background:#fff}
.hads-family-commercial .hfc-shell{width:92%;max-width:1280px;margin:auto;border:1px solid #e8e2ec;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#fbf8fd 100%);padding:22px;box-shadow:0 20px 55px rgba(64,39,75,.07)}
.hads-family-commercial .hfc-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:center;margin-bottom:18px}
.hads-family-commercial .hfc-kicker{font:800 10px/1 Manrope,Arial,sans-serif;letter-spacing:.22em;color:#8656a2;text-transform:uppercase;margin-bottom:10px}
.hads-family-commercial h2{margin:0;font:700 clamp(24px,2.35vw,36px)/1.08 Syne,Manrope,sans-serif;letter-spacing:-1.5px;color:#211c25}
.hads-family-commercial .hfc-lead{font-size:14px;line-height:1.75;color:#67606b;margin:0}
.hads-family-commercial .hfc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hads-family-commercial .hfc-card{border:1px solid #e9e4ec;border-radius:18px;padding:18px;background:#fff;min-height:174px;display:flex;flex-direction:column;gap:10px}
.hads-family-commercial .hfc-card strong{font:800 11px/1.2 Manrope,Arial,sans-serif;color:#7b5194;letter-spacing:.06em;text-transform:uppercase}
.hads-family-commercial .hfc-card h3{margin:0;font:700 16px/1.24 Syne,Manrope,sans-serif;color:#242027;letter-spacing:-.3px}
.hads-family-commercial .hfc-card p{margin:0;color:#69626d;font-size:12.5px;line-height:1.6}
.hads-family-commercial .hfc-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.hads-family-commercial .hfc-list span{padding:6px 9px;border-radius:999px;background:#f4edf7;color:#5f466a;font:700 9.5px/1 Manrope,Arial,sans-serif}
.hads-family-commercial .hfc-visuals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.hads-family-commercial .hfc-visual{position:relative;height:164px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#16131a,#29232d);border:1px solid #e9e2ec;box-shadow:0 9px 24px rgba(37,24,44,.10)}
.hads-family-commercial .hfc-visual img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .3s ease;padding:2px}
.hads-family-commercial .hfc-visual:hover img{transform:scale(1.035)}
.hads-family-commercial .hfc-visual span{position:absolute;left:9px;bottom:9px;right:9px;padding:7px 9px;border-radius:10px;background:rgba(27,21,30,.76);backdrop-filter:blur(5px);color:#fff;font:700 9px/1.15 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.hads-family-commercial .hfc-cta{margin-top:15px;padding:16px 18px;border-radius:18px;background:#25182d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}
.hads-family-commercial .hfc-cta-copy strong{display:block;font:700 16px/1.25 Syne,Manrope,sans-serif}.hads-family-commercial .hfc-cta-copy span{display:block;margin-top:4px;color:rgba(255,255,255,.67);font-size:11.5px;line-height:1.5}
.hads-family-commercial .hfc-cta a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:13px;background:#9a5bbb;color:#fff!important;font:800 10px/1 Manrope,Arial,sans-serif;letter-spacing:.04em;box-shadow:0 4px 0 #68417c;transition:.2s}
.hads-family-commercial .hfc-cta a:hover{transform:translateY(-2px);box-shadow:0 6px 0 #68417c}

/* language layers follow documentElement.lang, including JS language switching */
.hfc-lang{display:none}.hfc-lang-en{display:block}
html[lang="fr"] .hfc-lang{display:none} html[lang="fr"] .hfc-lang-fr{display:block}
html[lang="de"] .hfc-lang{display:none} html[lang="de"] .hfc-lang-de{display:block}
html[lang="en"] .hfc-lang{display:none} html[lang="en"] .hfc-lang-en{display:block}

/* Our Workwear compact visual entry cards */
.hads-workwear-index .ww-family-rail{max-width:1280px!important;margin:14px auto 22px!important;padding:0 4%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;background:transparent!important}
.hads-workwear-index .ww-family-rail a{position:relative;overflow:hidden;min-height:82px!important;border-radius:17px!important;padding:13px 48% 13px 14px!important;background:#fff!important;color:#28232b!important;border:1px solid #e5dce9!important;box-shadow:0 8px 22px rgba(63,39,73,.07)!important}
.hads-workwear-index .ww-family-rail a::before{content:"";position:absolute;inset:0 0 0 43%;background-size:cover;background-position:center;opacity:.86;pointer-events:none}
.hads-workwear-index .ww-family-rail a:nth-child(1)::before{background-image:url("../images/our-workwear/01-corporate-workwear.webp")}.hads-workwear-index .ww-family-rail a:nth-child(2)::before{background-image:url("../images/our-workwear/02-premium-technical.webp")}.hads-workwear-index .ww-family-rail a:nth-child(3)::before{background-image:url("../images/our-workwear/03-industrial-essential.webp")}.hads-workwear-index .ww-family-rail a:nth-child(4)::before{background-image:url("../images/our-workwear/04-reinforced-workwear.webp")}
.hads-workwear-index .ww-family-rail .num,.hads-workwear-index .ww-family-rail .label,.hads-workwear-index .ww-family-rail .arrow{position:relative;z-index:1}
.hads-workwear-index .ww-family-rail .num{font-size:9px;color:#8d5aa7!important}.hads-workwear-index .ww-family-rail .label{font-size:12px!important;font-weight:800!important;max-width:135px}.hads-workwear-index .ww-family-rail .arrow{position:absolute;right:12px;bottom:12px;width:26px;height:26px;border-radius:9px;background:#f2e8f6;display:grid;place-items:center;color:#7a4f92}

@media (max-width:900px){
 .hads-family-page .catalogue-family-nav .container{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:9px!important;padding:0 4%!important;scrollbar-width:none}.hads-family-page .catalogue-family-nav .container::-webkit-scrollbar{display:none}.hads-family-page .catalogue-family-nav a{flex:0 0 170px!important;min-height:60px!important;scroll-snap-align:start}
 .hads-family-commercial{padding:18px 0 52px}.hads-family-commercial .hfc-shell{padding:16px;border-radius:22px}.hads-family-commercial .hfc-head{grid-template-columns:1fr;gap:12px}.hads-family-commercial .hfc-grid{grid-template-columns:1fr}.hads-family-commercial .hfc-card{min-height:0}.hads-family-commercial .hfc-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}.hads-family-commercial .hfc-visual{height:135px}.hads-family-commercial .hfc-cta{align-items:flex-start;flex-direction:column}.hads-workwear-index .ww-family-rail{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:0 4%!important}.hads-workwear-index .ww-family-rail a{flex:0 0 min(76vw,270px)!important;scroll-snap-align:start}
}
@media (max-width:520px){.hads-family-commercial .hfc-visuals{grid-template-columns:1fr 1fr}.hads-family-commercial .hfc-visual{height:112px}.hads-family-commercial h2{font-size:29px}.hads-family-page .catalogue-family-nav a{flex-basis:155px!important}.hads-workwear-index .ww-family-rail a{min-height:72px!important}}


/* V1.3.7 visual polish requested after V1.3.6 validation */
.hads-workwear-index .ww-family-rail .num{
  display:block!important;width:auto!important;height:auto!important;min-width:0!important;
  padding:0 0 5px!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#85579f!important;
  font:800 9px/1 Manrope,Arial,sans-serif!important;letter-spacing:.12em!important;
}
.hads-workwear-index .ww-family-rail .arrow{background:rgba(255,255,255,.84)!important;color:#744b8e!important;box-shadow:0 3px 10px rgba(44,29,51,.10)!important}
.hads-workwear-index .ww-family-rail a::before{filter:saturate(1.04) contrast(1.03)!important}
.hads-workwear-index .ww-family-rail a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.18) 62%,rgba(255,255,255,0) 100%);pointer-events:none;z-index:0}
.hads-workwear-index .ww-family-rail .num,.hads-workwear-index .ww-family-rail .label,.hads-workwear-index .ww-family-rail .arrow{z-index:2!important}
.hads-family-page .catalogue-family-nav a{font-size:10px!important;font-weight:800!important}
.hads-family-page .catalogue-family-nav a::before{filter:saturate(1.05) contrast(1.03)!important}
.hads-family-page .catalogue-family-nav a:not(.active){background:linear-gradient(90deg,#fff 0%,#fff 48%,rgba(255,255,255,.30) 74%,rgba(255,255,255,.08) 100%)!important}
.hads-family-page .catalogue-family-nav a.active{background:linear-gradient(90deg,#42264d 0%,#604073 48%,rgba(96,64,115,.55) 74%,rgba(96,64,115,.32) 100%)!important}
@media (max-width:900px){
  .hads-family-commercial .hfc-visual{height:148px}
  .hads-family-page .catalogue-family-nav a{padding-right:42%!important}
}
@media (max-width:520px){
  .hads-family-commercial h2{font-size:26px!important;line-height:1.1!important}
  .hads-family-commercial .hfc-card h3{font-size:15px!important}
  .hads-family-commercial .hfc-visual{height:124px}
}

/* MAJ3 — Reinforced application icons (scoped; no existing rules changed) */
.hads-family-commercial .hfc-applications-card{min-height:174px}
.hads-family-commercial .hfc-industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:2px}
.hads-family-commercial .hfc-industry{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #eee8f1;border-radius:12px;background:#fbf9fc;color:#443d48;font:650 11px/1.25 Manrope,Arial,sans-serif}
.hads-family-commercial .hfc-industry-icon{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:#f2edf5;color:#76508c}
.hads-family-commercial .hfc-industry-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:520px){.hads-family-commercial .hfc-industry-grid{grid-template-columns:1fr 1fr}.hads-family-commercial .hfc-industry{padding:7px;font-size:10.5px}.hads-family-commercial .hfc-industry-icon{width:28px;height:28px;flex-basis:28px}}