/* =========================================================
   Additions for the Investors pages' blocks (app/Core/Retal/InvestorsBlocks.php). The pages' own stylesheets
   (esg.css, suppliers.css, corporate-governance.css, ...) stay unmodified copies of the source's.
   ========================================================= */

/* ESG icons are SVG files of the media library, drawn as images: the source recoloured its inline SVGs white. */
.esg-highlight__icon img { display: block; width: 20px; height: 20px; filter: brightness(0) invert(1); }
.esg-iconlist__icon img { display: block; width: 26px; height: auto; filter: brightness(0) invert(1); }

/* The report form's native "required" check marks a field the way corporate-governance.js did. */
.gov-form :is(input, textarea):user-invalid { border-bottom-color: #d9534f; }

/* Suppliers: the agreement window opened by a button marked "Opens the agreement window". The source page had the
   markup but no style or script for it. */
.nda-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.nda-modal[hidden] { display: none; }
.nda-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .6); }
.nda-modal__box { position: relative; width: 100%; max-width: 560px; padding: 50px 40px 40px; background: #fff; text-align: center; }
.nda-modal__close { position: absolute; top: 15px; inset-inline-end: 15px; width: 28px; height: 28px; padding: 0; background: none; border: 0; color: #2C2C2C; cursor: pointer; }
.nda-modal__close svg { width: 100%; height: 100%; }
.nda-modal__title { margin: 0 0 15px; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 26px; font-weight: 600; line-height: 1.3; color: #2C2C2C; }
.nda-modal__text { margin: 0 0 25px; font-family: "Marcellus", serif; font-size: 17px; line-height: 1.5; color: #7A7A7A; }
.rtl .nda-modal__title { font-family: "29LTZaridDisplayVF", sans-serif; font-weight: 700; }
.rtl .nda-modal__text { font-family: "29LTAzer-Light", sans-serif; }
body.nda-open { overflow: hidden; }

/* ---------- builder canvas (main.site-page): no scripts run there ---------- */
.site-page .esg-hero__slide:first-child { opacity: 1; }
.site-page .esg-reports .swiper-wrapper { display: flex; }
.site-page .esg-reports .swiper-slide { flex: 0 0 50%; width: 50%; margin-inline-end: 10px; }
.site-page .esg-slides .swiper-slide { flex: 0 0 100%; width: 100%; }
.site-page .esg-highlight[data-scroll-fade] { opacity: 1 !important; }
.site-page .nda-modal--preview { position: relative; inset: auto; z-index: auto; padding: 40px 20px; background: #F8F8F8; }
.site-page .nda-modal--preview .nda-modal__backdrop { display: none; }
.site-page .esg-sdg[hidden] { display: block !important; }