/*
 Theme Name:   Porto Child
 Description:  Porto Child Theme for Atlantik Yazılım
 Author:       Fatih Görmüş
 Template:     porto
 Version:      1.0.0
*/

body {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* 1. Mevcut terminal ikonunun şeklini sıfırla ve yeni ikonu bas */
#breadcrumbs .home i.fas.fa-terminal::before, 
ul.breadcrumb li a i.fas.fa-terminal::before {
    content: "\f015" !important; /* Font Awesome Ev (Home) İkonu Unicode */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* 2. Genel stil ve renk ayarlarını uygula */
#breadcrumbs .home i.fas, 
.page-share .share-links i.fas,
ul.breadcrumb li a i.fas {
    color: #0088cc !important;
    font-size: 14px !important;
    transition: all 0.3s ease;
    display: inline-block;
}

/* 3. Hover Efekti */
.breadcrumb a:hover i.fas {
    transform: scale(1.2);
    color: #005580 !important;
}

/* 1. Form Kapsayıcı ve Genel Hizalama */
.footer-form-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.footer-form-wrapper .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}

/* 2. Input ve Dropdown (Select) Optimizasyonu */
.footer-form-wrapper input[type="text"],
.footer-form-wrapper input[type="tel"],
.footer-form-wrapper select {
    width: 100% !important;
    max-width: 100% !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    box-sizing: border-box !important; /* Sağa taşmayı engeller */
}

/* 3. Dropdown (Select) Seçenek Renkleri */
.footer-form-wrapper select option {
    background-color: #003d40 !important; /* Kurumsal Yeşilin */
    color: #ffffff !important;
}

/* 4. Buton (Submit) Müdahalesi - Tam Genişlik */
.footer-form-wrapper input[type="submit"] {
    width: 100% !important;
    display: block !important;
    background: #003d40 !important;
    color: #ffffff !important;
    border: 1px solid #005a5e !important;
    padding: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-top: 15px !important;
    cursor: pointer !important;
    transition: 0.3s ease !important;
}

.footer-form-wrapper input[type="submit"]:hover {
    background: #005a5e !important;
}

/* 5. Gereksiz Boşlukları (BR) ve Turnstile Ayarını Temizleme */
.footer-form-wrapper br {
    display: none !important;
}

.footer-form-wrapper .cf-turnstile {
    margin-bottom: 15px !important;
    transform: scale(0.9);
    transform-origin: left;
}

/* Kategori Başlığı Havalı Operasyonu */
.posts-container .page-content p:first-child {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px); /* Buzlu cam efekti */
    border-left: 8px solid #003d40 !important;
    padding: 35px 40px !important;
    margin-bottom: 55px !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
    color: #1a1a1a !important;
    border-radius: 0 12px 12px 0 !important;
    box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.03), -5px -5px 20px rgba(255, 255, 255, 0.8) !important;
    position: relative !important;
    border-top: 1px solid rgba(0, 61, 64, 0.05) !important;
    border-right: 1px solid rgba(0, 61, 64, 0.05) !important;
    border-bottom: 1px solid rgba(0, 61, 64, 0.05) !important;
}

/* İkonu Daha 'High-Tech' Yapalım */
.posts-container .page-content p:first-child:before {
    content: "\f121"; /* Kod ikonu (</>) - Mühendisliğe daha uygun */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 20px;
    color: #00818a; /* Daha canlı bir turkuaz/petrol tonu */
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 2px 2px 4px rgba(0, 129, 138, 0.1);
}

/* İlk harfi biraz daha kurumsal parlat */
.posts-container .page-content p:first-child:first-letter {
    font-size: 110%;
    font-weight: 700;
    color: #003d40;
}