/*
  Custom styles for UAE page content
  Notes:
  - Use UTF-8 encoding
  - Prefix classes with .uae- to avoid conflicts with Mobirise CSS
*/

/* Base section styling */
.uae-section {
  padding: 3rem 0;
  background-color: #0f0f0f; /* dark background to match site theme */
  color: #ffffff;
}

.uae-title {
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  font-weight: 700;
}

.uae-subtitle {
  font-size: 1.35rem;
  line-height: 1.6;
  margin: 1rem 0 0.5rem;
  font-weight: 600;
}

.uae-text {
  font-size: 1.05rem;
  line-height: 1.9;
  margin-bottom: 1rem;
  font-weight: 300;
}

/* Arabic readability */
.uae-section, .uae-title, .uae-subtitle, .uae-text {
  direction: rtl;
  text-align: right;
}

/* Utility: RTL container for existing Mobirise blocks */
.uae-rtl {
  direction: rtl;
  text-align: right;
  font-family: "Jost", "Cairo", "Noto Kufi Arabic", "Amiri", Tahoma, Arial, sans-serif;
}
.uae-rtl .mbr-text,
.uae-rtl .display-7,
.uae-rtl .display-5,
.uae-rtl .mbr-section-subtitle {
  line-height: 1.9;
}
.uae-rtl ul,
.uae-rtl ol {
  padding-inline-start: 1.25rem;
}

/* Lists */
.uae-list {
  direction: rtl;
  text-align: right;
  margin: 0 0 1.25rem 0;
  padding-inline-start: 1.25rem;
}

.uae-list li {
  margin-bottom: 0.5rem;
}

/* Image grid */
.uae-img-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}

.uae-img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.35);
}

/* Cards */
.uae-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}

.uae-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 1rem 1.25rem;
}

/* FAQ */
.uae-faq {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.uae-faq-item {
  background: rgba(255,255,255,0.03);
  border: 1px dashed rgba(255,255,255,0.12);
  border-radius: 8px;
  padding: 0.75rem 1rem;
}

/* Responsive */
@media (max-width: 991px) {
  .uae-title {
    font-size: 1.75rem;
  }
  .uae-subtitle {
    font-size: 1.2rem;
  }
  .uae-text {
    font-size: 1rem;
  }
  .uae-img-grid, .uae-cards {
    grid-template-columns: 1fr;
  }
}

/* ==========================
   Bangladesh (Bangla) styles
   ========================== */
.bd-bn {
  direction: ltr; /* Bangla is LTR */
  text-align: left;
  font-family: 'Noto Sans Bengali','Hind Siliguri','SolaimanLipi','Bangla','Jost', Arial, sans-serif;
  line-height: 1.8;
  letter-spacing: 0.1px;
  word-spacing: 0.05em;
}
.bd-bn h1,
.bd-bn h2,
.bd-bn h3,
.bd-bn h4,
.bd-bn h5,
.bd-bn h6 {
  font-weight: 700;
}
.bd-bn p,
.bd-bn li,
.bd-bn .mbr-text,
.bd-bn .display-7 {
  font-weight: 400;
  margin-bottom: 0.75rem;
}
.bd-bn .img-wrapper,
.bd-bn .card-box,
.bd-bn .mbr-section-text {
  overflow-wrap: anywhere;
}
.bd-bn .mbr-section-title.display-2,
.bd-bn .main-title.display-2 {
  line-height: 1.25;
}
.bd-bn .mbr-section-btn .btn {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
  .bd-bn {
    line-height: 1.7;
    font-size: 1rem;
  }
}
/* Unified image style for Bangladesh pages */
.bd-img-unified {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 6px;
}
/* Thai typography and unified image helpers */
.th-text {
  font-family: 'Noto Sans Thai','IBM Plex Sans Thai','Segoe UI','Tahoma',sans-serif;
  line-height: 1.85;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Filipino (Tagalog) typography helper */
.ph-text {
  font-family: 'Jost','Segoe UI','Tahoma','Noto Sans',sans-serif;
  line-height: 1.85;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Traditional Chinese (Hong Kong) typography helper */
.hk-text {
  font-family: 'Noto Sans TC','PingFang TC','Microsoft JhengHei','Jost','Segoe UI','Tahoma',sans-serif;
  line-height: 1.9;
  letter-spacing: 0.15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.img-unified {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

/* Featured members image sizing for consistent cards */
.team1 .img-wrapper img.img-unified {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 6px;
}

@media (max-width: 767.98px) {
  .team1 .img-wrapper img.img-unified { height: 200px; }
}

/* Vietnamese typography helper */
.vn-text {
  font-family: 'Noto Sans','Jost','Segoe UI','Tahoma',sans-serif;
  line-height: 1.85;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
}

/* Portuguese (Portugal) typography helper */
.pt-text {
  font-family: 'Jost','Segoe UI','Tahoma','Noto Sans',Arial,sans-serif;
  line-height: 1.9;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
  color: #ffffff;
}

/* Unified image helper for Portugal pages */
.pt-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

/* Section spacing for long-form content */
.pt-section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (max-width: 767.98px) {
  .pt-text { line-height: 1.85; }
}

.it-text {
  font-family: 'Jost','Segoe UI','Tahoma','Noto Sans',Arial,sans-serif;
  line-height: 1.9;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
  color: #ffffff;
}
.it-text h1,
.it-text h2,
.it-text h3,
.it-text h4,
.it-text h5,
.it-text h6 { color: #ffffff; }
.it-img { width: 100%; height: auto; max-width: 100%; object-fit: cover; border-radius: 6px; }
.it-section { padding-top: 1rem; padding-bottom: 1rem; }

/* Conclusion section dark background for Italy page */
.it-conclusion {
  background-color: #000000;
}
.it-conclusion .card,
.it-conclusion .card-wrapper,
.it-conclusion .card-box {
  background: transparent !important;
  border: none;
}

/* Ensure white text for headings inside Portugal blocks */
.pt-text h1,
.pt-text h2,
.pt-text h3,
.pt-text h4,
.pt-text h5,
.pt-text h6 {
  color: #ffffff;
}

/* Indonesian (Bahasa Indonesia) typography helper */
.id-text {
  font-family: 'Jost','Noto Sans','Segoe UI','Tahoma',Arial,sans-serif;
  line-height: 1.85;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
}

/* Unified helper for section dark backgrounds where needed */
.section-dark {
  background-color: #0f0f0f;
  color: #ffffff;
}

/* Utility: consistent spacing for long-form country pages */
.country-longform .mbr-section-title,
.country-longform .main-title {
  margin-bottom: 0.75rem;
}
.country-longform .mbr-text,
.country-longform .mbr-section-text,
.country-longform .display-7,
.country-longform li {
  line-height: 1.9;
}

/* Korean typography helper: improves readability for Korean copy across long-form sections */
.kr-text {
  letter-spacing: 0.2px;
  line-height: 1.85;
  word-break: keep-all;
}

/* Japanese typography helper: improves readability for Japanese copy across long-form sections */
.jp-text {
  letter-spacing: 0.2px;
  line-height: 1.9;
  word-break: keep-all;
}
/* Language dropdown: scoped styling to avoid conflicts */
#menu1-1 .dropdown-toggle { color: #fff !important; }
#menu1-1 .dropdown-menu {
  background-color: rgba(0,0,0,0.92);
  border: 1px solid rgba(255,255,255,0.15);
  max-height: 60vh;
  overflow-y: auto;
}
#menu1-1 .dropdown-menu .dropdown-item {
  color: #fff !important;
}
#menu1-1 .dropdown-menu .dropdown-item:hover,
#menu1-1 .dropdown-menu .dropdown-item:focus {
  background-color: rgba(255,255,255,0.12);
  color: #fff !important;
}