/* ============================================
   SITE GENELI ZORUNLU FONT AYARLARI
   Bu CSS dosyası tüm element CSS'lerinden sonra yüklenerek
   varsayılan ve panel ayarlarını ezecektir.
   ============================================ */

.table-wrapper {
    overflow-x: scroll;
}


/* DESKTOP FONT SIZES (≥768px) */
@media (min-width: 768px) {
    
    /* BAŞLIK STILLERI - Desktop */
    .hairtec-elements h1,
    h1.blog-item-title,
    h1.popular-post-title,
    .text-block-title h1,
    .hero-headline h1,
    .blog-grid-title h1,
    .carousel-milestones-title h1,
    .collapsed-step-title h1,
    .doctor-card-name h1,
    h1.elementor-heading-title,
    [class*="-title"] h1
    {
        font-size: 40px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    .hairtec-elements h2,
    h2.blog-item-title,
    h2.popular-post-title,
    .text-block-title h2,
    .hero-headline h2,
    .blog-grid-title h2,
    .carousel-milestones-title h2,
    .collapsed-step-title h2,
    .doctor-card-name h2,
    h2.elementor-heading-title,
    [class*="-title"] h2
    {
        font-size: 32px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    .hairtec-elements h3,
    h3.blog-item-title,
    h3.popular-post-title,
    .text-block-title h3,
    .hero-headline h3,
    .blog-grid-title h3,
    .carousel-milestones-title h3,
    .collapsed-step-title h3,
    .doctor-card-name h3,
    h3.elementor-heading-title,
    [class*="-title"] h3
    {
        font-size: 25px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }

    
    .hairtec-elements h4,
    h4.blog-item-title,
    h4.popular-post-title,
    .text-block-title h4,
    .hero-headline h4,
    .blog-grid-title h4,
    .carousel-milestones-title h4,
    .collapsed-step-title h4,
    .doctor-card-name h4,
    h4.elementor-heading-title,
    [class*="-title"] h4
    {
        font-size: 20px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    .hairtec-elements h5,
    h5.blog-item-title,
    h5.popular-post-title,
    .text-block-title h5,
    .hero-headline h5,
    .blog-grid-title h5,
    .carousel-milestones-title h5,
    .collapsed-step-title h5,
    .doctor-card-name h5,
    h5.elementor-heading-title,
    [class*="-title"] h5
    {
        font-size: 18px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    .hairtec-elements h6,
    h6.blog-item-title,
    h6.popular-post-title,
    .text-block-title h6,
    .hero-headline h6,
    .blog-grid-title h6,
    .carousel-milestones-title h6,
    .collapsed-step-title h6,
    .doctor-card-name h6,
    h6.elementor-heading-title,
    [class*="-title"] h6
    {
        font-size: 16px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    /* PARAGRAF STILLERI - Desktop */
    .hairtec-elements p,
    .text-block-description,
    .hero-description,
    .doctor-card-description,
    .blog-item-excerpt,
    p
    {
        font-size: 16px !important;
        color: #5c5c5c !important;
        font-family: 'EuropaRegular', sans-serif !important;
        line-height: 1.5 !important;
    }
    
    /* BUTON STILLERI - Desktop */
    .elementor-element .elementor-button,
    .elementor-element a[class*="button"],
    .text-block-button,
    .page-hero-button,
    .hero-button,
    .blog-grid-button,
    .doctor-card-button,
    .step-button,
    .carousel-milestones-bar-next-button,
    button,
    .btn,
    a[class*="-button"] {
        font-size: 12px !important;
        text-transform: uppercase !important;
        font-family: 'EuropaBold', sans-serif !important;
        letter-spacing: 0.5px !important;
        line-height: 1.2 !important;
        padding: 20px 20px 20px 20px !important;
        border-radius: 50px;
    }

        .collapsed-info-card .card-title h1,
    .collapsed-info-card .card-title h2,
    .collapsed-info-card .card-title h3,
    .collapsed-info-card .card-title h4,
    .collapsed-info-card .card-title h5,
    .collapsed-info-card .card-title h6{
        font-size: 16px !important;
        color: #223558 !important;
        font-family: 'EuropaRegular', sans-serif !important;
        line-height: 1.2 !important;
    }

}

/* MOBILE FONT SIZES (≤767px) */
@media (max-width: 767px) {

    /* .elementor-element{
        padding-left: 15px;
        padding-right: 15px;
    } */
    
    /* BAŞLIK STILLERI - Mobile */
    .hairtec-elements h1,
    h1.blog-item-title,
    h1.popular-post-title,
    .text-block-title h1,
    .hero-headline h1,
    .blog-grid-title h1,
    .carousel-milestones-title h1,
    .collapsed-step-title h1,
    .doctor-card-name h1,
    h1.elementor-heading-title,
    [class*="-title"] h1
    {
        font-size: 30px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    

    .hairtec-elements h2,
    h2.blog-item-title,
    h2.popular-post-title,
    .text-block-title h2,
    .hero-headline h2,
    .blog-grid-title h2,
    .carousel-milestones-title h2,
    .collapsed-step-title h2,
    .doctor-card-name h2,
    h2.elementor-heading-title,
    [class*="-title"] h2
    {
        font-size: 24px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    .hairtec-elements h3,
    h3.blog-item-title,
    h3.popular-post-title,
    .text-block-title h3,
    .hero-headline h3,
    .blog-grid-title h3,
    .carousel-milestones-title h3,
    .collapsed-step-title h3,
    .doctor-card-name h3,
    h3.elementor-heading-title,
    [class*="-title"] h3
    {
        font-size: 20px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    .hairtec-elements h4,
    h4.blog-item-title,
    h4.popular-post-title,
    .text-block-title h4,
    .hero-headline h4,
    .blog-grid-title h4,
    .carousel-milestones-title h4,
    .collapsed-step-title h4,
    .doctor-card-name h4,
    h4.elementor-heading-title,
    [class*="-title"] h4
    {
        font-size: 18px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    .hairtec-elements h5,
    h5.blog-item-title,
    h5.popular-post-title,
    .text-block-title h5,
    .hero-headline h5,
    .blog-grid-title h5,
    .carousel-milestones-title h5,
    .collapsed-step-title h5,
    .doctor-card-name h5,
    h5.elementor-heading-title,
    [class*="-title"] h5
    {
        font-size: 16px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    .hairtec-elements h6,
    h6.blog-item-title,
    h6.popular-post-title,
    .text-block-title h6,
    .hero-headline h6,
    .blog-grid-title h6,
    .carousel-milestones-title h6,
    .collapsed-step-title h6,
    .doctor-card-name h6,
    h6.elementor-heading-title,
    [class*="-title"] h6
    {
        font-size: 16px !important;
        color: #223558 !important;
        font-family: 'EuropaBold', sans-serif !important;
        line-height: 1.2 !important;
    }
    
    /* PARAGRAF STILLERI - Mobile */

    .hairtec-elements p,
    .text-block-description,
    .hero-description,
    .doctor-card-description,
    .blog-item-excerpt,
    p {
        font-size: 16px !important;
        color: #5c5c5c;
        font-family: 'EuropaRegular', sans-serif !important;
        line-height: 1.5 !important;
    }
    
    /* BUTON STILLERI - Mobile */
    .elementor-element .elementor-button,
    .elementor-element a[class*="button"],
    .text-block-button,
    .page-hero-button,
    .hero-button,
    .blog-grid-button,
    .doctor-card-button,
    .step-button,
    .carousel-milestones-bar-next-button,
    button,
    .btn,
    a[class*="btn"] {
        font-size: 12px !important;
        text-transform: uppercase !important;
        font-family: 'EuropaBold', sans-serif !important;
        letter-spacing: 0.5px !important;
        line-height: 1.2 !important;
    }

    .elementor-element .elementor-button,
    .elementor-element a[class*="button"],
    .text-block-button,
    .page-hero-button,
    .hero-button,
    .blog-grid-button,
    .doctor-card-button,
    .step-button,
    .carousel-milestones-bar-next-button,
    .elementor-button,
    .button,
    .btn,
    a[class*="btn"]{
        Width: 100%;
        padding: 20px 20px 20px 20px !important;
        text-align: center;
    }

        .collapsed-info-card .card-title h1,
    .collapsed-info-card .card-title h2,
    .collapsed-info-card .card-title h3,
    .collapsed-info-card .card-title h4,
    .collapsed-info-card .card-title h5,
    .collapsed-info-card .card-title h6{
        font-size: 16px !important;
        color: #223558 !important;
        font-family: 'EuropaRegular', sans-serif !important;
        line-height: 1.2 !important;
    }

}

/* ============================================
   EK ÖZEL WIDGET SINIF STILLERI
   ============================================ */

/* Widget specific title overrides */
.milestone-item .main-title,
.milestone-item .sub-title,
.doctor-card-title,
.blog-item-title,
.step-title,
.gallery-info-title,
.price-table-title,
.faq-question,
.carousel-card-title {
    color: #223558 !important;
    font-family: 'EuropaBold', sans-serif !important;
}

/* Liste elementleri için özel stiller */
.hairtec-marked-list,
.elementor-icon-list-text {
    font-size: 16px !important;
    color: #5c5c5c;
    font-family: 'EuropaRegular', sans-serif !important;
}

/* Genel text color override */
.elementor-element,
.elementor-widget-container {
    color: #5c5c5c !important;
}



/* ============================================
   MARGIN VE PADDING SIFIRLAMA
   Başlık elementlerinin varsayılan margin/padding değerlerini sıfırlama
   ============================================ */

/* .elementor-element h1,
.elementor-element h2,
.elementor-element h3,
.elementor-element h4,
.elementor-element h5,
.elementor-element h6 {
    margin-top: 0 !important; */
    /* margin-bottom: 15px !important;
} */

.elementor-element p {
    margin-bottom: 15px !important;
}

/* Son paragrafın alt margin'ını kaldır */
/* .elementor-element p:last-child {
    margin-bottom: 0 !important;
} */

.e-n-accordion-item .elementor-element {
    padding: 0 20px;
}

summary.e-n-accordion-item-title {
    border: 1px solid #cccccc;
    border-radius: 20px !important;
    padding: 15px !important;
    background-color: #ffffff;
    transition: all 0.3s ease;
}

summary.e-n-accordion-item-title {
    border: 1px solid #cccccc;
    border-radius: 20px !important;
    padding: 15px !important;
    background-color: #ffffff;
    transition: all 0.3s ease;
    display: flex !important;
    justify-content: space-between !important;
}