/*
Theme Name: Flynext Child
Theme URI: https://themeim.com/wp/flynext/
Author: Themeim
Author URI:  https://themeforest.net/user/themeim
Description: This is a child theme of Flynext
Version: 2.1.3
Template: flynext
Text Domain:  flynext-child
*/

/* ── X (Twitter) icon — FA5 polyfill ──────────────────────────────────────
   FA5 doesn't include fa-x-twitter (added in FA6). This renders the X logo
   via an SVG background on the ::before pseudo-element, matching the demo.
   ──────────────────────────────────────────────────────────────────────── */
.fa-x-twitter::before,
.fab.fa-x-twitter::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48H172.4l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48H172.4l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    font-size: inherit;
}

/* ── Elementor inline SVG icons — color fix ───────────────────────────────
   Elementor renders icons as inline <svg> with class e-font-icon-svg.
   SVG paths don't inherit CSS `color`, so apply fill: currentColor so they
   pick up the parent element's color (e.g. gold in .social-icon.style-01).
   ──────────────────────────────────────────────────────────────────────── */
.social-icon li .e-font-icon-svg,
.social-icon li a .e-font-icon-svg {
    fill: currentColor;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

/* ── Home 01 (header-style-03) — site title white ────────────────────────
   The header-style-03 uses a transparent navbar over the hero slider, so
   the "Your Company" logo text needs to be white to remain visible.
   ──────────────────────────────────────────────────────────────────────── */
.header-style-03 .logo-wrapper .site-title,
.header-style-03 .logo-wrapper .site-title a {
    color: #ffffff !important;
}

/* ── Home 01 hero — plane/jet image fix ──────────────────────────────────
   The .bg-img holds the plane image. The parent animation (planefly 2.5s)
   scales from 0→1 and fades in, but without animation-fill-mode: forwards
   some browsers flash briefly on completion. Adding forwards keeps the
   final keyframe state (opacity:1, scale:1) locked in after the animation.
   background-size is set to cover the right half of the hero prominently,
   matching the demo's visual effect at typical desktop widths.
   ──────────────────────────────────────────────────────────────────────── */
.banner-area .bg-img {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}