/* Scoped CSS for SUMMIT Integrated 10-Component System */
.sf-custom-component-wrapper {
    --summit-primary: #F4BA3B;
    --summit-primary-hover: #ffc954;
    --summit-bg: #0a0d14;
    --summit-surface: #0e121b;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--summit-bg);
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #ffffff;
    box-sizing: border-box;
    overflow-x: hidden;
    opacity: 1 !important;
    visibility: visible !important;
}

.sf-custom-component-wrapper *,
.sf-custom-component-wrapper *::before,
.sf-custom-component-wrapper *::after {
    box-sizing: border-box;
}

/* Ticker Marquee Animasyonu */
@keyframes summitMarquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.sf-custom-component-wrapper .summit-marquee-track {
    animation: summitMarquee 28s linear infinite;
    width: max-content;
}

.sf-custom-component-wrapper .summit-marquee-track:hover {
    animation-play-state: paused;
}

/* Accordion Chevron Animasyonu */
.sf-custom-component-wrapper .summit-accordion-item.is-open .summit-chevron {
    transform: rotate(180deg);
    color: var(--summit-primary);
}

.sf-custom-component-wrapper .summit-accordion-item.is-open {
    border-color: rgba(244, 186, 59, 0.4);
}

/* Modal Durumu */
.sf-custom-component-wrapper .summit-video-modal.is-active {
    pointer-events: auto;
    opacity: 1;
}

.sf-custom-component-wrapper .summit-video-modal.is-active .summit-modal-card {
    transform: scale(1);
}

/* Cam Efektleri */
.sf-custom-component-wrapper .backdrop-blur-md {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.sf-custom-component-wrapper .backdrop-blur-2xl {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}

/* Tipografi */
.sf-custom-component-wrapper h1,
.sf-custom-component-wrapper h2,
.sf-custom-component-wrapper h3,
.sf-custom-component-wrapper .font-outfit {
    font-family: 'Outfit', sans-serif;
}