/* =================================== */
/* DLE TEMA - ÖZEL STİLLER             */
/* Tailwind CSS ile çakışmaları kaldırılmış */
/* =================================== */

/* =================================== */
/* DLE'YE ÖZEL BİLEŞENLER              */
/* =================================== */

/* Takvim */
#dle-calendar {
    width: 100%;
}
#dle-calendar td {
    padding: 4px;
    text-align: center;
}
#dle-calendar .day-active-v {
    background: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);
    color: white;
    border-radius: 9999px;
}
.dark #dle-calendar .day-active-v {
    background: linear-gradient(135deg, #2dd4bf 0%, #22d3ee 100%);
}
.dark #dle-calendar,
.dark #dle-calendar th {
    color: #d1d5db;
}

/* DLE Liste Menüleri */
.cat-menu,
.right-side-list,
.topnews {
    list-style: none;
    padding: 0;
}
.cat-menu li a,
.right-side-list li a,
.topnews li a {
    display: block;
    padding: 6px 10px;
    border-radius: 6px;
    transition: background-color 0.2s;
}
.cat-menu li a:hover,
.right-side-list li a:hover,
.topnews li a:hover {
    background-color: #f3f4f6;
}
.dark .cat-menu li a:hover,
.dark .right-side-list li a:hover,
.dark .topnews li a:hover {
    background-color: #374151;
}

/* Son Yorumlar */
.last-comment-author a {
    color: #1f2937;
    text-decoration: none;
}
.last-comment-author a:hover {
    color: #14b8a6;
}
.dark .last-comment-author a {
    color: #e5e7eb;
}

/* =================================== */
/* DLE KULLANICI TABLOLARI             */
/* =================================== */

.userstop {
    border-collapse: collapse;
}
.userstop th {
    padding: 12px 16px;
    background-color: #f9fafb;
    font-weight: 600;
    color: #374151;
}
.dark .userstop th {
    background-color: #1f2937;
    color: #d1d5db;
}
.userstop td {
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
}
.dark .userstop td {
    border-color: #374151;
}
.userstop a {
    color: #14b8a6;
    font-weight: 500;
    text-decoration: none;
}
.userstop a:hover {
    text-decoration: underline;
}
.dark .userstop a {
    color: #2dd4bf;
}

/* =================================== */
/* DLE PROFİL BİLGİLERİ                */
/* =================================== */

.xfields {
    width: 100%;
    margin: 1rem 0;
}
.xfields td {
    padding: 0.75rem 0;
    vertical-align: top;
}
.xfields td:first-child {
    width: 33.33%;
    font-weight: 500;
    color: #374151;
}
.dark .xfields td:first-child {
    color: #d1d5db;
}

/* =================================== */
/* DLE ARAMA FORMU                     */
/* =================================== */

.dle-search-form table {
    width: 100%;
}
.dle-search-form td {
    padding: 0.75rem 0;
    vertical-align: top;
}
.dle-search-form td.search_td_1 {
    width: 30%;
    font-weight: 500;
    color: #374151;
}
.dark .dle-search-form td.search_td_1 {
    color: #d1d5db;
}

.dle-search-form input[type="text"],
.dle-search-form select {
    width: 100%;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    background-color: #f9fafb;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    color: #1f2937;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.dark .dle-search-form input[type="text"],
.dark .dle-search-form select {
    background-color: #374151;
    border-color: #4b5563;
    color: #f9fafb;
}
.dle-search-form input[type="text"]:focus,
.dle-search-form select:focus {
    outline: none;
    border-color: #14b8a6;
    box-shadow: 0 0 0 1px #14b8a6;
}

.dle-search-form input[type="checkbox"] {
    margin-right: 0.5rem;
    height: 1rem;
    width: 1rem;
    border-radius: 0.25rem;
}

.dle-search-form input[type="submit"] {
    display: inline-block;
    padding: 0.6rem 1.5rem;
    background: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);
    color: white;
    font-weight: 600;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s;
}
.dle-search-form input[type="submit"]:hover {
    background: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* =================================== */
/* DLE ARAMA SONUÇLARI                 */
/* =================================== */

.search-results-wrapper > article:first-of-type,
.search-results-wrapper > .comment:first-of-type,
.search-results-wrapper > div:first-of-type {
    margin-top: 1.5rem;
}

/* =================================== */
/* DLE SAYFA YOLU (BREADCRUMB)         */
/* =================================== */

.speedbar > span {
    font-size: 0;
    margin: 0 0.25rem;
}
.speedbar > span::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: #9ca3af;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" /></svg>') no-repeat center / contain;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" /></svg>') no-repeat center / contain;
    vertical-align: middle;
}
.dark .speedbar > span::before {
    background-color: #6b7280;
}

.speedbar a {
    color: #6b7280;
    transition: color 0.2s;
}
.dark .speedbar a {
    color: #9ca3af;
}
.speedbar a:hover {
    color: #14b8a6;
}
.dark .speedbar a:hover {
    color: #2dd4bf;
}

.speedbar b {
    color: #1f2937;
    font-weight: 500;
}
.dark .speedbar b {
    color: #f9fafb;
}

/* =================================== */
/* DLE FORM STİLLERİ                   */
/* =================================== */

/* DLE Form Listeleri */
ul.ui-form {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.ui-form > li {
    margin-bottom: 20px;
}
ul.ui-form > li:last-child {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 20px;
}
.form-group > label {
    display: block;
    margin-bottom: 0.4em;
}
.form-group.imp > label:after {
    content: "*";
    margin: 0 0 0 10px;
    color: #ef4444;
}

/* DLE Responsive Form Düzeni */
@media (min-width: 601px) {
    .form-group.combo:after {
        clear: both;
        display: table;
        content: "";
    }
    .form-group.combo > .combo_field {
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    .form-group.combo > .combo_field:last-child {
        padding-left: 10px;
    }
    .form-group.combo > .combo_field:first-child {
        padding-right: 10px;
    }
}

@media (max-width: 600px) {
    .combo_field {
        margin-bottom: 20px;
    }
}

.form_submit {
    margin-top: 20px;
}
.form-sep {
    border-top: 1px solid #efefef;
}

/* DLE Kayıt Formu */
.regtext {
    margin-bottom: 1.5em;
}
.login_check {
    position: relative;
}
.login_check > input {
    padding-right: 120px;
}
.login_check > .btn {
    width: 100px;
    height: 30px;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    font-size: 11px;
    margin: 5px;
}
#registration {
    text-align: left;
}

/* DLE Yorum Editörü */
#comment-editor .bb-editor textarea {
    height: 140px;
}
.addpm #comment-editor .bb-editor textarea {
    height: 340px;
}

/* =================================== */
/* DLE SAYFALANDIRMA                   */
/* =================================== */

.dle-pagination a,
.dle-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.375rem;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.dle-pagination a {
    background-color: #ffffff;
    color: #374151;
    border-color: #e5e7eb;
}
.dark .dle-pagination a {
    background-color: #1f2937;
    color: #d1d5db;
    border-color: #374151;
}

.dle-pagination a:hover {
    background-color: #f3f4f6;
    border-color: #d1d5db;
}
.dark .dle-pagination a:hover {
    background-color: #374151;
    border-color: #4b5563;
}

.dle-pagination span {
    background: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);
    color: #ffffff;
    font-weight: 600;
    border-color: #14b8a6;
}
.dark .dle-pagination span {
    background: linear-gradient(135deg, #2dd4bf 0%, #22d3ee 100%);
    color: #134e4a;
    border-color: #2dd4bf;
}

.dle-pagination .p_prev,
.dle-pagination .p_next {
    font-weight: 400;
}

/* =================================== */
/* DLE ETİKET BULUTU                   */
/* =================================== */

.tags_block {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.375rem !important;
}

.tags_block a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.375rem 0.75rem !important;
    background-color: #f3f4f6 !important;
    color: #374151 !important;
    border-radius: 9999px !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
}

.tags_block a:hover {
    background-color: #f0fdfa !important;
    color: #0d9488 !important;
    border-color: #14b8a6 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.dark .tags_block a {
    background-color: #374151 !important;
    color: #d1d5db !important;
    border-color: #4b5563 !important;
}

.dark .tags_block a:hover {
    background-color: #134e4a !important;
    color: #5eead4 !important;
    border-color: #14b8a6 !important;
}

/* DLE'nin inline style'larını override et */
.tags_block a[style] {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
}

/* =================================== */
/* DLE ÖZEL DÜZELTMELER                */
/* =================================== */

/* DLE Form Input Taşma Sorunu Düzeltme */
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* DLE Container genişlik kontrolü */
.form-group,
.ui-dialog-content {
    overflow: hidden;
    width: 100%;
}

/* DLE Login formu özel düzeltme */
.loginbox .form-group,
.loginbox input,
.loginbox select {
    width: 100% !important;
    max-width: none !important;
}

/* DLE Popup genişlik sorunu */
.ui-dialog {
    width: auto !important;
    min-width: 320px !important;
    max-width: 90vw !important;
}

/* DLE Butonları için */
.btn {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

/* DLE Form Validation Stilleri */
input.error,
select.error,
textarea.error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 1px #ef4444 !important;
}

input.success,
select.success,
textarea.success {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 1px #10b981 !important;
}

/* DLE Placeholder stilleri */
input::placeholder,
textarea::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
    color: #6b7280 !important;
}

/* Yardımcı sınıflar - sadece DLE'ye özel */
.wide {
    width: 100%;
}

/* =================================== */
/* DLE MOBİL DÜZELTMELER               */
/* =================================== */

@media (max-width: 768px) {
    /* iOS zoom engellemek için */
    input[type="text"],
    input[type="password"],
    input[type="email"],
    select,
    textarea {
        font-size: 16px !important;
        width: 100% !important;
    }

    .ui-dialog {
        width: 95vw !important;
        margin: 10px !important;
    }

    /* Etiketler mobilde küçük */
    .tags_block a {
        font-size: 0.7rem !important;
        padding: 0.25rem 0.5rem !important;
    }

    /* Mobilde butonlar tam genişlik */
    .btn {
        width: 100% !important;
        text-align: center !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .ui-dialog {
        width: 80vw !important;
        max-width: 500px !important;
    }
}

/* =================================== */
/* DLE İÇERİK BİÇİMLENDİRME - SADECE FULLSTORY */
/* =================================== */

/* Temel stil */
.fullstory {
    font-size: 1rem !important;
    line-height: 1.75 !important;
    color: #374151 !important;
}

.dark .fullstory {
    color: #d1d5db !important;
}

/* Başlıklar */
.fullstory h1, .fullstory h2, .fullstory h3, 
.fullstory h4, .fullstory h5, .fullstory h6 {
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #111827 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
}

.dark .fullstory h1, .dark .fullstory h2, .dark .fullstory h3,
.dark .fullstory h4, .dark .fullstory h5, .dark .fullstory h6 {
    color: #ffffff !important;
}

.fullstory h1 { font-size: 2rem !important; }
.fullstory h2 { font-size: 1.5rem !important; }
.fullstory h3 { font-size: 1.25rem !important; }
.fullstory h4 { font-size: 1.125rem !important; }
.fullstory h5 { font-size: 1rem !important; }
.fullstory h6 { font-size: 0.875rem !important; }

/* Paragraflar */
.fullstory p {
    margin-bottom: 1rem !important;
}

/* Kalın ve italik */
.fullstory strong, .fullstory b {
    font-weight: 700 !important;
    color: #111827 !important;
}

.fullstory em, .fullstory i {
    font-style: italic !important;
}

.fullstory u {
    text-decoration: underline !important;
}

.dark .fullstory strong, .dark .fullstory b {
    color: #ffffff !important;
}

/* Linkler */
.fullstory a {
    color: #14b8a6 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.fullstory a:hover {
    color: #0d9488 !important;
}

.dark .fullstory a {
    color: #2dd4bf !important;
}

.dark .fullstory a:hover {
    color: #5eead4 !important;
}

/* Sıralı listeler */
.fullstory ol {
    list-style-type: decimal !important;
    padding-left: 2rem !important;
    margin-bottom: 1rem !important;
}

/* Sırasız listeler */
.fullstory ul {
    list-style-type: disc !important;
    padding-left: 2rem !important;
    margin-bottom: 1rem !important;
}

.fullstory ul li, .fullstory ol li {
    margin-bottom: 0.5rem !important;
    padding-left: 0.25rem !important;
}

/* İç içe listeler */
.fullstory ul ul {
    list-style-type: circle !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.fullstory ul ul ul {
    list-style-type: square !important;
}

/* Yatay çizgi */
.fullstory hr {
    border: none !important;
    border-top: 1px solid #e5e7eb !important;
    margin: 1.5rem 0 !important;
}

.dark .fullstory hr {
    border-top-color: #374151 !important;
}

/* Tablolar */
.fullstory table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 1.5rem !important;
    border: 1px solid #e5e7eb !important;
}

.dark .fullstory table {
    border-color: #374151 !important;
}

.fullstory th {
    padding: 0.75rem !important;
    background-color: #f9fafb !important;
    font-weight: 600 !important;
    text-align: left !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

.dark .fullstory th {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    color: #f9fafb !important;
}

.fullstory td {
    padding: 0.75rem !important;
    border: 1px solid #e5e7eb !important;
}

.dark .fullstory td {
    border-color: #374151 !important;
}

.fullstory tbody tr:hover {
    background-color: #f9fafb !important;
}

.dark .fullstory tbody tr:hover {
    background-color: #1f2937 !important;
}

/* Kod blokları */
.fullstory code {
    padding: 0.125rem 0.375rem !important;
    background-color: #f3f4f6 !important;
    border-radius: 0.25rem !important;
    font-family: 'Courier New', monospace !important;
    font-size: 0.875rem !important;
    color: #ef4444 !important;
}

.dark .fullstory code {
    background-color: #374151 !important;
    color: #fca5a5 !important;
}

.fullstory pre {
    padding: 1rem !important;
    background-color: #1f2937 !important;
    border-radius: 0.5rem !important;
    overflow-x: auto !important;
    margin-bottom: 1rem !important;
}

.fullstory pre code {
    background-color: transparent !important;
    padding: 0 !important;
    color: #f9fafb !important;
}

/* Alıntılar */
.fullstory blockquote {
    border-left: 4px solid #14b8a6 !important;
    padding-left: 1rem !important;
    margin: 1rem 0 !important;
    font-style: italic !important;
    color: #6b7280 !important;
}

.dark .fullstory blockquote {
    border-left-color: #2dd4bf !important;
    color: #9ca3af !important;
}

/* Görseller */
.fullstory img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 0.5rem !important;
    margin: 1rem 0 !important;
}

/* Prose class'ı için de aynı stiller (Tailwind Typography yok ise) */
.prose {
    font-size: 1rem !important;
    line-height: 1.75 !important;
    color: #374151 !important;
}

.dark .prose {
    color: #d1d5db !important;
}

/* Prose içindeki tüm öğeler için fullstory stillerini uygula */
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { font-weight: 700 !important; line-height: 1.3 !important; color: #111827 !important; margin-top: 1.5rem !important; margin-bottom: 0.75rem !important; }
.dark .prose h1, .dark .prose h2, .dark .prose h3, .dark .prose h4, .dark .prose h5, .dark .prose h6 { color: #ffffff !important; }
.prose h1 { font-size: 2rem !important; }
.prose h2 { font-size: 1.5rem !important; }
.prose h3 { font-size: 1.25rem !important; }
.prose h4 { font-size: 1.125rem !important; }
.prose p { margin-bottom: 1rem !important; }
.prose strong, .prose b { font-weight: 700 !important; color: #111827 !important; }
.dark .prose strong, .dark .prose b { color: #ffffff !important; }
.prose em, .prose i { font-style: italic !important; }
.prose a { color: #14b8a6 !important; text-decoration: underline !important; }
.prose a:hover { color: #0d9488 !important; }
.dark .prose a { color: #2dd4bf !important; }
.prose ol { list-style-type: decimal !important; padding-left: 2rem !important; margin-bottom: 1rem !important; }
.prose ul { list-style-type: disc !important; padding-left: 2rem !important; margin-bottom: 1rem !important; }
.prose ul li, .prose ol li { margin-bottom: 0.5rem !important; }
.prose table { width: 100% !important; border-collapse: collapse !important; margin-bottom: 1.5rem !important; border: 1px solid #e5e7eb !important; }
.prose th { padding: 0.75rem !important; background-color: #f9fafb !important; font-weight: 600 !important; border: 1px solid #e5e7eb !important; color: #111827 !important; }
.prose td { padding: 0.75rem !important; border: 1px solid #e5e7eb !important; }
.dark .prose table { border-color: #374151 !important; }
.dark .prose th { background-color: #1f2937 !important; color: #f9fafb !important; border-color: #374151 !important; }
.dark .prose td { border-color: #374151 !important; }
.prose hr { border: none !important; border-top: 1px solid #e5e7eb !important; margin: 1.5rem 0 !important; }
.dark .prose hr { border-top-color: #374151 !important; }
.prose code { padding: 0.125rem 0.375rem !important; background-color: #f3f4f6 !important; border-radius: 0.25rem !important; font-size: 0.875rem !important; color: #ef4444 !important; }
.dark .prose code { background-color: #374151 !important; color: #fca5a5 !important; }
.prose img { max-width: 100% !important; height: auto !important; border-radius: 0.5rem !important; margin: 1rem 0 !important; }