/* ==================================================
   POPPINS GLOBAL
================================================== */

/* Tema değişkenleri */
:root{
    --heading-font:'Poppins',sans-serif;
    --body-font:'Poppins',sans-serif;
}

/* Genel metinler */
body{
    font-family:'Poppins',sans-serif !important;
}

/* Başlıklar */
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:'Poppins',sans-serif !important;
}

/* Paragraflar */
p,
li,
blockquote,
label,
small{
    font-family:'Poppins',sans-serif !important;
}

/* Menü */
nav a,
.menu-item a,
.main-navigation a,
.main-menu a{
    font-family:'Poppins',sans-serif !important;
}

/* Butonlar */
button,
input,
textarea,
select,
.elementor-button,
.wp-block-button__link{
    font-family:'Poppins',sans-serif !important;
}

/* Elementor yazıları */
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-image-box-title,
.elementor-icon-box-title,
.elementor-counter-title,
.elementor-post__title,
.elementor-tab-title,
.elementor-accordion-title,
.elementor-testimonial__name,
.elementor-testimonial__job{
    font-family:'Poppins',sans-serif !important;
}

/* Footer */
footer,
footer p,
footer a,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6{
    font-family:'Poppins',sans-serif !important;
}

/* Logo */
.fd-header-1-main-logo img{
    display:block !important;
    width:170px !important;
    height:auto !important;
    opacity:1 !important;
    visibility:visible !important;
}



/* SADECE bu bölüm için */
.fd-workflow-3-wrap{

    /* AYARLAR */
    --icon-bg: #F3E8FF;   /* ikon arkaplan rengi */
    --icon-size: 90px;    /* daire boyutu */
    --svg-size: 42px;     /* ikonun kendi boyutu */
}

/* İkonun dairesel arkaplanı */
.fd-workflow-3-wrap .fd-workflow-3-item-single .item-icon{
    width: var(--icon-size) !important;
    height: var(--icon-size) !important;
    min-width: var(--icon-size);
    min-height: var(--icon-size);

    background: var(--icon-bg) !important;

    border-radius: 50% !important; /* tam daire */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* SVG boyutu */
.fd-workflow-3-wrap .fd-workflow-3-item-single .item-icon svg{
    width: var(--svg-size) !important;
    height: var(--svg-size) !important;

    /* İkon rengini değiştirme */
    fill: unset;
    stroke: unset;
}

/* Başlıklarda sadece ilk harfler büyük kalsın */
.fd-workflow-3-wrap .fd-workflow-3-item-single .item-title{
    text-transform: none !important;
}


/* ==========================================
   PRELOADER
========================================== */

#preloader{
    background:
        radial-gradient(
            circle at top left,
            #ce4c92 0%,
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #ce4c92 0%,
            #625fa7 35%,
            #234a81 70%,
            #021e46 100%
        ) !important;
}



/* Primary Button Override */

/* ==========================================
   GLOBAL BUTTONS
========================================== */

/* Normal */

.fd-pr-btn-1,
.fd-pr-btn-1::before,
.fd-pr-btn-1::after{
    background:linear-gradient(
        135deg,
        #ce4c92 0%,
        #ce4c92 28%,
        #b4549c 45%,
        #625fa7 68%,
        #234a81 100%
    ) !important;

    border:none !important;
}

/* Yazı */

.fd-pr-btn-1 .text,
.fd-pr-btn-1 .text::before,
.fd-pr-btn-1 .text::after{
    color:#fff !important;
}

/* Hover */

.fd-pr-btn-1:hover,
.fd-pr-btn-1:hover::before,
.fd-pr-btn-1:hover::after{
    background:linear-gradient(
        135deg,
        #234a81 0%,
        #3f5896 25%,
        #625fa7 50%,
        #b4549c 78%,
        #ce4c92 100%
    ) !important;

    border:none !important;
}

/* Hover Yazı */

.fd-pr-btn-1:hover .text,
.fd-pr-btn-1:hover .text::before,
.fd-pr-btn-1:hover .text::after{
    color:#fff !important;
}




/* =====================================================
   HEADINGS
===================================================== */

.fd-scn-title-1 {
    font-size: 50px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #021e46 !important;
    text-transform: none !important;
}

/* Animasyonla bölünmüş harfler için */

.fd-scn-title-1,
.fd-scn-title-1 *,
.elementor-gt-heading,
.elementor-gt-heading * {
    color: #021e46 !important;
    text-transform: none !important;
}

/* Tablet */

@media (max-width: 1024px) {
    .fd-scn-title-1 {
        font-size: 44px !important;
    }
}

/* Mobil */

@media (max-width: 767px) {
    .fd-scn-title-1 {
        font-size: 34px !important;
        line-height: 1.2 !important;
    }
}




/* =====================================================
   DARK SECTION HEADINGS
===================================================== */

/* Desktop */
.dark-section .fd-scn-title-1,
.dark-section .fd-scn-title-1 *,
.dark-section .elementor-gt-heading,
.dark-section .elementor-gt-heading * {
    color: #ffffff !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .dark-section .fd-scn-title-1,
    .dark-section .fd-scn-title-1 *,
    .dark-section .elementor-gt-heading,
    .dark-section .elementor-gt-heading * {
        color: #ffffff !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .dark-section .fd-scn-title-1,
    .dark-section .fd-scn-title-1 *,
    .dark-section .elementor-gt-heading,
    .dark-section .elementor-gt-heading * {
        color: #ffffff !important;
    }
}




@media (max-width: 991px) {

    html,
    body {
        overflow-x: hidden !important;
    }

    .racesWrapper,
    .fd-showcase-3-area {
        overflow: hidden !important;
    }

    .races {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;

        transform: none !important;
        translate: none !important;

        width: 100% !important;
        max-width: 100% !important;
    }

    .fd-showcase-3-item-single {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 24px;
    }
}



/* =====================================================
   WORKFLOW MOBILE ALIGNMENT
===================================================== */

@media (max-width: 767px) {

    .fd-workflow-3-item-single {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .fd-workflow-3-item-single .item-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto 20px;
    }

    .fd-workflow-3-item-single .item-title,
    .fd-workflow-3-item-single .item-para {
        text-align: center;
    }

    .fd-workflow-3-item-single .item-list {
        margin: 0 auto;
        text-align: left;
    }
}




/* =====================================================
   HERO TITLE
===================================================== */

.fd-hero-3-title,
.fd-hero-3-title *,
.fd-hero-3-title .split-line,
.fd-hero-3-title .split-line * {
    color: #021e46 !important; /* İstediğin rengi yaz */
}




/* ==========================================
   MOBILE MENU CUSTOM
========================================== */

/* Search alanını kaldır */
.mobile-menu-search-bar{
    display:none !important;
}

/* Hamburger ikonunu lacivert yap */
.mobile_menu_button,
.mobile_menu_button i,
.open_mobile_menu,
.open_mobile_menu i,
.mobile-menu-trigger,
.mobile-menu-trigger i{
    color:#021e46 !important;
}

/* Açılan mobil menü arkaplanı */
.mobile-menu-wrap{
    background:linear-gradient(
        135deg,
        rgba(206,76,146,.50) 0%,
        rgba(98,95,167,.50) 35%,
        rgba(35,74,129,.50) 70%,
        rgba(2,30,70,.50) 100%
    ) !important;

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}