.cizgiss {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
}

.progress-bar {
  height: 100%;
  width: 0%;
  background-color: #de581c; /* İstediğin renk */
  transition: width 0.2s ease;
}
/* Temel tablo stil */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

/* Tablo başlık ve hücre stilleri */
table th, table td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Tablo başlık arka plan rengi */
table th {
    background-color: #f2f2f2;
    color: #333;
}

/* Çift sıralara arka plan rengi */
table tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Fare üzerine gelindiğinde satır rengi */
table tr:hover {
    background-color: #e2e2e2;
}

/* Hücre metin stilleri */
table td {
    font-size: 18px;
    color: #555;
}

/* Mobil cihazlar için responsive stil */
@media (max-width: 768px) {
    /* Tablo başlıklarını gizle */
    table thead {
        display: none;
    }

    /* Her satırı blok yapıya dönüştür */
    table tr {
        display: block;
        margin-bottom: 10px;
        border: 1px solid #ddd;
    }

    /* Hücreleri blok yapıya dönüştür ve başlık ekle */
    table td {
        display: block;
        text-align: left;
        font-size: 16px;
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 5%;
    }

    /* Hücrelerin sol tarafına başlık ekle */
    table td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: bold;
        text-align: left;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}

.header_ust {
    background: linear-gradient(45deg, #7545ff, #8e2de2, #7545ff);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    color: white;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Hafif gölge efekti */
    transition: background 0.5s ease-in-out;
}

        .header_left {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .menu {
            cursor: pointer;
            position: relative;
        }

        .menu_dropdown {
            display: none;
            position: absolute;
            top: 45px;
            left: 0;
            background: white;
            color: black;
            width: 150px;
            border-radius: 5px;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
   		    z-index: 101;
        }

        .menu_dropdown a {
            display: block;
            padding: 10px;
            text-decoration: none;
            color: black;
        }

        .menu_dropdown a:hover {
            background: #f1f1f1;
        }

        .ai-badge {
            background-color: white;
            color: #6a1b9a;
            padding: 5px 10px;
            border-radius: 5px;
            font-weight: bold;
        }

        .header_right {
            display: flex;
            align-items: center;
            gap: 15px;
            position: relative;
        }

        .notifications {
            position: relative;
            cursor: pointer;
        }

        .notif_badge {
            background: orange;
            color: white;
            font-size: 12px;
            border-radius: 50%;
            padding: 4px 7px;
            position: absolute;
            top: -5px;
            right: -10px;
        }

        .notif_box {
            display: none;
            position: absolute;
            top: 45px;
            right: 0;
            background: white;
            color: black;
            width: max-content;
            border-radius: 5px;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
            padding: 10px;			
   			z-index: 101;
        }

        .notif_box p {
            font-size: 14px;
            padding: 5px 0;
        }

        .profile {
            cursor: pointer;
        }
		
		.discover a,
.ai-badge a {
    text-decoration: none; /* Altı çizili olmaması için */
    color: inherit; /* Yazının rengini ebeveyn elementten alması için */
    font-weight: bold; /* Kalın yazı */
    display: flex; /* İkon ve metni hizalamak için */
    align-items: center; /* Dikey ortalama */
    gap: 5px; /* İkon ile yazı arasına boşluk ekler */
    padding: 5px 10px;
    border-radius: 8px;
    transition: background 0.3s ease, color 0.3s ease;
}

.blog-list2user {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.discover a:hover,
.ai-badge a:hover {
    background: #e0e0e0; /* Hover olduğunda arkaplan rengi */
    color: #333; /* Hover rengi */
}
.cikiss { color:#fff; padding-right:10px; } 

.social-share {
        position: absolute;
        top: 130px;
        left: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .social-icon {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
        font-size: 17px;
        text-decoration: none;
        transition: 0.3s;
    }

    .facebook { background: #1877F2; }
    .twitter { background: #1DA1F2; }
    .whatsapp { background: #25D366; }
    .linkedin { background: #0077B5; }

    .social-icon:hover {
        opacity: 0.8;
    }

.logo_container {
    position: fixed;
    top: 5px;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 50%;
    max-width: 600px;
    z-index: 99;
    font-size: 25px;
    color: #ffffff;
    text-align: center;
    font-weight: 900;
}

.logo_container a { color:#ffffff; text-decoration: none; }

        /* Soru sor alanı */


.cevseri-section {
    position: fixed;
    top: 35px;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 50%;
    max-width: 600px;
    z-index: 100;
}
.cevseri-section a {text-decoration: none;  }

.cevseri-section .cevseri-wrapper {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0px 0px 0 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    height: 38px;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
}
.cevseri-section .cevseri-text {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
.cevseri-section .cevseri-button {
    margin-left: auto;
    background: #de581c;
    background: linear-gradient(90deg, #de581c 0, #f96416 100%);
    color: #fff;
    height: 45px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    padding: 0 30px;
}


     .search_container {
    position: fixed;
    top: 25px;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 50%;
    max-width: 600px;
}

        .search_bar {
            display: flex;
            background: white;
            border-radius: 30px;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        }

        .search_bar input {
            flex: 1;
            border: none;
            padding: 12px;
            outline: none;
            font-size: 16px;
        }

        .search_bar button {
            background: orange;
            border: none;
            padding: 12px 20px;
            cursor: pointer;
            color: white;
            font-size: 16px;
            font-weight: bold;
        }
.uyeolgiris { color:#fff;  font-size: 16px; font-weight: 600; text-decoration: none; }
#post-comment-section {
    margin: 20px 0;
    cursor: pointer
}

#post-comment-section #share-opinion-section {
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background: #fff;
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 12px
}

#post-comment-section #share-opinion-section:hover .share-button {
    background: #7545FF
}

#post-comment-section #share-opinion-section img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%
}

#post-comment-section #share-opinion-section .share-text {
    font-size: 15px;
    opacity: .6
}

#post-comment-section #share-opinion-section .share-button {
    margin-left: auto;
    background: #7545FF;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    transition: all .4s ease-out
}

#post-comment-section #share-opinion-section_openlogin {
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background: #fff;
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 12px
}

#post-comment-section #share-opinion-section_openlogin:hover .share-button {
    background: #7545FF
}

#post-comment-section #share-opinion-section_openlogin img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%
}

#post-comment-section #share-opinion-section_openlogin .share-text {
    font-size: 15px;
    opacity: .6
}

#post-comment-section #share-opinion-section_openlogin .share-button {
    margin-left: auto;
    background: #7545FF;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    transition: all .4s ease-out
}


#post-comment-section #share-opinion-section #postCommentHdr {
    color: #FFF
}

#post-comment-section .js-txtanswer-modal {
    position: relative;
    margin-top: -70px
}

#post-comment-section .respond {
    padding: 0
}

#post-comment-section .post-comment-title {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    text-align: left;
    margin: 0 0 25px;
    text-transform: capitalize;
    font-family: "Noto Sans",Arial,sans-serif;
    padding: 0;
    color: #2B414F
}

#post-comment-section .post-comment-box {
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    padding: 20px;
    background: #FFF
}

#post-comment-section .post-comment-box .top-row {
    margin-bottom: 5px
}

#post-comment-section .post-comment-box .avatar-img-col {
    width: 6%
}

#post-comment-section .post-comment-box .avatar-img-col img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 12%;
    margin: 0
}

#post-comment-section .post-comment-box .comment-form-wrapper {
    width: 94%;
    padding-left: 7px
}

#post-comment-section .post-comment-box .comment-form-wrapper .comment-textarea {
    display: block;
    width: 100%;
    position: relative
}

#post-comment-section .post-comment-box .comment-form-wrapper .comment-textarea #mention-suggestion-list {
    position: absolute;
    z-index: 9;
    top: -124px;
    left: -50px
}

#post-comment-section .post-comment-box .comment-form-wrapper .comment-textarea textarea {
    width: 100%;
    border: 0;
    resize: vertical
}

#post-comment-section .post-comment-box .comment-form-wrapper .comment-textarea .mce-tinymce .mce-container.mce-toolbar-grp {
    padding: 0;
    border: none
}

#post-comment-section .post-comment-box .comment-form-wrapper .comment-textarea p.limit .char-count {
    display: none;
    width: 50%
}

#post-comment-section .post-comment-box .comment-form-wrapper .comment-textarea p.limit .word-count {
    display: inline-block;
    visibility: hidden;
    width: 50%;
    float: right;
    text-align: right;
    color: #999
}

#post-comment-section .post-comment-box .comment-options {
    display: flex;
    align-items: center
}

#post-comment-section .post-comment-box .comment-options label {
    cursor: pointer;
    margin-right: 10px;
    background: #F3F5F6;
    border-radius: 6px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    color: #657076;
    font-weight: 600;
    font-size: 10px;
    height: 40px
}

#post-comment-section .post-comment-box .comment-options input[type=checkbox],#post-comment-section .post-comment-box .comment-options input[type=radio],#post-comment-section .post-comment-box .comment-options label span:first-child,#post-comment-section .post-comment-box .comment-options label.label_radio .radio-circle {
    display: none
}

#post-comment-section .post-comment-box .comment-options label span {
    margin: 0;
    vertical-align: middle
}

#post-comment-section .post-comment-box .comment-options label.r_off {
    font-weight: 400;
    color: rgba(51,77,94,.7);
    background-color: #F2F2F2
}

#post-comment-section .post-comment-box .comment-options label.r_on {
    color: #334D5E;
    background-color: #FFF;
    font-weight: 700;
    border: 1px solid #E0E0E0
}

#post-comment-section .post-comment-box .comment-options label.label_check.c_on {
    color: #6B60E0
}

#post-comment-section .post-comment-box .comment-options .form-submit-btn {
    background: #93A1A9;
    color: #FFF;
    font-weight: 700;
    border: none;
    cursor: pointer;
    border-radius: 6px;
    padding: 0 65px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    height: 40px;
    margin: 0
}

#post-comment-section .post-comment-box .comment-options .form-submit-btn.char-count-valid {
    background: #7545FF
}

#post-comment-section .post-comment-box .comment-options .icon {
    font-size: 18px;
    margin-right: 5px
}

#post-comment-section .post-comment-box .comment-options .icon-anonymous-ghost {
    font-size: 16px
}

#post-comment-section .post-comment-box .help-wrapper>div {
    color: #e49d00;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 15px
}

#post-comment-section .post-comment-box .help-wrapper .help-icon {
    width: 20px;
    height: 20px;
    background: #e49d00;
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 10px;
    position: relative;
    top: -1px
}

#post-comment-section .post-comment-box .comment-buttons {
    text-align: right;
    margin-left: auto
}

#post-comment-section .post-comment-box .comment-btn {
    background: #7545FF;
    color: #FFF;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 17px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    border: none
}

#post-comment-section .right-icons {
    text-align: right
}

#post-comment-section .right-icons .icon-mytake-listing {
    font-size: 20px;
    margin-right: 20px;
    cursor: pointer
}

#post-comment-section .right-icons .icon-image {
    font-size: 20px;
    cursor: pointer
}

#post-comment-section.only-girl-or-guy .post-comment-box {
    text-align: center
}

#post-comment-section.only-girl-or-guy .post-comment-box .girl {
    color: #F65293;
    font-weight: 700
}

#post-comment-section.only-girl-or-guy .post-comment-box .guy {
    color: #1264C6;
    font-weight: 700
}


#container-wrapper.content-wrapper.with-sidebar * {
    box-sizing: border-box;
}

.post-comment-author img { width:60px; }
.menu_dropdown .ruyatabirix { display:none;}

.usttopsayfa {  width:100%;  height:140px; }


.kutubilgi  { background: #ffffff; padding: 12px; border-radius: 8px; }
.kutubilgi .category-text-style a { color: #ffffff;  text-decoration: none; text-transform: none; }
.kutubilgi .main-blog-title a { color: #000000;  text-decoration: none; transition: color 0.3s ease-in-out; }
.kutubilgi .main-blog-title:hover a { color: #222222;  text-decoration: underline;  }

.turcus a { color: #333333; font-weight: 800; }

.blog-list-itemkutu {
    background-color: var(--white);
    color: #000;
    border: 1px #000;
    border-radius: 20px;
    padding: 10px;
    text-decoration: none;
    display: block;
    box-shadow: 0 2px 20px -5px #00000012;
}

.category-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
	margin-top:0px;
}
.category-link {
    display: inline-block;
    text-decoration: none;
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background 0.3s;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.category-link:hover {
    background-color: #0056b3;
}

.category-link.active {
    background-color: orange;
}


/* Arama Formu Stili */
.search-form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    margin: 20px auto;
    padding: 10px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Arama Kutusu */
#search-input {
    flex: 1;
    padding: 12px 20px;
    border: 1px solid #ddd;
    border-radius: 40px;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease-in-out;
}

#search-input:focus {
    border-color: #007BFF;
    box-shadow: 0px 0px 8px rgba(0, 123, 255, 0.5);
}

/* Arama Butonu */
.search-button {
    padding: 12px 20px;
    font-size: 16px;
    color: #fff;
    background: #007BFF;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.search-button:hover {
    background: #0056b3;
    transform: scale(1.05);
}

/* Mobil Uyumluluk */
@media screen and (max-width: 600px) {
    .search-form {
        flex-direction: column;
        max-width: 98%;
    }

    #search-input {
        width: 100%;
    }

    .search-button {
        width: 100%;
    }
}


  /* Responsive tasarım */
        @media (max-width: 960px) {
			.discover { display:none; } 
            .ai-badge { display:none; } 
			.menu_dropdown .ruyatabirix { display:block;}
			.main-title-heading { font-size: 60px; }	
			    
        }

        /* Responsive tasarım */
        @media (max-width: 768px) {
            .search_container { width: 80%;}
			.cevseri-section { width: 80%;} 
			.blog-list2user {  grid-template-columns: 1fr; }
			.main-title-heading {  font-size: 45px;   line-height: 60px; }
			
        }
    /* Responsive tasarım */
        @media (max-width: 565px) {
			.discover { display:none; } 
            .ai-badge { display:none; } 
			.menu_dropdown .ruyatabirix { display:block;}
			.search_container { width: 95%; top: 42px; }
			.cevseri-section { width: 95%; top: 42px; }
			
			.logo_container {  font-size: 12px;left: 40%;  }
			.logo_container a { color:#ffffff; text-decoration: none; }
			.menu_dropdown { top: 35px; }
			.notif_box { top: 35px; }			
			
			.uyeolgiris {font-size: 13px; }
			
			
			.kutubilgi {   margin-bottom: 30px; }
			
			
        }

/* Yemi Kodlar */




/* Yukarı kaydır butonu */
.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: linear-gradient(45deg, #ff7eb3, #ff758c);
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    display: none;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
}

/* Hover efekti */
.scroll-to-top:hover {
    background: linear-gradient(45deg, #ff758c, #ff7eb3);
    transform: scale(1.1);
}

/* Sayfa aşağı kaydırıldığında butonu göster */
.scroll-to-top.show {
    display: flex;
}

/* Dış halkada su dalgası efekti */
.scroll-to-top::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 117, 140, 0.5);
    opacity: 0;
    animation: waveEffect 1.5s infinite ease-out;
}

/* İkinci dalga */
.scroll-to-top::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 117, 140, 0.3);
    opacity: 0;
    animation: waveEffect 1.5s infinite ease-out 0.75s;
}

/* Su dalgası animasyonu */
@keyframes waveEffect {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}


/* Yukarı kaydır butonu */





@keyframes logoAnimation {
    0% { transform: scale(1); }
    50% { transform: scale(1.05) rotate(2deg); }
    100% { transform: scale(1); }
}

.logo_container a img {
    transition: transform 0.3s ease-in-out;
}

.logo_container a:hover img {
    animation: logoAnimation 0.6s ease-in-out;
}

@keyframes shineEffect {
    0% { left: -100%; }
    100% { left: 100%; }
}




.logo_container a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 70%);
    transform: skewX(-25deg);
    animation: shineEffect 3s infinite linear;
}

	.logo_container { top: -30px;  overflow: hidden; max-width: 180px; border-radius:10px; }
	.single-author-imglogo { border: 1px solid #fff; border-radius: 10px; width: 180px;  box-shadow: 0 2px 20px -5px #0003;  background: #fff; }
	.single-author-imglogofooter { border: 1px solid #fff; border-radius: 10px; width: 240px;  box-shadow: 0 2px 20px -5px #0003;  background: #fff; }
	
	.header_ust { padding-bottom: 40px; }
	
	
	.cevseri-section { top: 60px; }
	.cevseri-section .cevseri-wrapper { height: 35px; }
	
	
  /* Responsive tasarım */
        @media (max-width: 960px) {
		 .logo_container { top: -10px;  overflow: hidden;  max-width: 112px;   border-radius: 10px;  } 
			.single-author-imglogo { width: 112px; }
			.single-author-imglogofooter { width: 80%; }				
			.cevseri-section { top: 42px; }
        }