/* Article Slider: all selectors are scoped to the module instance to coexist with Joomla templates. */
.article-slider{position:relative;width:var(--as-width,100%);max-width:100%;margin-inline:auto;height:var(--as-height,420px);overflow:hidden;border-radius:var(--as-radius,8px);isolation:isolate;background:#202020;color:#fff;box-sizing:border-box}
.article-slider *{box-sizing:border-box}
.article-slider .as-track{position:relative;width:100%;height:100%}
.article-slider .as-background-image{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:var(--as-image-position,center center)!important;border:0!important;border-radius:inherit!important;margin:0!important;padding:0!important}
.article-slider .as-slide{position:absolute;inset:0;display:flex;align-items:var(--as-content-vertical,center);justify-content:var(--as-content-align,flex-start);width:100%;height:100%;padding:0;background-color:#333;background-size:cover;background-position:var(--as-image-position,center center);background-repeat:no-repeat;opacity:0;visibility:hidden;transition:opacity var(--as-speed,600ms) ease,visibility var(--as-speed,600ms) ease}
.article-slider .as-slide.is-active{opacity:1;visibility:visible;z-index:1}
.article-slider .as-image-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,0) 90%);pointer-events:none;z-index:1}
.article-slider .as-content-wrap{position:relative!important;z-index:2!important;display:flex;width:100%;height:100%;align-items:var(--as-content-vertical,center);justify-content:var(--as-content-align,flex-start);padding:0}
.article-slider .as-content{position:relative;box-sizing:border-box;width:var(--as-panel-width,58%);max-width:100%;max-height:100%;overflow:auto;padding:var(--as-panel-padding,30px);background:var(--as-panel-bg,rgba(0,0,0,.72)) !important;text-align:var(--as-text-align,left);}
.article-slider .as-category{display:inline-block;max-width:100%;margin:0 0 12px !important;padding:5px 10px !important;border:0 !important;background:var(--as-category-bg,#ffc400) !important;color:var(--as-category-color,#111) !important;font-family:var(--as-category-font,inherit) !important;font-size:var(--as-category-size,14px) !important;font-weight:var(--as-category-weight,700) !important;line-height:1.2 !important;text-transform:uppercase;letter-spacing:.02em}
.article-slider .as-title{display:block;width:auto;margin:0 0 12px !important;padding:0 !important;border:0 !important;background:var(--as-title-bg,transparent) !important;color:var(--as-title-color,#fff) !important;font-family:var(--as-title-font,inherit) !important;font-size:clamp(20px,var(--as-title-size,38px),5vw) !important;font-weight:var(--as-title-weight,800) !important;line-height:var(--as-title-line-height,1.02) !important;text-transform:uppercase;overflow-wrap:anywhere}
.article-slider .as-intro{display:block;width:auto;margin:0 0 16px !important;padding:0 !important;border:0 !important;background:var(--as-intro-bg,transparent) !important;color:var(--as-intro-color,#fff) !important;font-family:var(--as-intro-font,inherit) !important;font-size:var(--as-intro-size,16px) !important;font-weight:var(--as-intro-weight,400) !important;line-height:var(--as-intro-line-height,1.35) !important}
.article-slider .as-button{display:inline-flex;align-items:center;gap:12px;margin:0 !important;padding:10px 17px !important;border:0 !important;border-radius:4px;background:var(--as-button-bg,#ff7900) !important;color:var(--as-button-color,#fff) !important;font-family:var(--as-button-font,inherit) !important;font-size:var(--as-button-size,15px) !important;font-weight:var(--as-button-weight,700) !important;line-height:1.2 !important;text-decoration:none !important;text-transform:uppercase;transition:background .2s ease,color .2s ease,transform .2s ease}
.article-slider .as-button:hover,.article-slider .as-button:focus{background:var(--as-button-hover-bg,#d95f00) !important;color:var(--as-button-hover-color,#fff) !important;text-decoration:none !important;transform:translateY(-1px)}
.article-slider .as-button-arrow{font-size:1.35em;line-height:.8}
.article-slider .as-arrow{position:absolute;z-index:5;top:50%;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:32px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background .2s ease}
.article-slider .as-arrow:hover,.article-slider .as-arrow:focus{background:rgba(0,0,0,.85);color:#fff}
.article-slider .as-prev{left:14px}.article-slider .as-next{right:14px}
.article-slider .as-dots{position:absolute;z-index:6;right:0;bottom:14px;left:0;display:flex;justify-content:center;gap:8px;pointer-events:none}
.article-slider .as-dot{width:10px;height:10px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;pointer-events:auto}
.article-slider .as-dot.is-active{background:#fff;transform:scale(1.2)}
.article-slider.is-static .as-track{position:relative!important;height:100%!important}.article-slider.is-static .as-slide{position:absolute!important;inset:0!important;display:flex!important;opacity:1!important;visibility:visible!important;z-index:1!important}
.article-slider.is-static .as-content{overflow:visible}
@media(max-width:767px){.article-slider{height:var(--as-mobile-height,360px)}.article-slider .as-content{width:100%;max-height:100%;padding:clamp(14px,var(--as-panel-padding,24px),24px)}.article-slider .as-title{font-size:clamp(20px,6vw,var(--as-title-size,30px)) !important}.article-slider .as-intro{font-size:clamp(12px,3.5vw,var(--as-intro-size,15px)) !important}.article-slider .as-category{font-size:clamp(10px,3vw,var(--as-category-size,13px)) !important;margin-bottom:8px !important}.article-slider .as-arrow{width:34px;height:34px;font-size:27px}.article-slider .as-prev{left:8px}.article-slider .as-next{right:8px}.article-slider .as-dots{bottom:9px}}
@media(prefers-reduced-motion:reduce){.article-slider .as-slide,.article-slider .as-button,.article-slider .as-arrow{transition:none!important}}
