/* 1R Reactor — wide-slider.css
 * Canonical structure: foundations → layout/components → context UI → states → responsive.
 */

/* === Foundations & Base === */
/* Element-to-element spacing belongs to the common Reactor wrapper controls.
 * Never inject a default top margin on the slide surface itself: it creates
 * an empty band inside the Builder preview and doubles user-defined spacing. */
html body .reactor-wide-slider{position: relative ;display: block ;left: auto ;right: auto ;float: none ;clear: both ;width: 100% ;min-width: 0 ;max-width: 100% ;height:var(--r1rb-base-height,var(--reactor-wide-height-desktop,530px));min-height:var(--r1rb-base-min-height,0px);margin: 0 ;padding: 0 ;transform: none ;overflow: hidden;border-radius: var(--r1-reactor-surface-radius, var(--reactor-wide-radius, 0));box-sizing: border-box;isolation: isolate;}
@media(max-width:989px){html body .reactor-wide-slider{
  height:var(--r1rb-tablet-height,var(--r1rb-base-height,var(--reactor-wide-height-desktop,530px)));
  min-height:var(--r1rb-tablet-min-height,var(--r1rb-base-min-height,0px));
}}
html body .reactor-wide-slider__track,
        html body .reactor-wide-slider__slide{position: absolute;inset: 0;width: 100%;height: 100%;border-radius: inherit;}
html body .reactor-wide-slider__track{overflow: hidden;}
html body .reactor-wide-slider__slide{visibility: hidden;opacity: 0;overflow: hidden;transition: opacity .7s ease, visibility 0s linear .7s;pointer-events: none;z-index: 1;}
html body .reactor-wide-slider__slide.is-active{visibility: visible;opacity: 1;transition-delay: 0s;pointer-events: auto;z-index: 2;}
html body .reactor-wide-slider__media,
        html body .reactor-wide-slider__media img,
        html body .reactor-wide-slider__media video{position: absolute;inset: 0;display: block;width: 100%;height: 100%;}
html body .reactor-wide-slider__media img,
        html body .reactor-wide-slider__media video{object-fit:var(--r1rb-slide-media-fit,cover);object-position:center;}
html body .reactor-wide-slider__slide::after{content: "";position: absolute;inset: 0;z-index: 2;background:var(--reactor-wide-slide-overlay,transparent);pointer-events: none;}
html body .reactor-wide-slider__layer{position: absolute;inset: 0;z-index: 3;display: flex;width: 100%;height: 100%;padding: 44px 72px;box-sizing: border-box;pointer-events: none;}
html body .reactor-wide-slider__h--left{justify-content: flex-start;text-align: left;}
html body .reactor-wide-slider__h--center{justify-content: center;text-align: center;}
html body .reactor-wide-slider__h--right{justify-content: flex-end;text-align: right;}
html body .reactor-wide-slider__v--top{align-items: flex-start;}
html body .reactor-wide-slider__v--center{align-items: center;}
html body .reactor-wide-slider__v--bottom{align-items: flex-end;}
html body .reactor-wide-slider__text-box{display: inline-flex;flex-direction: column;align-items: flex-start;width: auto;max-width: min(820px, 72%);padding: 0;border-radius: 0;background: transparent;box-sizing: border-box;pointer-events: auto;}
html body .reactor-wide-slider__text-box--center{align-items: center;}
html body .reactor-wide-slider__text-box--right{align-items: flex-end;}
html body .reactor-wide-slider__text-box :is(h1,h2,h3,h4,h5,h6){display: inline-block ;width: auto ;max-width: 100%;margin: 0 0 6px ;padding: 10px 15px ;background: transparent;color: var(--reactor-wide-title-color, #fff) ;font-family: var(--reactor-wide-title-font, inherit) ;font-size: var(--reactor-wide-title-size, 64px) ;font-weight: var(--reactor-wide-title-weight, 700) ;line-height: 1.05;letter-spacing: -.025em;text-align: inherit;text-shadow: none;box-sizing: border-box;}
html body .reactor-wide-slider__text-box p{display: inline-block ;width: auto ;max-width: 100%;margin: 0 ;padding: 9px 15px ;background: transparent;color: var(--reactor-wide-subtitle-color, #fff) ;font-family: var(--reactor-wide-subtitle-font, inherit) ;font-size: var(--reactor-wide-subtitle-size, 26px) ;font-weight: var(--reactor-wide-subtitle-weight, 400) ;line-height: 1.35;text-align: inherit;text-shadow: none;box-sizing: border-box;}
html body .reactor-wide-slider__buttons{display: flex;flex-wrap: wrap;justify-content: inherit;gap: 12px;width: 100%;max-width: 100%;margin-top: 14px;pointer-events: auto;}
html body .reactor-wide-slider__text-box--left .reactor-wide-slider__buttons{justify-content: flex-start;}
html body .reactor-wide-slider__text-box--center .reactor-wide-slider__buttons{justify-content: center;}
html body .reactor-wide-slider__text-box--right .reactor-wide-slider__buttons{justify-content: flex-end;}
html body .reactor-wide-slider__button{display: inline-flex;align-items: center;justify-content: center;min-width: 150px;min-height: 50px;padding: 0 28px;border: 0;border-radius: 14px ;box-sizing: border-box;text-decoration: none ;font-size: 16px;font-weight: 600;line-height: 1;transition: background-color .2s ease, color .2s ease;}
html body .reactor-wide-slider__button--primary{background: var(--r1-primary,var(--r1-theme-primary,#0A95AE));color: #fff ;}
html body .reactor-wide-slider__button--primary:hover{filter:brightness(.94);color:#fff ;}
html body .reactor-wide-slider__button--secondary{filter:brightness(.94);color:#fff ;}
html body .reactor-wide-slider__button--secondary:hover{background: var(--r1-primary,var(--r1-theme-primary,#0A95AE));color: #fff ;}
html body .reactor-wide-slider__arrow{position: absolute;top: 50%;z-index: 6;width: 54px;height: 72px;border-radius: 0;background: rgba(0, 0, 0, .28);color: #fff;cursor: pointer;transform: translateY(-50%);transition: background-color .2s ease;}
html body .reactor-wide-slider__arrow:hover{background: rgba(0, 0, 0, .55);}
html body .reactor-wide-slider__arrow--prev{left: 0;}
html body .reactor-wide-slider__arrow--next{right: 0;}
html body .reactor-wide-slider__arrow svg{display: block;width: 22px;height: 38px;fill: none;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round;}
html body .reactor-wide-slider__bullets{position: absolute;right: 0;bottom: 18px;left: 0;z-index: 7;gap: 9px;pointer-events: none;}
html body .reactor-wide-slider__bullet{width: 11px;height: 11px;min-width: 0;min-height: 0;border: 2px solid #fff;border-radius: 50%;background: transparent;cursor: pointer;pointer-events: auto;transition: background-color .2s ease, transform .2s ease;}
html body .reactor-wide-slider__bullet.is-active{transform: scale(1.1);}
html body .reactor-wide-slider__arrow{width:44px ;
    height:44px ;
    
    
    
    display:flex ;
    align-items:center ;
    justify-content:center ;
    
    border-radius:50% ;
    background:var(--r1-primary,var(--r1-theme-primary,#0A95AE)) ;
    color:#fff ;
    box-shadow:0 6px 22px rgba(0,0,0,.15) ;
    
    
    transition:opacity .2s ease,transform .2s ease ;}
html body .reactor-wide-slider__arrow:hover{opacity:.92 ;
    transform:translateY(-50%) scale(1.05) ;}
html body .reactor-wide-slider__arrow--prev{left:20px ;}
html body .reactor-wide-slider__arrow--next{right:20px ;}
html body .reactor-wide-slider__arrow svg{width:24px ;
    height:24px ;
    stroke:currentColor ;
    stroke-width:2 ;
    filter:none ;}
[class*="__bullets"] [class*="__bullet"]{border-radius:999px;}
html body .reactor-wide-slider__arrow{width:44px ;height:44px ;min-width:44px ;min-height:44px ;
 padding:0 ;border:0 ;border-radius:0 ;background:transparent ;
 box-shadow:none ;color:transparent ;font-size:0 ;line-height:0 ;
 opacity:1 ;overflow:visible ;}
html body .reactor-wide-slider__arrow:hover{background:transparent ;box-shadow:none ;}
html body .reactor-wide-slider__arrow svg{display:none ;}
html body .reactor-wide-slider__arrow::before{content:"" ;position:absolute ;top:50% ;left:50% ;display:block ;
 width:14px ;height:14px ;box-sizing:border-box ;
 border-right:3px solid #cbd5da ;border-bottom:3px solid #cbd5da ;
 transform-origin:50% 50% ;transition:border-color .25s ease ;}
html body .reactor-wide-slider__arrow--prev::before{left:55% ;transform:translate(-50%,-50%) rotate(135deg) ;}
html body .reactor-wide-slider__arrow--next::before{left:45% ;transform:translate(-50%,-50%) rotate(-45deg) ;}
html body .reactor-wide-slider__arrow:hover::before{border-color:var(--r1-primary,var(--r1-theme-primary,#0A95AE)) ;}



html body .reactor-wide-slider__bullets{display:flex;align-items:center;justify-content:center;gap:8px;}
html body .reactor-wide-slider__bullet{width:8px;height:8px;min-width:8px;min-height:8px;margin:0;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.55);opacity:1;box-shadow:none;transform:none;transition:width .2s ease,background-color .2s ease,opacity .2s ease;}
html body .reactor-wide-slider__bullet.is-active{width:24px;background:#fff;opacity:1;transform:none;}



html body .reactor-wide-slider .reactor-wide-slider__layer,
html body .reactor-wide-slider .reactor-wide-slider__layer--text{padding-left:72px;
  padding-right:72px;padding-left:var(--r1-reactor-media-content-rail,72px);padding-right:var(--r1-reactor-media-content-rail,72px);}


/* === Responsive & Conditional === */
@media (max-width: 767px){html body .reactor-wide-slider{height:var(--r1rb-mobile-height,var(--r1rb-tablet-height,var(--r1rb-base-height,var(--reactor-wide-height-mobile,300px))));min-height:var(--r1rb-mobile-min-height,var(--r1rb-tablet-min-height,var(--r1rb-base-min-height,0px))));}html body .reactor-wide-slider__layer{padding: 20px;}html body .reactor-wide-slider__text-box{max-width: 100%;padding: 0;}html body .reactor-wide-slider__text-box :is(h1,h2,h3,h4,h5,h6){padding: 8px 11px ;}html body .reactor-wide-slider__text-box p{padding: 7px 11px ;}html body .reactor-wide-slider__text-box :is(h1,h2,h3,h4,h5,h6){font-size: var(--reactor-wide-title-size-mobile, 38px) ;}html body .reactor-wide-slider__text-box p{font-size: var(--reactor-wide-subtitle-size-mobile, 18px) ;}html body .reactor-wide-slider__buttons{max-width: 100%;gap: 8px;}html body .reactor-wide-slider__button{min-width: 120px;min-height: 42px;padding: 0 17px;font-size: 14px;}html body .reactor-wide-slider__arrow{width: 36px;height: 54px;}html body .reactor-wide-slider__arrow svg{width: 16px;height: 28px;}html body .reactor-wide-slider__bullets{bottom: 10px;}}
@media (prefers-reduced-motion: reduce){html body .reactor-wide-slider__slide,
            html body .reactor-wide-slider__button,
            html body .reactor-wide-slider__bullet{transition: none ;}}
@media (max-width:767px){html body .reactor-wide-slider .reactor-wide-slider__layer,
  html body .reactor-wide-slider .reactor-wide-slider__layer--text{
    padding-left:20px;
    padding-right:20px;
  }}

/* Three-device typography: tablet values shared with Hero/Banner. */
@media (min-width:768px) and (max-width:1024px){
 html body .reactor-wide__text-box :is(h1,h2,h3,h4,h5,h6){font-size:var(--reactor-wide-title-size-tablet,var(--reactor-wide-title-size,44px));}
 html body .reactor-wide__text-box p{font-size:var(--reactor-wide-subtitle-size-tablet,var(--reactor-wide-subtitle-size,16px));}
}

/* Unified Button appearance — only buttons that have opted in to the new editor.
 * Existing unedited buttons are rendered exactly as in prior releases. */
html body a.r1rb-designed-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:var(--r1cb-height,50px);padding:0 24px;border:1px solid var(--r1cb-border,#0A95AE);border-radius:var(--r1cb-radius,14px);background:var(--r1cb-bg,#0A95AE);color:var(--r1cb-fg,#fff);font-size:var(--r1cb-font,16px);font-weight:var(--r1cb-weight,600);line-height:1.25;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;filter:none;}
html body a.r1rb-designed-button:hover{background:var(--r1cb-hover-bg,#087F95);color:var(--r1cb-hover-fg,#fff);border-color:var(--r1cb-hover-border,#087F95);filter:none;}
html body a.r1rb-designed-button.r1rb-button-variant--outline{background:transparent;color:var(--r1cb-border,#0A95AE);}
html body a.r1rb-designed-button.r1rb-button-variant--text{background:transparent;border-color:transparent;color:var(--r1cb-fg,#fff);}
html body a.r1rb-designed-button.r1rb-button-width--full{width:100%;}
html body a.r1rb-designed-button.r1rb-button-align--center{margin-inline:auto;}
html body a.r1rb-designed-button.r1rb-button-align--right{margin-left:auto;}

/* Hover colors remain editable for every variant, including Outline and Text. */
html body a.r1rb-designed-button.r1rb-button-variant--outline:hover,
html body a.r1rb-designed-button.r1rb-button-variant--text:hover{background:var(--r1cb-hover-bg,#087F95);color:var(--r1cb-hover-fg,#fff);border-color:var(--r1cb-hover-border,#087F95);}