/*
	Theme Name:	XTRA Child
	Theme URI:	https://xtratheme.com/
	Description:Multipurpose Theme
	Author:		Codevz
	Author URI:	https://codevz.com/
	Template:	xtra
	Version:	1.0
*/

/*
	PLEASE DO NOT edit this file, if you want add custom CSS go to Theme Options > Additional CSS
*/

/* ============================================================
   CUTTRZ — Footer design polish  (footer template ID 2488)
   ============================================================ */

/* Outer footer container: breathing space + centered content */
footer.e-bfddc5c {
  padding-block: 60px 0 !important;
  padding-inline: max(24px, calc((100% - 1240px) / 2)) !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  row-gap: 40px !important;
}

/* Three equal columns in one row */
footer.e-bfddc5c > .e-bb9cedf,
footer.e-bfddc5c > .e-242f657,
footer.e-bfddc5c > .e-5b19790-2ed08b9 {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Link hover polish (RTL-aware nudge) */
footer.e-bfddc5c a {
  transition: color 0.2s ease;
}
footer.e-bfddc5c .elementor-icon-list-item {
  transition: transform 0.2s ease;
}
footer.e-bfddc5c .elementor-icon-list-items a:hover {
  color: #047bfb !important;
}
footer.e-bfddc5c .elementor-icon-list-item:hover {
  transform: translateX(-4px);
}

/* Mobile: stack the three columns */
@media (max-width: 767px) {
  footer.e-bfddc5c {
    padding-inline: 24px !important;
    row-gap: 32px !important;
  }
  footer.e-bfddc5c > .e-bb9cedf,
  footer.e-bfddc5c > .e-242f657,
  footer.e-bfddc5c > .e-5b19790-2ed08b9 {
    flex: 1 1 100% !important;
  }
}

/* ============================================================
   Helixa font  (files in /wp-content/custom-font/, Latin only —
   Arabic text falls back to Cairo)
   ============================================================ */
@font-face {
  font-family: "Helixa";
  src: url("../../custom-font/Helixa-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helixa";
  src: url("../../custom-font/Helixa-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helixa";
  src: url("../../custom-font/Helixa-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helixa";
  src: url("../../custom-font/Helixa-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helixa";
  src: url("../../custom-font/Helixa-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   Footer typography, colours & spacing
   ============================================================ */
footer.e-bfddc5c,
footer.e-bfddc5c .elementor-heading-title,
footer.e-bfddc5c .elementor-widget-text-editor,
footer.e-bfddc5c .elementor-icon-list-text,
footer.e-bfddc5c a,
footer.e-bfddc5c p,
footer.e-bfddc5c::after {
  font-family: "Helixa", "Cairo", sans-serif !important;
}

/* Wider gap between the three columns */
footer.e-bfddc5c {
  column-gap: 45px !important;
}

/* Column headings */
footer.e-bfddc5c .elementor-heading-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.3px;
  margin-bottom: 12px !important;
}

/* Link / list text colour */
footer.e-bfddc5c .elementor-icon-list-text {
  color: #d4d7dc !important;
  line-height: 1.7;
}

/* Logo description text */
footer.e-bfddc5c .elementor-widget-text-editor {
  color: #b6bbc2 !important;
  line-height: 1.9 !important;
}

/* Vertical spacing between list items */
footer.e-bfddc5c .elementor-icon-list-item:not(:last-child) {
  margin-bottom: 12px !important;
}

/* Space under the logo before the description */
footer.e-bfddc5c .elementor-widget-cz_logo {
  margin-bottom: 6px;
}

/* ============================================================
   SITE-WIDE font: Helixa (Latin) with Cairo fallback for Arabic.
   Overrides the theme's 'Cairo' rules and Elementor global fonts.
   Icon fonts (Font Awesome / czi / eicons) are left untouched —
   they declare their own font-family directly on the icon element,
   so inheritance never reaches them and icons stay intact.
   ============================================================ */

/* Elementor global typography (active kit #7) */
.elementor-kit-7 {
  --e-global-typography-primary-font-family: "Helixa", "Cairo", sans-serif;
  --e-global-typography-secondary-font-family: "Helixa", "Cairo", sans-serif;
  --e-global-typography-text-font-family: "Helixa", "Cairo", sans-serif;
  --e-global-typography-accent-font-family: "Helixa", "Cairo", sans-serif;
}

/* Theme (Codevz / Xtra) typography */
html body,
body.rtl,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea,
optgroup,
.sf-menu,
.sf-menu > .cz > a,
.footer_widget,
.footer_widget > .codevz-widget-title,
footer .widget_block > div > div > h2,
.xtra-fixed-mobile-nav-e > div,
[class*="cz_tooltip_"] [data-title]:after,
[data-count]:after {
  font-family: "Helixa", "Cairo", sans-serif !important;
}