@layer sections{
  [ui-section=slideshow]{
    --per-page:1;
    display:flex;
    flex-direction:column;
    padding-block:var(--top-spacing) var(--bottom-spacing) !important;
    padding-inline:var(--spacing-0) !important;
    gap:var(--spacing-24);
  }
  [ui-section=slideshow] [ui-slot=carousel]{
    padding-inline:8%;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item]{
    position:relative;
    background-color:transparent !important;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media{
    height:var(--height);
    overflow:hidden;
    border-radius:var(--radius-slide);
    filter:brightness(var(--overlay));
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
    display:flex;
    position:absolute;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    height:100%;
    padding:var(--spacing-64);
    gap:var(--spacing-16);
    inset:0;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head]{
    align-items:inherit !important;
    width:100%;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head] .heading,
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head] .subheading{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="75"] .heading{
    -webkit-line-clamp:2;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="75"] .subheading{
    -webkit-line-clamp:3;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="60"] .heading{
    -webkit-line-clamp:1;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="60"] .subheading{
    -webkit-line-clamp:2;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="35"] .heading{
    -webkit-line-clamp:1;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head][data-height="35"] .subheading{
    -webkit-line-clamp:1;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
    color:color-mix(in hsl, currentcolor 80%, transparent) !important;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .cta{
    width:-moz-fit-content;
    width:fit-content;
    margin-block-start:var(--spacing-24);
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .cta[ui-slot=button]{
    min-width:180px;
  }
  [ui-section=slideshow] .pagination{
    display:flex;
    position:relative;
    left:50%;
    align-items:center;
    justify-content:center;
    width:-moz-fit-content;
    width:fit-content;
    transform:translateX(-50%);
  }
  [dir="rtl"] [ui-section=slideshow] .pagination{
    right:50%;
    left:auto;
    transform:translateX(50%);
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker]{
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    transition:var(--transition-standard-default-spatial);
    border:none;
    background-color:transparent;
    color:var(--color-primary);
    cursor:pointer;
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker]::before{
    content:"";
    display:flex;
    width:var(--spacing-8);
    height:var(--spacing-8);
    transition:var(--transition-standard-default-spatial);
    border-radius:var(--radius-rounded);
    background-color:color-mix(in srgb, currentcolor 38%, transparent);
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker][aria-selected=true]{
    width:var(--spacing-48);
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker][aria-selected=true]::before{
    width:inherit;
    background-color:currentcolor;
  }
  @media (min-width: 769.02px){
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      color:var(--color-on-primary);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head]{
      text-align:start !important;
    }
    [ui-section=slideshow] .pagination[data-position=inside]{
      margin-block-start:calc(var(--spacing-64) * -1);
    }
  }
  @media (max-width: 769px){
    [ui-section=slideshow]{
      --item-size:100% !important;
    }
    [ui-section=slideshow] [ui-slot=carousel]{
      padding-inline:var(--spacing-0);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media{
      height:calc(var(--height) / 2);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      padding:var(--spacing-24);
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item][data-alignment=center] .content{
      align-items:center !important;
      text-align:center !important;
    }
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item][data-alignment=end] .content{
      align-items:flex-end !important;
      text-align:end !important;
    }
    [ui-section=slideshow][data-show-content-bellow-image="1"] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      position:static;
      align-items:center;
      height:auto;
      padding:var(--spacing-48) 0 0 0;
      text-align:center;
    }
  }
}
@layer overrides{
  @media (min-width: 769.02px){
    [data-intensity=as-solid-bg] [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content,
    [data-intensity=as-solid-bg][ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content,
    [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
      color:var(--color-primary);
    }
  }
}

/* RIVIOKET custom: full-bleed slideshow aligned with navbar */
[ui-section=slideshow] [ui-slot=carousel]{
  padding-inline:0 !important;
}
[ui-section=slideshow]{
  --gap:0px !important;
  --item-size:100% !important;
}
[ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media{
  border-radius:0 !important;
}

/* RIVIOKET premium: white slide text + readability scrim (desktop & mobile overlay) */
[ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item]::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(10,7,4,.62) 0%, rgba(10,7,4,.34) 42%, rgba(10,7,4,.05) 68%, rgba(10,7,4,0) 100%);
  pointer-events:none;
  z-index:1;
}
[ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content{
  z-index:2;
}
@media (min-width: 769.02px){
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content,
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .heading{
    color:#FFFFFF !important;
    text-shadow:0 2px 26px rgba(0,0,0,.45);
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .subheading{
    color:#E3C27E !important;
    text-transform:uppercase;
    letter-spacing:4px;
    text-shadow:0 1px 12px rgba(0,0,0,.5);
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
    color:rgba(255,255,255,.88) !important;
    text-shadow:0 1px 14px rgba(0,0,0,.5);
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .cta[ui-slot=button]{
    background:#FFFFFF !important;
    color:#1B130A !important;
    border:none !important;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .content .cta[ui-slot=button]:hover{
    background:#E3C27E !important;
    color:#1B130A !important;
  }
}
@media (max-width: 769px){
  /* overlay mode on mobile (content over image) gets white text too */
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content,
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content .heading{
    color:#FFFFFF !important;
    text-shadow:0 2px 18px rgba(0,0,0,.55);
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content .subheading{
    color:#E3C27E !important;
    text-transform:uppercase;
    letter-spacing:3px;
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
    color:rgba(255,255,255,.88) !important;
  }
  /* below-image mode: hide scrim and keep clean light layout */
  [ui-section=slideshow][data-show-content-bellow-image="1"] [ui-slot=carousel] [ui-slot=carousel-item]::after{
    background:linear-gradient(180deg, rgba(10,7,4,.0) 55%, rgba(10,7,4,.18) 100%);
    height:calc(var(--height) / 2);
    inset:auto;
    top:0; left:0; right:0;
  }
  [ui-section=slideshow][data-show-content-bellow-image="1"] [ui-slot=carousel] [ui-slot=carousel-item] .content{
    padding:var(--spacing-32) var(--spacing-24) var(--spacing-16) !important;
  }
  [ui-section=slideshow][data-show-content-bellow-image="1"] [ui-slot=carousel] [ui-slot=carousel-item] .content .subheading{
    color:#A8833E !important;
    text-transform:uppercase;
    letter-spacing:3px;
  }
}

/* RIVIOKET premium v2: cinematic mobile hero (overlay mode) */
@media (max-width: 769px){
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .media{
    height:70vh !important;
    min-height:480px;
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item]::after{
    background:linear-gradient(180deg, rgba(10,7,4,.18) 0%, rgba(10,7,4,.06) 38%, rgba(10,7,4,.72) 86%, rgba(10,7,4,.82) 100%);
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content{
    align-items:center !important;
    justify-content:flex-end !important;
    padding:24px 22px 52px !important;
    text-align:center !important;
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content [ui-slot=head]{
    align-items:center !important;
    gap:10px;
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content .heading{
    font-size:clamp(28px, 8.4vw, 38px) !important;
    line-height:1.15 !important;
    -webkit-line-clamp:3 !important;
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content .subheading{
    font-size:11.5px !important;
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content .description{
    font-size:14px !important;
    -webkit-line-clamp:3 !important;
    max-width:320px;
    margin-inline:auto;
  }
  [ui-section=slideshow]:not([data-show-content-bellow-image="1"]) [ui-slot=carousel] [ui-slot=carousel-item] .content .cta[ui-slot=button]{
    background:#FFFFFF !important;
    color:#1B130A !important;
    border:none !important;
    min-width:200px;
    margin-block-start:14px !important;
  }
  [ui-section=slideshow] .pagination{
    margin-block-start:-44px;
    z-index:3;
  }
  [ui-section=slideshow] .pagination [ui-carousel=marker]{
    color:#E3C27E;
  }
}

/* ===== RIVIOKET: mobile hero truly full-bleed (no side gaps, no letterbox) ===== */
@media (max-width: 769px){
  [ui-section=slideshow]{
    --item-size:100% !important;
    --gap:0px !important;
    --per-page:1 !important;
    padding-inline:0 !important;
  }
  [ui-section=slideshow] [ui-slot=carousel]{
    padding-inline:0 !important;
    gap:0 !important;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item]{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media{
    width:100% !important;
    border-radius:0 !important;
  }
  [ui-section=slideshow] [ui-slot=carousel] [ui-slot=carousel-item] .media img{
    width:100% !important;
    height:100% !important;
    -o-object-fit:cover !important;
       object-fit:cover !important;
    -o-object-position:center !important;
       object-position:center !important;
  }
}

/* ===== RIVIOKET: bleed carousel past the section's mobile padding ===== */
@media (max-width: 769px){
  [ui-section=slideshow] [ui-slot=carousel]{
    width:100vw;
    margin-inline:calc(50% - 50vw);
  }
}