/* Hnaya Widgets Manager — carrousel (v0.5.0). Variables de couleur : voir widget.css */
.hwm-carousel *{box-sizing:border-box}
.hwm-carousel{position:relative;max-width:1100px;margin:18px auto;padding:16px 18px 18px;border:1px solid var(--hw-line);border-radius:12px;
  background:var(--hw-bg);box-shadow:var(--hw-shadow)}
.hwm-carousel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.hwm-carousel__heading{min-width:0}
.hwm-carousel .hwm-carousel__title{margin:0;padding:0;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--hw-ink2)}
.hwm-carousel[lang="ar"] .hwm-carousel__title{letter-spacing:0;font-size:14px}
.hwm-carousel .hwm-carousel__sub{margin:2px 0 0;padding:0;font-size:13px;line-height:1.4;color:var(--hw-ink3)}
.hwm-carousel__nav{display:flex;gap:8px;margin-inline-start:auto}
.hwm-carousel .hwm-carousel__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0!important;
  border:1px solid var(--hw-line)!important;border-radius:8px!important;background:var(--hw-glass2)!important;color:var(--hw-ink)!important;
  box-shadow:none!important;cursor:pointer;transition:border-color .15s ease}
.hwm-carousel .hwm-carousel__arrow:hover{border-color:var(--hw-g)!important}
.hwm-carousel .hwm-carousel__arrow:disabled{opacity:.35;cursor:default}
.hwm-carousel__arrow svg{width:18px;height:18px}
.hwm-carousel__arrow--next svg{transform:scaleX(-1)}
.hwm-carousel[dir="rtl"] .hwm-carousel__arrow--prev svg{transform:scaleX(-1)}
.hwm-carousel[dir="rtl"] .hwm-carousel__arrow--next svg{transform:none}
.hwm-carousel__chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:1px}
.hwm-carousel__chips::-webkit-scrollbar{display:none}
.hwm-carousel .hwm-carousel__shortcut{flex:0 0 auto;margin:0;padding:7px 12px!important;border:1px solid var(--hw-line)!important;border-radius:8px!important;
  background:var(--hw-glass2)!important;color:var(--hw-ink2)!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;
  line-height:1.2!important;white-space:nowrap;box-shadow:none!important;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.hwm-carousel .hwm-carousel__shortcut:hover{border-color:var(--hw-g)!important;color:var(--hw-ink)!important}
.hwm-carousel .hwm-carousel__shortcut.is-active{background:var(--hw-g)!important;border-color:var(--hw-g)!important;color:#fff!important}
.hwm-carousel__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:0}
.hwm-carousel__rail::-webkit-scrollbar{display:none}
.hwm-carousel__rail:focus-visible{outline:2px solid var(--hw-g);outline-offset:4px}
.hwm-carousel__slide{scroll-snap-align:start;min-width:0}
.hwm-carousel .hwm-widget{max-width:none;width:100%;height:100%;margin:0}
@media (max-width:1100px){.hwm-carousel__rail{grid-auto-columns:calc((100% - 32px)/3)}}
@media (max-width:820px){.hwm-carousel__rail{grid-auto-columns:calc((100% - 16px)/2)}}
@media (max-width:560px){.hwm-carousel{padding:14px 14px 16px}.hwm-carousel__rail{grid-auto-columns:86%;gap:12px}}
@media (prefers-reduced-motion:reduce){.hwm-carousel__rail{scroll-behavior:auto}}