/* =========================================
   BASE
========================================= */

@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');
@import url('./base/global.css');
@import url('./base/lang-fix.css');



/* =========================================
   LAYOUT
========================================= */

@import url('./layout/top-header.css');
@import url('./layout/navbar.css');
@import url('./layout/get-in-touch.css');
@import url('./layout/footer.css');
@import url('./layout/common-inner-hero.css');
@import url('./layout/popup.css');
@import url('./layout/services.css');



/* =========================================
   SECTIONS
========================================= */

@import url('./sections/hero-section.css');
@import url('./sections/who-we-are.css');
@import url('./sections/certifications-strip.css');
@import url('./sections/highlight-strip.css');
@import url('./sections/integrated-approach.css');
@import url('./sections/transformation-verticals.css');
@import url('./sections/product-showcase.css');
@import url('./sections/why-pixous.css');
@import url('./sections/industries-section.css');
@import url('./sections/impact-metrics.css');
@import url('./sections/leadership-vision.css');
@import url('./sections/ready-to-accelerate.css');


/* =========================================
   PAGES
========================================= */

@import url('./pages/common-inner-hero.css');
@import url('./pages/about/about.css');
@import url('./pages/pixous-digital/pixous-digital.css');
@import url('./pages/career/career.css');
@import url('./pages/platforms/platforms.css');
@import url('./pages/industries/industries.css');
@import url('./pages/insights/insights.css');
@import url('./pages/contact/contact.css');


/* Old Pages */

/* @import url('./pages/about_us_base.css');
@import url('./pages/pixous-digital.css');
@import url('./pages/products.css');
@import url('./pages/progress360.css');
@import url('./pages/industries_base.css');
@import url('./pages/blog_base.css');
@import url('./pages/blog_details_base.css');
@import url('./pages/career_base.css');
@import url('./pages/quality_assurance.css'); */


/* =========================================
   ANIMATIONS
========================================= */

@import url('./animations/reveal.css');


/* =========================================
   COMPONENTS
========================================= */
@import url('./components/chatbot.css');


/* ===== Floating Icons - Premium Corporate Style ===== */
.floating-social-left,
.floating-contact-right {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 14px;
    z-index: 9999;
}

.floating-social-left { left: 18px; }
.floating-contact-right { right: 18px; }

.floating-social-left a,
.floating-contact-right a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(14, 42, 71, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    animation: floatIn 0.6s ease backwards;
}

/* Staggered entrance animation */
.floating-social-left a:nth-child(1) { animation-delay: 0.1s; }
.floating-social-left a:nth-child(2) { animation-delay: 0.2s; }
.floating-social-left a:nth-child(3) { animation-delay: 0.3s; }
.floating-contact-right a:nth-child(1) { animation-delay: 0.1s; }
.floating-contact-right a:nth-child(2) { animation-delay: 0.2s; }
.floating-contact-right a:nth-child(3) { animation-delay: 0.3s; }

@keyframes floatIn {
    from { opacity: 0; transform: translateX(-30px) scale(0.7); }
    to   { opacity: 1; transform: translateX(0) scale(1); }
}

.floating-contact-right a {
    animation-name: floatInRight;
}
@keyframes floatInRight {
    from { opacity: 0; transform: translateX(30px) scale(0.7); }
    to   { opacity: 1; transform: translateX(0) scale(1); }
}

/* Hover effect - lift + glow + color fill */
.floating-social-left a:hover,
.floating-contact-right a:hover {
    transform: translateY(-4px) scale(1.12);
    box-shadow: 0 8px 25px rgba(14, 42, 71, 0.3);
    color: #ffffff !important;
}

/* Brand color fills on hover */
.floating-contact-right a:nth-child(1):hover { background: linear-gradient(135deg, #25D366, #1ebe57); }
.floating-contact-right a:nth-child(2):hover { background: linear-gradient(135deg, #0e2a47, #1a4d80); }
.floating-contact-right a:nth-child(3):hover { background: linear-gradient(135deg, #ea4335, #c5301f); }

.floating-social-left a:nth-child(1):hover { background: linear-gradient(135deg, #0077b5, #00557f); }
.floating-social-left a:nth-child(2):hover { background: linear-gradient(135deg, #1877f2, #0d5dc4); }
.floating-social-left a:nth-child(3):hover { background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af); }

/* Default icon colors */
.floating-contact-right a:nth-child(1) { color: #25D366; }
.floating-contact-right a:nth-child(2) { color: #0e2a47; }
.floating-contact-right a:nth-child(3) { color: #ea4335; }

.floating-social-left a:nth-child(1) { color: #0077b5; }
.floating-social-left a:nth-child(2) { color: #1877f2; }
.floating-social-left a:nth-child(3) { color: #e4405f; }

/* WhatsApp pulse ring effect */
.floating-contact-right a:nth-child(1)::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid #25D366;
    animation: pulseRing 2s infinite;
}

@keyframes pulseRing {
    0%   { transform: scale(1); opacity: 0.8; }
    70%  { transform: scale(1.6); opacity: 0; }
    100% { transform: scale(1.6); opacity: 0; }
}

/* Tooltip labels on hover */
.floating-social-left a::after,
.floating-contact-right a::after {
    content: attr(data-tooltip);
    position: absolute;
    white-space: nowrap;
    background: #0e2a47;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}

.floating-contact-right a::after {
    right: 60px;
    transform: translateX(10px);
}
.floating-contact-right a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

.floating-social-left a::after {
    left: 60px;
    transform: translateX(-10px);
}
.floating-social-left a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .floating-social-left a,
    .floating-contact-right a {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .floating-social-left { left: 10px; }
    .floating-contact-right { right: 10px; }
    .floating-social-left a::after,
    .floating-contact-right a::after {
        display: none; /* hide tooltips on mobile */
    }
}