/* Medyum Aziz Hoca - Custom Spiritual & Corporate Styles */
:root {
    --navy-950: #090e1a;
    --navy-900: #0F172A;
    --navy-800: #1E293B;
    --amber-500: #F59E0B;
    --amber-600: #D97706;
    --amber-700: #B45309;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #0F172A;
    background-color: #F8FAFC;
    overflow-x: hidden;
}

.font-serif-heading {
    font-family: 'Playfair Display', Georgia, serif;
}

.font-cinzel {
    font-family: 'Cinzel', Georgia, serif;
}

/* Subtle Traditional Geometric Pattern Overlay */
.bg-spiritual-pattern {
    background-color: #0F172A;
    background-image:
        radial-gradient(circle at 18% 22%, rgba(245, 158, 11, 0.14) 0%, transparent 45%),
        radial-gradient(circle at 85% 78%, rgba(217, 119, 6, 0.12) 0%, transparent 45%),
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23f59e0b' stroke-width='0.6' stroke-opacity='0.09'%3E%3Cpath d='M30 0l15 15-15 15-15-15zM0 30l15 15-15 15-15-15zM60 30l15 15-15 15-15-15zM30 60l15 15-15 15-15-15z'/%3E%3Crect x='19' y='19' width='22' height='22' transform='rotate(45 30 30)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Gold metallic text gradient */
.text-gold-gradient {
    background: linear-gradient(135deg, #FDE68A 0%, #F59E0B 50%, #D97706 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Subtle card hover elevation */
.card-luxury {
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
}

.card-luxury:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 35px -10px rgba(15, 23, 42, 0.12), 0 8px 15px -6px rgba(217, 119, 6, 0.08);
    border-color: rgba(217, 119, 6, 0.45);
}

/* Rich Content Typography for Services & Blog Detail */
.prose-spiritual h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.65rem;
    font-weight: 700;
    color: #0F172A;
    margin-top: 2rem;
    margin-bottom: 0.85rem;
    line-height: 1.3;
}

.prose-spiritual h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: #1E293B;
    margin-top: 1.6rem;
    margin-bottom: 0.75rem;
}

.prose-spiritual p {
    color: #334155;
    line-height: 1.85;
    margin-bottom: 1.25rem;
    font-size: 1.05rem;
}

.prose-spiritual ul,
.prose-spiritual ol {
    margin-bottom: 1.4rem;
    padding-left: 1.4rem;
    color: #334155;
}

.prose-spiritual ul {
    list-style-type: disc;
}

.prose-spiritual ol {
    list-style-type: decimal;
}

.prose-spiritual li {
    margin-bottom: 0.55rem;
    line-height: 1.75;
}

.prose-spiritual strong {
    color: #0F172A;
    font-weight: 700;
}

.prose-spiritual blockquote {
    border-left: 4px solid #D97706;
    background: #FFFBEB;
    padding: 1.15rem 1.4rem;
    border-radius: 0 0.75rem 0.75rem 0;
    font-style: italic;
    color: #78350F;
    margin: 1.6rem 0;
}

/* Pulse animation for CTA buttons */
@keyframes subtlePulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
    }
}

.whatsapp-pulse {
    animation: subtlePulse 2.5s infinite;
}

/* Smooth Leftward Sliding Testimonials Marquee (Strictly Contained in Content Box) */
@keyframes slideLeftMarquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.testimonials-slider-viewport {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.testimonials-slider-track {
    display: flex;
    width: max-content;
    animation: slideLeftMarquee 38s linear infinite;
}

.testimonials-slider-track:hover {
    animation-play-state: paused;
}

/* 3-Slide Dynamic Hero Transitions & Effects */
.hero-slide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    inset: 0;
    transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.75s ease;
}

.hero-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    position: relative;
}

.hero-slide .hero-anim-left {
    transform: translateY(22px);
    opacity: 0;
    transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.08s, opacity 0.75s ease 0.08s;
}

.hero-slide.is-active .hero-anim-left {
    transform: translateY(0);
    opacity: 1;
}

.hero-slide .hero-anim-right {
    transform: scale(0.95) translateY(16px);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.16s, opacity 0.8s ease 0.16s;
}

.hero-slide.is-active .hero-anim-right {
    transform: scale(1) translateY(0);
    opacity: 1;
}

.hero-slide-img {
    transform: scale(1.08);
    transition: transform 6s ease-out;
}

.hero-slide.is-active .hero-slide-img {
    transform: scale(1);
}

@keyframes heroProgressFill {
    from { width: 0%; }
    to { width: 100%; }
}

.hero-progress-bar.is-running {
    animation: heroProgressFill 5.5s linear forwards;
}