/*
Theme Name: laborforce Premium Theme
Theme URI: http://laborforce.com.tr/
Author: Mumi Creative & Antigravity
Author URI: http://laborforce.com.tr/
Description: laborforce temizlik ve hijyen hizmetleri için premium cam efektli (Glassmorphic) açılış sayfası teması. Premium kaydırıcılar, interaktif fiyat hesaplama sihirbazı ve su ruhu marka estetiği özelliklerini içerir.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laborforce
*/

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.hero-gradient {
    background: linear-gradient(to right, rgba(3, 4, 94, 0.95) 0%, rgba(3, 4, 94, 0.7) 40%, rgba(3, 4, 94, 0) 100%);
}

/* Marka su renkleriyle eşleşen özel Swiper nokta (bullet) stilleri */
.how-we-work-swiper .swiper-pagination-bullet {
    background: #0077b6 !important;
    opacity: 0.25;
    width: 10px;
    height: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.how-we-work-swiper .swiper-pagination-bullet-active {
    background: #00b4d8 !important;
    width: 28px !important;
    border-radius: 9999px !important;
    opacity: 1 !important;
}

.swiper-slide {
    height: auto !important;
}

/* Kahraman (Hero) Swiper nokta stilleri */
.hero-swiper .swiper-pagination-bullet {
    background: #ffffff !important;
    opacity: 0.35;
    width: 10px;
    height: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-swiper .swiper-pagination-bullet-active {
    background: #00b4d8 !important;
    width: 28px !important;
    border-radius: 9999px !important;
    opacity: 1 !important;
}

.hero-swiper .swiper-slide {
    display: flex;
    align-items: center;
}

/* Premium navigasyon bağlantısı alt çizgi efekti */
.nav-link {
    position: relative;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #0077b6;
    transform-origin: bottom right;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-link:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* Eylem Çağrısı (CTA) alanı ızgara arka plan kaplaması */
.cta-grid {
    background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Titreşen yüzen eylem butonları animasyonları */
@keyframes float-pulse-whatsapp {
    0%,
    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 10px 25px -5px rgba(37, 211, 102, 0.4);
    }

    50% {
        transform: translateY(-6px) scale(1.05);
        box-shadow: 0 20px 35px -5px rgba(37, 211, 102, 0.6);
    }
}

@keyframes float-pulse-call {
    0%,
    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 10px 25px -5px rgba(0, 119, 182, 0.4);
    }

    50% {
        transform: translateY(-6px) scale(1.05);
        box-shadow: 0 20px 35px -5px rgba(0, 119, 182, 0.6);
    }
}

.fab-whatsapp {
    animation: float-pulse-whatsapp 3s ease-in-out infinite;
}

.fab-call {
    animation: float-pulse-call 3s ease-in-out infinite;
    animation-delay: 1.5s;
}

/* Premium parlak ışıltı (shine) efekti */
@keyframes shine {
    100% {
        transform: translateX(300%) skewX(12deg);
    }
}

.group:hover .group-hover\:animate-shine {
    animation: shine 0.85s ease-in-out;
}

/* Müşteri yorumları Swiper premium sayfalama (pagination) */
.testimonial-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.testimonial-pagination .swiper-pagination-bullet-active {
    width: 24px;
    background: #fff;
}