/* Valentina V16 — Per-section content position
   Loaded AFTER style.css so the CMS choice wins over older global container patches. */

:root{
  --vt-contained-max: 1280px;
  --vt-contained-gutter-desktop: 64px;
  --vt-contained-gutter-tablet: 32px;
  --vt-contained-gutter-mobile: 18px;
}

/* Side-gutter / contained mode */
body.vt-public-site .vt-cms-section > .vt-cms-container.vt-content-contained,
body.vt-public-site .vt-page-intro__after > .vt-cms-container.vt-content-contained{
  width:min(calc(100% - (var(--vt-contained-gutter-desktop) * 2)),var(--vt-contained-max))!important;
  max-width:var(--vt-contained-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

body.vt-public-site .vt-cms-section > .vt-cms-container.vt-content-contained.vt-width-narrow{--vt-contained-max:900px}
body.vt-public-site .vt-cms-section > .vt-cms-container.vt-content-contained.vt-width-standard{--vt-contained-max:1180px}
body.vt-public-site .vt-cms-section > .vt-cms-container.vt-content-contained.vt-width-wide{--vt-contained-max:1320px}

/* Full-width content mode. The section background was already full width;
   this makes the INNER content itself fill it too. */
body.vt-public-site .vt-cms-section > .vt-cms-container.vt-content-full,
body.vt-public-site .vt-page-intro__after > .vt-cms-container.vt-content-full{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:clamp(18px,2.4vw,44px)!important;
  padding-right:clamp(18px,2.4vw,44px)!important;
  box-sizing:border-box!important;
}

/* Explicitly beat V10–V15 image-text rules. */
body.vt-public-site .vt-cms-section[data-section-type="image_text"] > .vt-cms-container.vt-content-contained,
body.vt-public-site .vt-cms-section[data-section-type="image_text"] > .cms-image-text.vt-content-contained{
  width:min(calc(100% - (var(--vt-contained-gutter-desktop) * 2)),1280px)!important;
  max-width:1280px!important;
  margin-inline:auto!important;
}
body.vt-public-site .vt-cms-section[data-section-type="image_text"] > .vt-cms-container.vt-content-full,
body.vt-public-site .vt-cms-section[data-section-type="image_text"] > .cms-image-text.vt-content-full{
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  padding-inline:clamp(18px,2.4vw,44px)!important;
}

@media(max-width:1100px){
  body.vt-public-site .vt-cms-section > .vt-cms-container.vt-content-contained,
  body.vt-public-site .vt-page-intro__after > .vt-cms-container.vt-content-contained,
  body.vt-public-site .vt-cms-section[data-section-type="image_text"] > .vt-cms-container.vt-content-contained,
  body.vt-public-site .vt-cms-section[data-section-type="image_text"] > .cms-image-text.vt-content-contained{
    width:calc(100% - (var(--vt-contained-gutter-tablet) * 2))!important;
    max-width:none!important;
  }
}

@media(max-width:760px){
  body.vt-public-site .vt-cms-section > .vt-cms-container.vt-content-contained,
  body.vt-public-site .vt-page-intro__after > .vt-cms-container.vt-content-contained,
  body.vt-public-site .vt-cms-section[data-section-type="image_text"] > .vt-cms-container.vt-content-contained,
  body.vt-public-site .vt-cms-section[data-section-type="image_text"] > .cms-image-text.vt-content-contained{
    width:calc(100% - (var(--vt-contained-gutter-mobile) * 2))!important;
    max-width:none!important;
  }
  body.vt-public-site .vt-cms-section > .vt-cms-container.vt-content-full,
  body.vt-public-site .vt-page-intro__after > .vt-cms-container.vt-content-full{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* ============================================================
   VALENTINA V17 — readable centered text content
   Keeps section/container behavior from V16, but makes long text
   visually centered and easier to read.
   ============================================================ */

/* Rich-text sections: center the readable measure inside the section. */
body.vt-public-site .vt-cms-section[data-section-type="rich_text"] .cms-rich-text{
  width:min(100%, 900px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:clamp(30px,4vw,54px) clamp(24px,5vw,64px)!important;
  box-sizing:border-box!important;
  direction:rtl!important;
  text-align:justify!important;
  text-align-last:right!important;
  line-height:2.15!important;
  font-size:clamp(17px,1.18vw,20px)!important;
  letter-spacing:0!important;
  color:#24425f!important;
  background:#fff!important;
  border:1px solid rgba(11,95,168,.08)!important;
  border-radius:26px!important;
  box-shadow:0 18px 55px rgba(8,34,58,.08)!important;
}

/* Keep the paragraph card centered even if the section is set to wide/full. */
body.vt-public-site .vt-cms-section[data-section-type="rich_text"] > .vt-cms-container{
  display:block!important;
}

/* Center heading block above long text. */
body.vt-public-site .vt-cms-section[data-section-type="rich_text"] .section-head{
  width:min(100%,900px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Center CTA/button under the paragraph instead of leaving it at an edge. */
body.vt-public-site .vt-cms-section[data-section-type="rich_text"] .center-actions{
  width:min(100%,900px)!important;
  margin:26px auto 0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}

/* Image + text sections: keep the copy comfortably centered within its own column. */
body.vt-public-site .vt-cms-section[data-section-type="image_text"] .cms-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}

body.vt-public-site .vt-cms-section[data-section-type="image_text"] .cms-copy .cms-rich-text{
  width:min(100%,680px)!important;
  max-width:680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:clamp(24px,3.2vw,42px) clamp(22px,3.4vw,44px)!important;
  direction:rtl!important;
  text-align:justify!important;
  text-align-last:right!important;
  line-height:2.05!important;
  font-size:clamp(16px,1.05vw,19px)!important;
  color:#24425f!important;
  background:#fff!important;
  border:1px solid rgba(11,95,168,.07)!important;
  border-radius:24px!important;
  box-shadow:0 16px 46px rgba(8,34,58,.07)!important;
}

/* Prevent very long lines in other text-heavy CMS areas. */
body.vt-public-site .vt-cms-section .section-head p,
body.vt-public-site .vt-page-intro__description{
  max-width:72ch!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:760px){
  body.vt-public-site .vt-cms-section[data-section-type="rich_text"] .cms-rich-text,
  body.vt-public-site .vt-cms-section[data-section-type="image_text"] .cms-copy .cms-rich-text{
    width:100%!important;
    max-width:none!important;
    padding:24px 20px!important;
    border-radius:20px!important;
    font-size:16px!important;
    line-height:1.95!important;
    text-align:right!important;
    text-align-last:right!important;
  }

  body.vt-public-site .vt-cms-section[data-section-type="rich_text"] .center-actions{
    width:100%!important;
    margin-top:22px!important;
  }

  body.vt-public-site .vt-cms-section[data-section-type="rich_text"] .center-actions .btn{
    width:min(100%,340px)!important;
    justify-content:center!important;
  }
}