/**
 * Header Utility Bar – Isolated Component
 * Uses unique .fmc-utility-* class names so NO Elementor/theme CSS can interfere.
 * Phone number uses <bdo dir="ltr"> in HTML — strongest possible bidi override.
 */

/* ===== Container ===== */
.fmc-utility-contact {
    direction: ltr;
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.4;
}

/* RTL: reverse visual order so phone appears rightmost */
[dir="rtl"] .fmc-utility-contact {
    flex-direction: row-reverse;
}

/* ===== Each Item (phone / email / address) ===== */
.fmc-utility-item {
    direction: ltr;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: color 0.25s ease;
}

/* Dark mode: global `a { color: var(--fmc-link) }` wins over `.fmc-utility-item`; keep phone/email white like the address span */
html[data-theme="dark"] #header .elementor-54 .elementor-element-4e5117b a.fmc-utility-item {
    color: #ffffff !important;
}

.fmc-utility-item:hover {
    color: #fbbf24;
}

/* #header + !important: beats dark-mode link color and matches English hover */
#header .elementor-54 .elementor-element-4e5117b a.fmc-utility-item:hover,
#header .elementor-54 .elementor-element-4e5117b span.fmc-utility-item:hover {
    color: #fbbf24 !important;
}
#header .elementor-54 .elementor-element-4e5117b .fmc-utility-item:hover .fmc-utility-icon svg {
    color: #fbbf24 !important;
    stroke: #fbbf24 !important;
}
html[data-theme="dark"] #header .elementor-54 .elementor-element-4e5117b a.fmc-utility-item:hover,
html[data-theme="dark"] #header .elementor-54 .elementor-element-4e5117b span.fmc-utility-item:hover {
    color: #fbbf24 !important;
}

/* Address may need to truncate on narrow screens */
.fmc-utility-item:last-child {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
}

.fmc-utility-item:last-child .fmc-utility-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===== Icon ===== */
.fmc-utility-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.fmc-utility-icon svg {
    color: currentColor;
    fill: transparent;
}

/* ===== Text ===== */
.fmc-utility-text {
    direction: ltr;
    unicode-bidi: embed;
}

/* Phone number: belt-and-suspenders with CSS on top of HTML <bdo> */
bdo.fmc-utility-text {
    direction: ltr;
    unicode-bidi: bidi-override;
    font-variant-numeric: lining-nums;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
    .fmc-utility-contact {
        flex-wrap: wrap;
        gap: 14px;
    }
}

@media (max-width: 768px) {
    .fmc-utility-contact {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    [dir="rtl"] .fmc-utility-contact {
        align-items: flex-end;
    }
}