/* Identité commune au site WebInFun et à sa boutique de thèmes HTML. */
.wif-container{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
header.wif-header{display:block;max-width:none;margin:0;padding:0;background:rgba(248,249,252,.97);border-bottom:1px solid #e1e5ec;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}
.wif-header .wif-container{display:flex;justify-content:space-between;align-items:center;min-height:100px;gap:30px}
.wif-logo{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;flex-shrink:0;line-height:1}
.wif-logo img{display:block;width:180px;height:auto;max-width:100%}
.wif-logo>span{font:8px Mono,monospace;color:#0b3577;letter-spacing:2px;margin-top:6px}
.wif-nav{display:flex;align-items:center;width:auto;gap:0;font-size:14px}
.wif-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.wif-menu a{display:inline-block;position:relative;padding:8px 0;color:#303f51;text-decoration:none;letter-spacing:-.02em;font-size:13px}
.wif-menu a:not(.wif-cta):after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#2563ae;transition:width .2s}
.wif-menu a:hover:after,.wif-menu a[aria-current]:after{width:100%}
.wif-menu a.wif-cta{background:#2563ae;color:#fff;padding:10px 20px;border-radius:30px}
.wif-menu a.wif-cta:hover{background:#0b3577}
.wif-toggle{display:none;background:none;border:0;padding:10px}
.wif-toggle span{display:block;width:25px;height:2px;margin:5px 0;background:#0b3577}
footer.wif-footer{display:block;background:#082558;color:#fff;padding:64px 0 30px;border:0}
.wif-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.15fr;gap:40px;margin-bottom:48px}
.wif-footer-brand{text-align:center}
.wif-footer .wif-logo{display:inline-flex;margin:0 0 22px}
.wif-footer p{font-size:12px;color:#c0cee2;line-height:1.9;margin:0 0 12px}
.wif-footer p.wif-signature{color:#8fbdd3;font-style:italic}
.wif-footer-links h2{font-size:22px;color:#8fbdd3;letter-spacing:0;margin-bottom:24px}
.wif-footer ul{list-style:none;margin:0;padding:0}
.wif-footer li{margin-bottom:12px}
.wif-footer a{font-size:12px;color:#c0cee2;text-decoration:none;overflow-wrap:anywhere}
.wif-footer a:hover{color:#fff;text-decoration:underline}
.wif-footer .wif-social{display:flex;justify-content:center;gap:15px;margin-top:22px}
.wif-footer .wif-social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff30;border-radius:50%;margin:0;color:#fff}
.wif-social svg{width:19px;height:19px;fill:currentColor}
.wif-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:26px}
.wif-footer-bottom p{font-size:11px}
.wif-footer p.wif-disclaimer{font-size:9px;margin:12px 0 0;color:#a1b4cf}
@media(max-width:1050px){.wif-menu{gap:18px}.wif-menu a{font-size:12px}.wif-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.wif-container{padding:0 22px}.wif-header .wif-container{min-height:90px;flex-wrap:wrap;gap:0}.wif-logo img{width:150px}.wif-nav{width:100%;display:block}.wif-menu{flex-direction:column;align-items:stretch;gap:4px;padding:10px 0 22px}.wif-menu a{display:block;font-size:14px;padding:10px}.wif-menu .wif-cta{text-align:center}.wif-header.menu-ready .wif-nav{width:auto}.menu-ready .wif-toggle{display:block}.menu-ready .wif-menu{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 22px;background:#fff;box-shadow:0 12px 16px #08255815;max-height:calc(100dvh - 100px);overflow:auto}.menu-ready .wif-menu.is-open{display:flex}.wif-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.wif-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.wif-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media(max-width:600px){.wif-footer-grid{grid-template-columns:1fr;text-align:center;gap:34px}.wif-footer-links h2{margin-bottom:18px}.wif-footer-bottom{flex-direction:column;text-align:center;gap:4px}.wif-disclaimer{text-align:center}footer.wif-footer{padding-top:46px}}
@media(prefers-reduced-motion:reduce){.wif-menu a:after{transition:none}}