.elementor-496 .elementor-element.elementor-element-ebc253c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-496 .elementor-element.elementor-element-498f578{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-496 .elementor-element.elementor-element-fec8a7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-496 .elementor-element.elementor-element-fec8a7a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-496 .elementor-element.elementor-element-7e11b79 img{border-radius:10px 10px 10px 10px;}.elementor-496 .elementor-element.elementor-element-d592b4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-496 .elementor-element.elementor-element-ab3484f .elementor-icon-list-icon{width:14px;}.elementor-496 .elementor-element.elementor-element-ab3484f .elementor-icon-list-icon i{font-size:14px;}.elementor-496 .elementor-element.elementor-element-ab3484f .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-496 .elementor-element.elementor-element-74197f7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-496 .elementor-element.elementor-element-5f129d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-496 .elementor-element.elementor-element-5f129d6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-496 .elementor-element.elementor-element-8c210ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}@media(min-width:768px){.elementor-496 .elementor-element.elementor-element-fec8a7a{--width:33.169%;}.elementor-496 .elementor-element.elementor-element-d592b4a{--width:65%;}.elementor-496 .elementor-element.elementor-element-5f129d6{--width:25%;}.elementor-496 .elementor-element.elementor-element-8c210ab{--width:75%;}}@media(max-width:1024px){.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-post-info .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-theme-post-excerpt .elementor-widget-container{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-post-info .elementor-icon-list-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-496 .elementor-element.elementor-element-74197f7{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-83f70a7 *//* Benzer Yazılar Bölümü İçin Modern CSS */

/* Başlık Stili */
.same-category-posts h3 {
    font-family: 'Montserrat', sans-serif; /* Daha modern bir font */
    font-size: 24px;
    color: #333; /* Koyu gri */
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}

/* Başlığın Altındaki İnce Çizgi */
.same-category-posts h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px; /* Kısa çizgi */
    height: 3px;
    background-color: #007bff; /* Mavi vurgu rengi */
    border-radius: 2px;
}

/* Genel Liste Stili */
.same-category-posts ul {
    list-style: none; /* Madde işaretlerini kaldır */
    padding: 0;
    margin: 0;
}

/* Liste Öğesi Stili */
.same-category-posts ul li {
    background-color: #f9f9f9; /* Hafif gri arka plan */
    margin-bottom: 10px;
    padding: 15px 20px;
    border-radius: 8px; /* Köşeleri yuvarla */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); /* Hafif gölge */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Liste Öğesine Fare Geldiğinde Efekt */
.same-category-posts ul li:hover {
    transform: translateY(-3px); /* Hafifçe yukarı kaydır */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12); /* Gölgeyi belirginleştir */
}

/* Bağlantı Stili */
.same-category-posts ul li a {
    text-decoration: none; /* Alt çizgiyi kaldır */
    color: #007bff; /* Mavi renk */
    font-family: 'Open Sans', sans-serif; /* Farklı bir font */
    font-size: 18px;
    font-weight: 600; /* Daha kalın */
    display: block; /* Tüm alanı tıklanabilir yap */
    transition: color 0.2s ease-in-out;
}

/* Bağlantıya Fare Geldiğinde Renk Değişimi */
.same-category-posts ul li a:hover {
    color: #0056b3; /* Daha koyu mavi */
}

/* Alternatif Durum Mesajı Stili */
.same-category-posts p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #666;
    text-align: center;
    padding: 20px 0;
    background-color: #f0f0f0;
    border-radius: 8px;
    margin-top: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ebc253c */.yazilar {
    /* Genel Metin Özellikleri */
    font-family: 'Poppins', sans-serif; /* Modern ve okunaklı bir font */
    font-size: 17px; /* Hafifçe büyütülmüş yazı boyutu */
    line-height: 1.7; /* Daha iyi okunabilirlik için satır yüksekliği */
    color: #343a40; /* Koyu, şık metin rengi */
    text-align: left;
    word-wrap: break-word;
    letter-spacing: 0.02em; /* Harfler arası hafif boşluk */

    /* Kutu Modeli ve Konumlandırma */
    width: 90%; /* Mobil için daha geniş, masaüstü için maksimum genişlik */
    max-width: 900px; /* Maksimum genişlik */
    margin: 40px auto;
    padding: 30px; /* İç boşluğu artırdık */
    border: none; /* Kenarlığı kaldırdık, gölge ile modern görünüm */
    border-radius: 12px; /* Daha belirgin yuvarlatılmış köşeler */
    background-color: #ffffff; /* Beyaz arka plan */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); /* Daha belirgin ve zarif gölge */

    /* Geçişler */
    transition: all 0.3s ease-in-out; /* Genel geçiş efekti */
}


/* Başlıklar İçin */
.yazilar h1, .yazilar h2, .yazilar h3, .yazilar h4, .yazilar h5, .yazilar h6 {
    font-family: 'Montserrat', sans-serif; /* Başlıklar için farklı, daha çarpıcı bir font */
    color: #212529; /* Daha koyu başlık rengi */
    margin-bottom: 25px;
    margin-top: 40px;
    font-weight: 700; /* Kalın başlıklar */
    line-height: 1.3;
}

.yazilar h1 {
    font-size: 2.8em;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef; /* Hafif bir ayırıcı çizgi */
    margin-bottom: 30px;
}

.yazilar h2 {
    font-size: 2.2em;
    border-left: 5px solid #007bff; /* Sol kenarda renkli çizgi */
    padding-left: 15px;
}

.yazilar h3 {
    font-size: 1.8em;
    color: #495057;
}

/* Paragraflar İçin */
.yazilar p {
    margin-bottom: 1.3em; /* Daha fazla paragraf arası boşluk */
    text-align: justify; /* Her iki yana yasla */
}

/* Linkler İçin */
.yazilar a {
    color: #007bff; /* Canlı mavi */
    text-decoration: none;
    border-bottom: 1px dashed #007bff; /* Hafif kesik alt çizgi */
    padding-bottom: 1px;
    transition: all 0.3s ease;
}

.yazilar a:hover {
    color: #0056b3;
    border-bottom-color: #0056b3;
    text-decoration: none; /* Alt çizgiyi tekrar kaldırabiliriz veya rengini değiştirebiliriz */
}

/* Listeler İçin (ul, ol) */
.yazilar ul, .yazilar ol {
    margin: 25px 0 25px 30px; /* Üst, alt ve sol boşluklar */
    padding: 0;
}

.yazilar li {
    margin-bottom: 0.8em; /* Liste öğeleri arası boşluk */
    list-style-type: disc; /* Varsayılan disk */
    color: #495057; /* Liste öğesi metin rengi */
}

.yazilar ul li {
    list-style-type: '👉 '; /* Özel ikonlu liste öğesi (modern bir dokunuş) */
    /* Daha fazla kontrol için font-awesome iconlarını da kullanabiliriz */
}

.yazilar ol li {
    list-style-type: decimal; /* Sayısal liste */
}

/* Tanım Listeleri (dl, dt, dd) */
.yazilar dl {
    margin-bottom: 20px;
}

.yazilar dt {
    font-weight: bold;
    margin-top: 10px;
    color: #212529;
}

.yazilar dd {
    margin-left: 20px;
    margin-bottom: 5px;
    color: #555;
}

/* Tablolar İçin */
.yazilar table {
    width: 100%;
    border-collapse: collapse; /* Kenarlıkları birleştir */
    margin: 25px 0;
    font-size: 0.95em;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Tabloya hafif gölge */
    border-radius: 8px; /* Köşeleri yuvarla */
    overflow: hidden; /* Köşelerin görünmesi için */
}

.yazilar th, .yazilar td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #dee2e6; /* Alt kenarlık */
}

.yazilar th {
    background-color: #f8f9fa; /* Başlık arka planı */
    color: #495057;
    font-weight: 600;
}

.yazilar tr:nth-child(even) {
    background-color: #fcfdfe; /* Çift sıralara hafif renk */
}

.yazilar tr:hover {
    background-color: #e9ecef; /* Satır üzerine gelince renk değişimi */
}

/* Blok Alıntılar İçin */
.yazilar blockquote {
    border-left: 6px solid #6c757d; /* Koyu gri, belirgin çizgi */
    padding: 18px 25px;
    font-style: italic;
    background-color: #f8f9fa; /* Açık gri arka plan */
    color: #495057;
    margin: 30px 0;
    border-radius: 8px; /* Yuvarlatılmış köşeler */
    line-height: 1.6;
}

/* Kod Blokları ve Inline Kod İçin */
.yazilar pre {
    background-color: #282c34; /* Koyu tema */
    color: #abb2bf; /* Kod rengi */
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    font-family: 'Fira Code', 'Roboto Mono', monospace; /* Programcı fontu */
    font-size: 0.95em;
    margin-bottom: 25px;
    line-height: 1.5;
}

.yazilar code {
    font-family: 'Fira Code', 'Roboto Mono', monospace;
    background-color: #e9ecef;
    color: #c7254e; /* Kırmızımsı metin */
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 0.9em;
}

/* Resimler İçin */
.yazilar img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 30px auto;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); /* Daha belirgin gölge */
}

/* İçerik Ayırıcı (hr) */
.yazilar hr {
    border: none;
    border-top: 2px solid #e9ecef; /* Daha kalın ve düzgün çizgi */
    margin: 40px 0;
}

/* Form Elementleri İçin */
.yazilar form {
    margin-top: 30px;
    padding: 25px;
    background-color: #fcfdfe;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.yazilar label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #495057;
    font-size: 0.95em;
}

.yazilar input[type="text"],
.yazilar input[type="email"],
.yazilar input[type="password"],
.yazilar input[type="number"],
.yazilar textarea,
.yazilar select {
    width: calc(100% - 20px); /* Padding'i hesaba kat */
    padding: 12px 10px;
    margin-bottom: 20px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 1em;
    color: #495057;
    transition: all 0.3s ease;
    box-sizing: border-box; /* Padding ve border genişliğe dahil olsun */
}

.yazilar input[type="text"]:focus,
.yazilar input[type="email"]:focus,
.yazilar input[type="password"]:focus,
.yazilar input[type="number"]:focus,
.yazilar textarea:focus,
.yazilar select:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    outline: none; /* Odaklandığında varsayılan dış çerçeveyi kaldır */
}

.yazilar textarea {
    min-height: 120px;
    resize: vertical; /* Sadece dikeyde yeniden boyutlandırma */
}

.yazilar button,
.yazilar input[type="submit"] {
    background-color: #007bff;
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 600;
    transition: background-color 0.3s ease, transform 0.2s ease;
    display: inline-block; /* Yan yana duran butonlar için */
    margin-right: 10px; /* Birden fazla buton varsa aralarına boşluk */
}

.yazilar button:hover,
.yazilar input[type="submit"]:hover {
    background-color: #0056b3;
    transform: translateY(-1px); /* Hafif yukarı kalkma efekti */
}

.yazilar button:active,
.yazilar input[type="submit"]:active {
    transform: translateY(0); /* Tıklamada geri gelme efekti */
}

/* Uyarı/Bilgi Kutuları (opsiyonel) */
.yazilar .alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    font-size: 0.95em;
}

.yazilar .alert-info {
    background-color: #e0f7fa;
    color: #007bff;
    border: 1px solid #007bff;
}

.yazilar .alert-success {
    background-color: #e6ffe6;
    color: #28a745;
    border: 1px solid #28a745;
}

.yazilar .alert-warning {
    background-color: #fff3cd;
    color: #ffc107;
    border: 1px solid #ffc107;
}

.yazilar .alert-danger {
    background-color: #f8d7da;
    color: #dc3545;
    border: 1px solid #dc3545;
}

/* Medya Sorguları (Duyarlı Tasarım) */
@media (max-width: 768px) {
    .yazilar {
        width: 95%;
        margin: 20px auto;
        padding: 20px;
        font-size: 16px; /* Daha küçük ekranlarda fontu küçült */
    }

    .yazilar h1 {
        font-size: 2.2em;
        margin-bottom: 20px;
    }

    .yazilar h2 {
        font-size: 1.8em;
        margin-top: 30px;
    }

    .yazilar h3 {
        font-size: 1.5em;
        margin-top: 25px;
    }

    .yazilar input[type="text"],
    .yazilar input[type="email"],
    .yazilar input[type="password"],
    .yazilar input[type="number"],
    .yazilar textarea,
    .yazilar select {
        width: 100%; /* Tam genişlik */
        padding: 10px;
    }

    .yazilar button,
    .yazilar input[type="submit"] {
        width: 100%; /* Tam genişlik */
        margin-right: 0;
        margin-bottom: 10px; /* Butonlar arası boşluk */
    }
}

@media (max-width: 480px) {
    .yazilar {
        padding: 15px;
        font-size: 15px;
    }

    .yazilar h1 {
        font-size: 1.8em;
    }

    .yazilar h2 {
        font-size: 1.5em;
    }

    .yazilar h3 {
        font-size: 1.3em;
    }

    .yazilar ul, .yazilar ol {
        margin-left: 20px; /* Daha dar ekranlarda daha az girinti */
    }
}/* End custom CSS */