/* ============================================
   GOLDEN SPARKLING BORDER
   ============================================ */

.golden-border-section {
    position: relative;
    padding: 100px 0;
    margin: 40px 0;
}

.golden-border-section::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(
        45deg,
        #fbbf24,
        #f59e0b,
        #fbbf24,
        #f59e0b,
        #fbbf24
    );
    background-size: 400% 400%;
    border-radius: 30px;
    z-index: -1;
    animation: goldenShimmer 3s ease-in-out infinite;
    box-shadow: 
        0 0 20px rgba(251, 191, 36, 0.5),
        0 0 40px rgba(251, 191, 36, 0.3),
        0 0 60px rgba(251, 191, 36, 0.2),
        inset 0 0 20px rgba(251, 191, 36, 0.1);
}

.golden-border-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    border-radius: 25px;
    z-index: -1;
}

/* Animation de scintillement doré */
@keyframes goldenShimmer {
    0% {
        background-position: 0% 50%;
        filter: brightness(1) saturate(1);
    }
    25% {
        filter: brightness(1.2) saturate(1.3);
    }
    50% {
        background-position: 100% 50%;
        filter: brightness(1) saturate(1);
    }
    75% {
        filter: brightness(1.2) saturate(1.3);
    }
    100% {
        background-position: 0% 50%;
        filter: brightness(1) saturate(1);
    }
}

/* Effet de particules scintillantes */
.golden-border-section::before {
    animation: goldenShimmer 3s ease-in-out infinite,
               sparkle 2s ease-in-out infinite;
}

@keyframes sparkle {
    0%, 100% {
        box-shadow: 
            0 0 20px rgba(251, 191, 36, 0.5),
            0 0 40px rgba(251, 191, 36, 0.3),
            0 0 60px rgba(251, 191, 36, 0.2),
            inset 0 0 20px rgba(251, 191, 36, 0.1);
    }
    50% {
        box-shadow: 
            0 0 30px rgba(251, 191, 36, 0.8),
            0 0 60px rgba(251, 191, 36, 0.5),
            0 0 90px rgba(251, 191, 36, 0.3),
            inset 0 0 30px rgba(251, 191, 36, 0.2);
    }
}

/* Coins dorés brillants */
.golden-border-section {
    overflow: visible;
}

.golden-border-section .container {
    position: relative;
    z-index: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .golden-border-section::before {
        top: -3px;
        left: -3px;
        right: -3px;
        bottom: -3px;
        border-radius: 20px;
    }
    
    .golden-border-section::after {
        border-radius: 17px;
    }
}