/* =========================================================
   ABHIRUCHI HEADER ENHANCEMENTS
   ========================================================= */


/* ================= TOP INFO BAR ================= */

.top-info-bar {
    width: 100%;
    background: #b51e23;
    color: #ffffff;
    position: relative;
    z-index: 1001;
}

.top-info-container {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;

    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}


/* LEFT SIDE */

.top-info-left {
    display: flex;
    align-items: center;
    gap: 28px;
}

.top-info-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 14px;
    font-weight: 500;

    transition: opacity .2s ease;
}

.top-info-item:hover {
    opacity: .8;
}


/* ICON */

.top-info-icon {
    width: 19px;
    height: 19px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.top-info-icon svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ================= SOCIAL ICONS ================= */

.top-social-links {
    display: flex;
    align-items: center;
    gap: 9px;
}

.top-social {
    width: 34px;
    height: 34px;

    border: 1px solid rgba(255,255,255,.75);
    border-radius: 50%;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff !important;
    text-decoration: none !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.top-social svg {
    width: 16px;
    height: 16px;

    fill: none;
    stroke: currentColor;

    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* FACEBOOK */

.top-social:first-child svg {
    fill: currentColor;
    stroke: none;
}


/* YOUTUBE */

.youtube-play {
    fill: currentColor;
    stroke: none;
}

.top-social:hover {
    background: #ffffff;
    color: #b51e23 !important;

    transform: translateY(-2px);
}


/* ================= FLOATING BUTTONS ================= */

.floating-contact-buttons {
    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 9999;

    pointer-events: none;
}

.floating-contact-buttons a {
    pointer-events: auto;

    position: fixed;
    bottom: 20px;

    width: 58px;
    height: 58px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff !important;
    text-decoration: none !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.20);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.floating-contact-buttons a:hover {
    transform: translateY(-5px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.25);
}


/* ICON */

.floating-contact-buttons svg {
    width: 29px;
    height: 29px;

    fill: currentColor;
}


/* WHATSAPP */

.floating-whatsapp {
    left: 22px;
    background: #25d366;
}


/* CALL */

.floating-call {
    right: 22px;
    background: #25d366;
}

.floating-call svg {
    width: 27px;
    height: 27px;
}


/* ================= TABLET ================= */

@media (max-width: 900px) {

    .top-info-container {
        width: min(100% - 28px, 700px);
        min-height: 50px;
    }

    .top-info-left {
        gap: 18px;
    }

    .top-info-item {
        font-size: 13px;
    }

    .top-social {
        width: 32px;
        height: 32px;
    }

    .top-social svg {
        width: 15px;
        height: 15px;
    }

    .floating-whatsapp {
        left: 15px;
    }

    .floating-call {
        right: 15px;
    }

}


/* ================= MOBILE ================= */

@media (max-width: 650px) {

    .top-info-container {
        min-height: auto;

        padding: 8px 0;

        flex-direction: column;

        justify-content: center;

        gap: 7px;
    }


    .top-info-left {
        width: 100%;

        justify-content: center;

        gap: 14px;
    }


    .top-info-item {
        font-size: 11px;
        gap: 5px;
    }


    .top-info-icon {
        width: 15px;
        height: 15px;
    }

    .top-info-icon svg {
        width: 14px;
        height: 14px;
    }


    .top-social-links {
        gap: 7px;
    }


    .top-social {
        width: 30px;
        height: 30px;
    }


    .top-social svg {
        width: 14px;
        height: 14px;
    }


    /* FLOATING */

    .floating-contact-buttons a {
        width: 52px;
        height: 52px;

        bottom: 15px;
    }

    .floating-whatsapp {
        left: 13px;
    }

    .floating-call {
        right: 13px;
    }

    .floating-contact-buttons svg {
        width: 25px;
        height: 25px;
    }

}