/**
 * Custom CSS - Özel Stiller
 * Anasayfa modül başlıkları ve ek stiller
 */



/* Mobile menu logo */
.mobile-menu .nav-logo img {
    max-height: 50px;
    width: auto;
    object-fit: contain;
}

/* Başlık divider - Anasayfa modül başlıkları için */
.title-divider {
    width: 60px;
    height: 3px;
    background: var(--primary-color, #6c4ea7);
    border: none;
    margin: 15px auto 0;
    display: block;
}

/* Section başlıkları - İkon desteği */
.sec-title h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sec-title h2 i {
    font-size: 0.9em;
    color: var(--primary-color, #6c4ea7);
}

/* Metin okunabilirliği */
.text-box,
.content-box .text {
    text-align: justify;
    line-height: 1.8;
}

/* Sayfa detay hizalama - Breadcrumbs ile başlık ve içerik aynı hizada */
.page-title .auto-container {
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}

.page-title .page-title-content {
    padding-left: 0;
    padding-right: 0;
}

.skills-section .container {
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}

.skills-section .content-box,
.skills-section .page-gallery {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Responsive düzenlemeler */
@media (max-width: 1199px) {
    .page-title .auto-container,
    .skills-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    /* Tablet için logo boyutu */
    .logo-box img,
    .main-header .logo-box img {
        max-width: 250px;
        max-height: 70px;
    }
}

@media (max-width: 767px) {
    .auto-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .page-title .auto-container,
    .skills-section .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Mobil için logo boyutu */
    .logo-box img,
    .main-header .logo-box img {
        max-width: 200px;
        max-height: 50px;
    }
    
    .sticky-header .logo-box img {
        max-width: 180px;
        max-height: 45px;
    }
}

/* Sidebar logo boyutu */
.xs-sidebar-widget .logo img,
.sidebar-info-contents .logo img {
    max-width: 150px !important;
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

/* Footer E-Bülten Input - Email type için stil */
.footer-subscribe fieldset input[type=email] {
    width: 100%;
    border: 1px solid #FFFFFF26;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 22px;
    border-radius: 999px;
    background-color: transparent;
    color: #ffffff;
}

.footer-subscribe fieldset input[type=email]::placeholder {
    color: #A2A3AB;
    font-size: 14px;
    line-height: 22px;
}

.footer-subscribe fieldset input[type=email]:focus {
    outline: none;
    border-color: #317C6F;
    background-color: rgba(255, 255, 255, 0.05);
}

/* Style 2 için */
.footer.style-2 .footer-subscribe fieldset input[type=email] {
    width: 100%;
    border: 1px solid #FFFFFF26;
    border-radius: 999px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 22px;
    background-color: transparent;
    color: #ffffff;
}

.footer.style-2.bg-color-white .footer-subscribe fieldset input[type=email] {
    border: 1px solid #E4E4E4;
    background-color: #F3F5F5;
    color: #272e39;
}

.footer-subscribe.style-bg-white fieldset input[type=email] {
    border: 1px solid #ffffff;
    border-radius: 999px;
    background-color: transparent;
    color: #272e39;
}