/* =========================================================
   ANNUAL REPORTS page (en/annual-reports.html, ar/annual-reports.html)
   Values from the live Elementor CSS (page 66903 / 66795).
   ========================================================= */

/* ---------------- Hero: background slideshow (ken burns) + 50% #020202 overlay ---------------- */
.reports-hero { position: relative; min-height: 400px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; background: #020202; }
.reports-hero__slides { position: absolute; inset: 0; }
.reports-hero__slide {
	position: absolute; inset: 0; background-size: cover; background-position: center center; background-repeat: no-repeat;
	opacity: 0; transform: scale(1); transition: opacity .5s ease; will-change: transform, opacity;
}
.reports-hero__slide.is-active { opacity: 1; animation: reportsKenBurns 6s linear forwards; }
@keyframes reportsKenBurns { from { transform: scale(1); } to { transform: scale(1.25); } }
.reports-hero__overlay { position: absolute; inset: 0; background-color: #020202; opacity: .5; }
.reports-hero__inner { position: relative; z-index: 1; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 10px; }
.reports-hero__title { margin: 0; text-align: start; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 50px; font-weight: 600; line-height: 45px; color: #FFFFFF; }

/* ---------------- Report cards (2 per row, boxed 1600px) ---------------- */
.reports-row--first .reports-container { padding: 100px 0 20px; }
.reports-row--last  .reports-container { padding: 0 0 100px; }
.reports-container { max-width: 1600px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px; }
.report-card {
	width: calc(50% - 10px); display: flex; flex-wrap: wrap; gap: 20px; padding: 10px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .11); background: #fff;
}
.report-card__info { width: calc(50% - 10px); display: flex; flex-direction: column; justify-content: space-between; padding: 20px; }
.report-card__head { margin-bottom: 20px; }
.report-card__year { margin: 0; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 30px; font-weight: 600; line-height: 45px; color: #9E6950; }
.report-card__name { margin: 0; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 20px; font-weight: 600; line-height: 45px; letter-spacing: .5px; color: #A7A9AB; }
.report-card__links { list-style: none; margin: 0; padding: 0; }
.report-card__links li + li { margin-top: 10px; }
.report-card__links a { display: inline-flex; align-items: center; font-family: "Marcellus", serif; font-size: 20px; color: #7A7A7A; transition: color .3s; }
.report-card__links a:hover { color: #9E6950; }
.report-card__links i { font-size: 15px; color: #9E6950; margin: -2px 0 0 4px; }
.report-card__link-text { padding-inline-start: 5px; }

/* cover image = Elementor "call to action" cover skin: overlay #00000087 that lifts on hover, bg zooms in */
.report-card__cover { position: relative; display: block; width: calc(50% - 10px); min-height: 200px; overflow: hidden; }
.report-card__bg { position: absolute; inset: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: transform 1.5s; }
.report-card__bg--contain { background-size: contain; background-color: #fff; }
.report-card__bg-overlay { position: absolute; inset: 0; background-color: #00000087; transition: background-color 1.5s; }
.report-card__cover:hover .report-card__bg { transform: scale(1.2); }
.report-card__cover:hover .report-card__bg-overlay { background-color: transparent; }

/* ---------------- Responsive ---------------- */
@media (max-width: 1400px) {
	.reports-hero__inner { padding: 0 20px; }
	.reports-row--first .reports-container { padding: 50px 20px 0; }
	.reports-row--last  .reports-container { padding: 20px 20px 0; }
}
@media (max-width: 1200px) {
	.reports-row--last .reports-container { padding-top: 50px; }
}
@media (max-width: 880px) {
	.report-card__name { line-height: 27px; }
	.report-card__links a { font-size: 15px; }
}
@media (max-width: 767px) {
	.reports-hero__title { font-size: 25px; }
	.reports-row--last .reports-container { padding: 20px; }
	.report-card { width: 100%; }
	.report-card__info, .report-card__cover { width: 100%; }
	.report-card__year, .report-card__name { font-size: 25px; }
}

/* ---------------- RTL (ar/annual-reports.html) ---------------- */
.rtl .reports-hero__title { font-family: "29LTZaridDisplayVF", sans-serif; font-weight: 600; }
.rtl .report-card__year { font-family: "SangBleuKingdom-Light", "Lucky Beauty new", "Lucky Beauty", serif; }
.rtl .report-card__name { font-family: "29LTAzer-Light", sans-serif; }
.rtl .report-card__links a { font-family: "29LTAzer-Light", sans-serif; }
.rtl .report-card__links i { margin: -2px 4px 0 0; }