/* Thèmes MYWIE par langue — palettes + héritage familial par pays */

/* Hero : illustration MYWIE famille + cadre pays en arrière-plan */
.locale-hero-wrap {
  position: relative;
  background: var(--locale-hero-backdrop, transparent) center / cover no-repeat;
  padding: 10px;
}

.locale-hero-wrap .locale-hero-family {
  position: relative;
  z-index: 1;
  background: hsl(var(--background) / 0.92);
  box-shadow: 0 16px 40px -12px hsl(var(--primary) / 0.25);
}

/* Herencia familiar mexicana — es-MX */
body.locale-es-mx {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 145 55% 32%;
  --primary-foreground: 40 33% 98%;
  --secondary: 0 65% 42%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 85% 50%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 145 55% 32%;
  --locale-hero-backdrop: url('../images/heritage/es-MX/backdrop.webp');
}

body.locale-es-mx .gradient-hero {
  background:
    linear-gradient(135deg, hsl(145 55% 32% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(0 65% 42% / 0.08) 100%),
    url('../images/heritage/es-MX/backdrop.webp') center center / cover no-repeat;
}

body.locale-es-mx .gradient-warm {
  background: linear-gradient(135deg, hsl(145 55% 32%) 0%, hsl(0 65% 42%) 55%, hsl(42 85% 50%) 100%);
}

body.locale-es-mx .home-hero-image,
body.locale-es-mx .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(145 55% 32% / 0.28);
}

/* Herança familiar brasileira — pt-BR */
body.locale-pt-br {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 145 55% 30%;
  --primary-foreground: 40 33% 98%;
  --secondary: 42 90% 48%;
  --secondary-foreground: 40 33% 98%;
  --accent: 0 65% 42%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 145 55% 30%;
  --locale-hero-backdrop: url('../images/heritage/pt-BR/backdrop.webp');
}

body.locale-pt-br .gradient-hero {
  background:
    linear-gradient(135deg, hsl(145 55% 30% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(42 90% 48% / 0.08) 100%),
    url('../images/heritage/pt-BR/backdrop.webp') center center / cover no-repeat;
}

body.locale-pt-br .gradient-warm {
  background: linear-gradient(135deg, hsl(145 55% 30%) 0%, hsl(42 90% 48%) 55%, hsl(0 65% 42%) 100%);
}

body.locale-pt-br .home-hero-image,
body.locale-pt-br .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(145 55% 30% / 0.28);
}

/* إرث العائلة العربية — ar */
body.locale-ar {
  --background: 158 42% 11%;
  --foreground: 42 40% 92%;
  --card: 158 35% 18%;
  --card-foreground: 42 40% 92%;
  --primary: 42 72% 48%;
  --primary-foreground: 158 42% 11%;
  --secondary: 158 42% 18%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 65% 55%;
  --accent-foreground: 158 42% 11%;
  --muted: 158 35% 22%;
  --muted-foreground: 42 25% 78%;
  --border: 42 55% 45%;
  --ring: 42 72% 48%;
  --locale-hero-backdrop: url('../images/heritage/ar/backdrop.webp');
}

body.locale-ar .gradient-hero {
  background:
    linear-gradient(135deg, hsl(42 72% 48% / 0.1) 0%, hsl(158 42% 11%) 50%, hsl(158 42% 18% / 0.08) 100%),
    url('../images/heritage/ar/backdrop.webp') center center / cover no-repeat;
}

body.locale-ar .gradient-warm {
  background: linear-gradient(135deg, hsl(42 72% 48%) 0%, hsl(158 42% 18%) 55%, hsl(42 65% 55%) 100%);
}

body.locale-ar .home-hero-image,
body.locale-ar .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(42 72% 48% / 0.28);
}

body.locale-ar .gradient-hero .grid,
body.locale-ar .container { direction: rtl; }
body.locale-ar .gradient-hero .space-y-6 { text-align: right; }

/* تراث العائلة المغربية — ar-MA */
body.locale-ar-ma {
  --background: 158 42% 11%;
  --foreground: 42 40% 92%;
  --card: 158 35% 18%;
  --card-foreground: 42 40% 92%;
  --primary: 42 72% 48%;
  --primary-foreground: 158 42% 11%;
  --secondary: 158 42% 18%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 65% 55%;
  --accent-foreground: 158 42% 11%;
  --muted: 158 35% 22%;
  --muted-foreground: 42 25% 78%;
  --border: 42 55% 45%;
  --ring: 42 72% 48%;
  --locale-hero-backdrop: url('../images/heritage/ar-MA/backdrop.webp');
}

body.locale-ar-ma .gradient-hero {
  background:
    linear-gradient(135deg, hsl(42 72% 48% / 0.1) 0%, hsl(158 42% 11%) 50%, hsl(158 42% 18% / 0.08) 100%),
    url('../images/heritage/ar-MA/backdrop.webp') center center / cover no-repeat;
}

body.locale-ar-ma .gradient-warm {
  background: linear-gradient(135deg, hsl(42 72% 48%) 0%, hsl(158 42% 18%) 55%, hsl(42 65% 55%) 100%);
}

body.locale-ar-ma .home-hero-image,
body.locale-ar-ma .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(42 72% 48% / 0.28);
}

body.locale-ar-ma .gradient-hero .grid,
body.locale-ar-ma .container { direction: rtl; }
body.locale-ar-ma .gradient-hero .space-y-6 { text-align: right; }

/* تراث العائلة الجزائرية — ar-DZ */
body.locale-ar-dz {
  --background: 158 42% 11%;
  --foreground: 42 40% 92%;
  --card: 158 35% 18%;
  --card-foreground: 42 40% 92%;
  --primary: 42 72% 48%;
  --primary-foreground: 158 42% 11%;
  --secondary: 158 42% 18%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 65% 55%;
  --accent-foreground: 158 42% 11%;
  --muted: 158 35% 22%;
  --muted-foreground: 42 25% 78%;
  --border: 42 55% 45%;
  --ring: 42 72% 48%;
  --locale-hero-backdrop: url('../images/heritage/ar-DZ/backdrop.webp');
}

body.locale-ar-dz .gradient-hero {
  background:
    linear-gradient(135deg, hsl(42 72% 48% / 0.1) 0%, hsl(158 42% 11%) 50%, hsl(158 42% 18% / 0.08) 100%),
    url('../images/heritage/ar-DZ/backdrop.webp') center center / cover no-repeat;
}

body.locale-ar-dz .gradient-warm {
  background: linear-gradient(135deg, hsl(42 72% 48%) 0%, hsl(158 42% 18%) 55%, hsl(42 65% 55%) 100%);
}

body.locale-ar-dz .home-hero-image,
body.locale-ar-dz .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(42 72% 48% / 0.28);
}

body.locale-ar-dz .gradient-hero .grid,
body.locale-ar-dz .container { direction: rtl; }
body.locale-ar-dz .gradient-hero .space-y-6 { text-align: right; }

/* מורשת משפחתית ישראל — he */
body.locale-he {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 210 55% 35%;
  --primary-foreground: 40 33% 98%;
  --secondary: 42 30% 92%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 75% 52%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 210 55% 35%;
  --locale-hero-backdrop: url('../images/heritage/he/backdrop.webp');
}

body.locale-he .gradient-hero {
  background:
    linear-gradient(135deg, hsl(210 55% 35% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(42 30% 92% / 0.08) 100%),
    url('../images/heritage/he/backdrop.webp') center center / cover no-repeat;
}

body.locale-he .gradient-warm {
  background: linear-gradient(135deg, hsl(210 55% 35%) 0%, hsl(42 30% 92%) 55%, hsl(42 75% 52%) 100%);
}

body.locale-he .home-hero-image,
body.locale-he .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(210 55% 35% / 0.28);
}

body.locale-he .gradient-hero .grid,
body.locale-he .container { direction: rtl; }
body.locale-he .gradient-hero .space-y-6 { text-align: right; }

/* भारतीय पारिवारिक विरासत — hi */
body.locale-hi {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 35 75% 45%;
  --primary-foreground: 40 33% 98%;
  --secondary: 145 40% 28%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 85% 55%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 35 75% 45%;
  --locale-hero-backdrop: url('../images/heritage/hi/backdrop.webp');
}

body.locale-hi .gradient-hero {
  background:
    linear-gradient(135deg, hsl(35 75% 45% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(145 40% 28% / 0.08) 100%),
    url('../images/heritage/hi/backdrop.webp') center center / cover no-repeat;
}

body.locale-hi .gradient-warm {
  background: linear-gradient(135deg, hsl(35 75% 45%) 0%, hsl(145 40% 28%) 55%, hsl(42 85% 55%) 100%);
}

body.locale-hi .home-hero-image,
body.locale-hi .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(35 75% 45% / 0.28);
}

/* বাংলাদেশি পারিবারিক ঐতিহ্য — bn */
body.locale-bn {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 145 50% 30%;
  --primary-foreground: 40 33% 98%;
  --secondary: 0 60% 40%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 80% 52%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 145 50% 30%;
  --locale-hero-backdrop: url('../images/heritage/bn/backdrop.webp');
}

body.locale-bn .gradient-hero {
  background:
    linear-gradient(135deg, hsl(145 50% 30% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(0 60% 40% / 0.08) 100%),
    url('../images/heritage/bn/backdrop.webp') center center / cover no-repeat;
}

body.locale-bn .gradient-warm {
  background: linear-gradient(135deg, hsl(145 50% 30%) 0%, hsl(0 60% 40%) 55%, hsl(42 80% 52%) 100%);
}

body.locale-bn .home-hero-image,
body.locale-bn .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(145 50% 30% / 0.28);
}

/* 中华家族传承 — zh */
body.locale-zh {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 0 65% 42%;
  --primary-foreground: 40 33% 98%;
  --secondary: 42 85% 48%;
  --secondary-foreground: 40 33% 98%;
  --accent: 210 50% 32%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 0 65% 42%;
  --locale-hero-backdrop: url('../images/heritage/zh/backdrop.webp');
}

body.locale-zh .gradient-hero {
  background:
    linear-gradient(135deg, hsl(0 65% 42% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(42 85% 48% / 0.08) 100%),
    url('../images/heritage/zh/backdrop.webp') center center / cover no-repeat;
}

body.locale-zh .gradient-warm {
  background: linear-gradient(135deg, hsl(0 65% 42%) 0%, hsl(42 85% 48%) 55%, hsl(210 50% 32%) 100%);
}

body.locale-zh .home-hero-image,
body.locale-zh .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(0 65% 42% / 0.28);
}

/* 日本の家族の記憶 — ja */
body.locale-ja {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 0 60% 42%;
  --primary-foreground: 40 33% 98%;
  --secondary: 210 45% 32%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 30% 92%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 0 60% 42%;
  --locale-hero-backdrop: url('../images/heritage/ja/backdrop.webp');
}

body.locale-ja .gradient-hero {
  background:
    linear-gradient(135deg, hsl(0 60% 42% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(210 45% 32% / 0.08) 100%),
    url('../images/heritage/ja/backdrop.webp') center center / cover no-repeat;
}

body.locale-ja .gradient-warm {
  background: linear-gradient(135deg, hsl(0 60% 42%) 0%, hsl(210 45% 32%) 55%, hsl(42 30% 92%) 100%);
}

body.locale-ja .home-hero-image,
body.locale-ja .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(0 60% 42% / 0.28);
}

/* 한국 가족의 유산 — ko */
body.locale-ko {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 0 55% 40%;
  --primary-foreground: 40 33% 98%;
  --secondary: 210 50% 32%;
  --secondary-foreground: 40 33% 98%;
  --accent: 42 80% 52%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 0 55% 40%;
  --locale-hero-backdrop: url('../images/heritage/ko/backdrop.webp');
}

body.locale-ko .gradient-hero {
  background:
    linear-gradient(135deg, hsl(0 55% 40% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(210 50% 32% / 0.08) 100%),
    url('../images/heritage/ko/backdrop.webp') center center / cover no-repeat;
}

body.locale-ko .gradient-warm {
  background: linear-gradient(135deg, hsl(0 55% 40%) 0%, hsl(210 50% 32%) 55%, hsl(42 80% 52%) 100%);
}

body.locale-ko .home-hero-image,
body.locale-ko .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(0 55% 40% / 0.28);
}

/* มรดกครอบครัวไทย — th */
body.locale-th {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 265 45% 38%;
  --primary-foreground: 40 33% 98%;
  --secondary: 42 85% 48%;
  --secondary-foreground: 40 33% 98%;
  --accent: 0 55% 42%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 265 45% 38%;
  --locale-hero-backdrop: url('../images/heritage/th/backdrop.webp');
}

body.locale-th .gradient-hero {
  background:
    linear-gradient(135deg, hsl(265 45% 38% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(42 85% 48% / 0.08) 100%),
    url('../images/heritage/th/backdrop.webp') center center / cover no-repeat;
}

body.locale-th .gradient-warm {
  background: linear-gradient(135deg, hsl(265 45% 38%) 0%, hsl(42 85% 48%) 55%, hsl(0 55% 42%) 100%);
}

body.locale-th .home-hero-image,
body.locale-th .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(265 45% 38% / 0.28);
}

/* Di sản gia đình Việt Nam — vi */
body.locale-vi {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 0 60% 42%;
  --primary-foreground: 40 33% 98%;
  --secondary: 42 85% 48%;
  --secondary-foreground: 40 33% 98%;
  --accent: 145 45% 32%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 0 60% 42%;
  --locale-hero-backdrop: url('../images/heritage/vi/backdrop.webp');
}

body.locale-vi .gradient-hero {
  background:
    linear-gradient(135deg, hsl(0 60% 42% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(42 85% 48% / 0.08) 100%),
    url('../images/heritage/vi/backdrop.webp') center center / cover no-repeat;
}

body.locale-vi .gradient-warm {
  background: linear-gradient(135deg, hsl(0 60% 42%) 0%, hsl(42 85% 48%) 55%, hsl(145 45% 32%) 100%);
}

body.locale-vi .home-hero-image,
body.locale-vi .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(0 60% 42% / 0.28);
}

/* Warisan keluarga Indonesia — id */
body.locale-id {
  --background: 40 33% 98%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --primary: 0 60% 40%;
  --primary-foreground: 40 33% 98%;
  --secondary: 42 80% 48%;
  --secondary-foreground: 40 33% 98%;
  --accent: 145 40% 30%;
  --accent-foreground: 40 33% 98%;
  --muted: 220 18% 94%;
  --muted-foreground: 222 20% 40%;
  --border: 220 16% 88%;
  --ring: 0 60% 40%;
  --locale-hero-backdrop: url('../images/heritage/id/backdrop.webp');
}

body.locale-id .gradient-hero {
  background:
    linear-gradient(135deg, hsl(0 60% 40% / 0.1) 0%, hsl(40 33% 98%) 50%, hsl(42 80% 48% / 0.08) 100%),
    url('../images/heritage/id/backdrop.webp') center center / cover no-repeat;
}

body.locale-id .gradient-warm {
  background: linear-gradient(135deg, hsl(0 60% 40%) 0%, hsl(42 80% 48%) 55%, hsl(145 40% 30%) 100%);
}

body.locale-id .home-hero-image,
body.locale-id .locale-hero-frame {
  box-shadow: 0 20px 50px -15px hsl(0 60% 40% / 0.28);
}

body.locale-ar .locale-hero-frame,
body.locale-ar-ma .locale-hero-frame,
body.locale-ar-dz .locale-hero-frame {
  border: 2px solid hsl(42 55% 45% / 0.5);
  border-radius: 50% 50% 12px 12px / 28% 28% 12px 12px;
}

.locale-monument-badge {
  border-color: hsl(var(--primary) / 0.25);
  background: hsl(var(--primary) / 0.08);
}