/*
 * Footer icon / country-flag size fix  (Elementor footer template #1970)
 * --------------------------------------------------------------------------
 * The footer is built with Header-Footer-Elementor. With Elementor's external
 * CSS-print method, the base rules that size inline-SVG icons
 * (`widget-icon-list` + `.e-font-icon-svg`) are not being loaded for the HFE
 * footer location. As a result the inline <svg> icons and flags fall back to
 * their natural attribute size (width="800px"), so the chevrons, map pins,
 * envelope and Jordan/Iraq flags render gigantic.
 *
 * This restores the intended sizing by re-declaring those base rules, scoped
 * to the footer template (`.elementor-1970`). It reuses the per-element
 * `--e-icon-list-icon-size` variables already defined in
 * uploads/elementor/css/post-1970.css (flags = 22px, other lists = 14px),
 * so the result matches the original design exactly. Higher specificity than
 * Elementor's defaults, so load order does not matter.
 */

/* Font Awesome icons rendered as inline SVG: chevrons, map pins, envelope, social */
.elementor-1970 .e-font-icon-svg {
    width: 1em;
    height: 1em;
}

/* Icon-list icons, including the country flags: honor each list's configured size */
.elementor-1970 .elementor-icon-list-icon svg {
    width: var(--e-icon-list-icon-size, 1em);
    height: var(--e-icon-list-icon-size, 1em);
}

/* Keep each flag/icon vertically aligned with its text and never overflow the row */
.elementor-1970 .elementor-icon-list-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}