/**
 * Ya Hala minimal overrides — loads after site-custom.css
 */

/* Site-wide font — Noto Kufi Arabic */
:root {
	--tg-body-font: "Noto Kufi Arabic", sans-serif;
	--tg-heading-font: "Noto Kufi Arabic", sans-serif;
	--tg-paragraph-font: "Noto Kufi Arabic", sans-serif;
	--tg-menu-font: "Noto Kufi Arabic", sans-serif;
}

html,
body,
body p,
body span,
body div,
body a,
body button,
body input,
body textarea,
body select,
body label,
body li,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.elementor-widget,
.elementor-widget-container,
.elementor-heading-title,
.elementor-button,
.elementor-item,
.elementor-nav-menu a,
.breadcrumb-area,
.breadcrumb-content,
.breadcrumb-content .title {
	font-family: "Noto Kufi Arabic", sans-serif !important;
}

/* FAQ — open question rounded */
.tma-nfaq-category[open] .tma-nfaq-question[open] {
  border-radius: 12px !important;
  overflow: hidden;
}

/* Popup close X — #1A281A (program + immersion) */
#pum-11895 .pum-close,
#pum-11749 .pum-close,
#pum-11881 .pum-close,
#pum-11774 .pum-close,
#pum-12832 .pum-close,
#pum-12834 .pum-close {
  color: #1a281a !important;
}

#pum-11895 .pum-close::before,
#pum-11749 .pum-close::before,
#pum-11881 .pum-close::before,
#pum-11774 .pum-close::before,
#pum-12832 .pum-close::before,
#pum-12834 .pum-close::before {
  color: #1a281a !important;
}

/* Popup forms — green submit (program + immersion) */
#pum-11881 .tma-submit-btn,
#pum-11774 .tma-submit-btn,
#pum-12832 .tma-submit-btn,
#pum-12834 .tma-submit-btn,
#pum-11895 .tma-immersion-popup-submit,
#pum-11749 .tma-immersion-popup-submit,
#pum-11881 input[type="submit"],
#pum-11774 input[type="submit"],
#pum-12832 input[type="submit"],
#pum-12834 input[type="submit"],
#pum-11895 input[type="submit"],
#pum-11749 input[type="submit"],
#pum-11881 .wpcf7-submit,
#pum-11774 .wpcf7-submit,
#pum-11895 .wpcf7-submit,
#pum-11749 .wpcf7-submit {
  background: #32be5b !important;
  color: #1a281a !important;
}

#pum-11881 .tma-submit-btn:hover,
#pum-11774 .tma-submit-btn:hover,
#pum-12832 .tma-submit-btn:hover,
#pum-12834 .tma-submit-btn:hover,
#pum-11895 .tma-immersion-popup-submit:hover,
#pum-11749 .tma-immersion-popup-submit:hover,
#pum-11881 input[type="submit"]:hover,
#pum-11774 input[type="submit"]:hover,
#pum-12832 input[type="submit"]:hover,
#pum-12834 input[type="submit"]:hover,
#pum-11895 input[type="submit"]:hover,
#pum-11749 input[type="submit"]:hover,
#pum-11881 .wpcf7-submit:hover,
#pum-11774 .wpcf7-submit:hover,
#pum-11895 .wpcf7-submit:hover,
#pum-11749 .wpcf7-submit:hover {
  background: #2aab50 !important;
  color: #1a281a !important;
}

/* Radio checked — attendance + program type #1A281A */
#pum-11881 input[type="radio"]:checked,
#pum-11774 input[type="radio"]:checked,
#pum-12832 input[type="radio"]:checked,
#pum-12834 input[type="radio"]:checked {
  border-color: #1a281a !important;
  border-width: 6px !important;
  background: #ffffff !important;
}

/* مسافة بيضاء تحت زر التقديم — مثل فورم الغمرة */
#pum-11881 .tma-submit-wrap,
#pum-11774 .tma-submit-wrap,
#pum-12832 .tma-submit-wrap,
#pum-12834 .tma-submit-wrap,
#pum-11895 .tma-immersion-popup-submit-wrap,
#pum-11749 .tma-immersion-popup-submit-wrap {
  padding-bottom: 18px !important;
  margin-bottom: 0 !important;
  background: #ffffff !important;
}

/* Sticky footer — no white strip below footer on tall viewports */
html {
  background-color: #0b110b;
}

body {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}

body > header.elementor-location-header {
  flex-shrink: 0;
}

body > .elementor:not(.elementor-location-header):not(.elementor-location-footer),
body > main,
body > #page,
body > .page-wrapper {
  flex: 1 0 auto;
  width: 100%;
}

body > footer.elementor-location-footer,
body > .elementor-location-footer {
  flex-shrink: 0;
  margin-top: auto;
}

/* Back to top — Ya Hala green (AR + EN) */
#tmaBackToTop.tma-back-to-top,
button#tmaBackToTop.tma-back-to-top,
.tma-back-to-top {
  background: #32be5b !important;
}

#tmaBackToTop.tma-back-to-top:hover,
button#tmaBackToTop.tma-back-to-top:hover,
.tma-back-to-top:hover {
  background: #2aab50 !important;
}