/* Ana Sayfaya Özel Stiller */

/* Hero Section (Dualar ve Sureler sayfasından kopyalandı) */
.index-hero.bg-light {
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%) !important;
    color: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    border: 2px solid var(--color-primary);
    position: relative;
    overflow: hidden;
}

    .index-hero.bg-light::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(var(--color-primary-rgb), 0.1) 0%, transparent 70%);
        animation: rotate 20s linear infinite;
    }

    .index-hero.bg-light .container-fluid {
        position: relative;
        z-index: 1;
    }

    .index-hero.bg-light h1 {
        color: var(--color-primary);
        text-shadow: 0 2px 8px rgba(var(--color-black-rgb), 0.3);
    }

    .index-hero.bg-light p {
        color: rgba(var(--color-white-rgb), 0.95);
    }

.esmaul-husna-section {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background: linear-gradient(135deg, var(--color-bg-gradient-end) 0%, var(--color-bg-secondary) 100%);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin-top: 3rem;
}

/* Rehberimiz Section */
.rehber-section {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background: linear-gradient(135deg, var(--color-bg-gradient-end) 0%, var(--color-bg-secondary) 100%);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin-top: 3rem;
}

    .rehber-section .card {
        transition: transform var(--transition-normal), box-shadow var(--transition-normal);
    }

        .rehber-section .card:hover {
            transform: translateY(-10px);
            box-shadow: var(--shadow-lg);
        }

    .rehber-section .card-title {
        color: var(--color-accent);
        font-weight: 600;
    }

    .rehber-section .card .btn-primary {
        border-radius: 50px;
        padding: 0.5rem 1.5rem;
        background: transparent;
        color: var(--color-primary-dark);
        border: 2px solid var(--color-primary-light);
        box-shadow: none;
    }

        .rehber-section .card .btn-primary:hover {
            background: var(--color-primary);
            color: var(--color-accent);
            border-color: var(--color-primary);
            box-shadow: var(--shadow-gold);
        }

/* Diğer Hizmetler Section */
.other-sections {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background: linear-gradient(135deg, var(--color-bg-gradient-end) 0%, var(--color-bg-secondary) 100%);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    margin-top: 3rem;
}

/* Genel Animasyon */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}