/**
 * History Section Base Styles
 * Tarihçe section'u için gerekli temel CSS kodları
 * style.css ve utils.css'den alınan kodlar
 */

/* ============================================
   TEXT EDITOR STYLES (from style.css)
   ============================================ */

.text-editor {
    color: var(--tw-prose-body);
    max-width: none
}

.text-editor :where(p):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 20px;
    line-height: 30px;
    color: #000
}

.text-editor :where([class~=lead]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.text-editor :where(a):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: #6e1717;
    text-decoration: none;
    font-weight: 500;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 1.125rem;
    line-height: 1.5 !important;
    position: relative;
    display: inline-block;
    transition: color .2s
}

.text-editor :where(a):not(:where([class~=not-text-editor], [class~=not-text-editor] *)):hover:before {
    width: 100%
}

.text-editor :where(a):not(:where([class~=not-text-editor], [class~=not-text-editor] *)):before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 2px;
    width: 0;
    background-color: #6e1717;
    transition: width .2s
}

.text-editor :where(strong):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.text-editor :where(a strong):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit
}

.text-editor :where(blockquote strong):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit
}

.text-editor :where(thead th strong):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit
}

.text-editor :where(ol):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: decimal;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-inline-start: 1.625em;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #000
}

.text-editor :where(ol[type=A]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: upper-alpha
}

.text-editor :where(ol[type=a]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: lower-alpha
}

.text-editor :where(ol[type=A s]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: upper-alpha
}

.text-editor :where(ol[type=a s]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: lower-alpha
}

.text-editor :where(ol[type=I]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: upper-roman
}

.text-editor :where(ol[type=i]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: lower-roman
}

.text-editor :where(ol[type=I s]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: upper-roman
}

.text-editor :where(ol[type=i s]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: lower-roman
}

.text-editor :where(ol[type="1"]):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: decimal
}

.text-editor :where(ul):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    list-style-type: disc;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-inline-start: 1.625em;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #000
}

.text-editor :where(ol>li):not(:where([class~=not-text-editor], [class~=not-text-editor] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.text-editor :where(ul>li):not(:where([class~=not-text-editor], [class~=not-text-editor] *))::marker {
    color: var(--tw-prose-bullets)
}

.text-editor :where(dt):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.text-editor :where(hr):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: #0000001a;
    border: none;
    height: 1px;
    width: 100%
}

.text-editor :where(blockquote):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    font-weight: 500;
    font-style: italic;
    color: #000;
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: """'"'"'"'";
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-inline-start: 1em;
    font-size: 1.25rem;
    line-height: 1.5 !important
}

.text-editor :where(blockquote p:first-of-type):not(:where([class~=not-text-editor], [class~=not-text-editor] *)):before {
    content: open-quote
}

.text-editor :where(blockquote p:last-of-type):not(:where([class~=not-text-editor], [class~=not-text-editor] *)):after {
    content: close-quote
}

.text-editor :where(h1):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: #000;
    font-weight: 500;
    font-size: 64px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 80px
}

.text-editor :where(h1 strong):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    font-weight: 900;
    color: inherit
}

.text-editor :where(h2):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: #000;
    font-weight: 500;
    font-size: 48px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 64px
}

.text-editor :where(h2 strong):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    font-weight: 800;
    color: inherit
}

.text-editor :where(h3):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: #000;
    font-weight: 500;
    font-size: 32px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 48px
}

.text-editor :where(h3 strong):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    font-weight: 700;
    color: inherit
}

.text-editor :where(h4):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: #000;
    font-weight: 500;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 36px;
    font-size: 24px
}

.text-editor :where(h4 strong):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    font-weight: 700;
    color: inherit
}

.text-editor :where(img):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.text-editor :where(picture):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em
}

.text-editor :where(video):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.text-editor :where(kbd):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);
    font-size: .875em;
    border-radius: .3125rem;
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-inline-start: .375em
}

.text-editor :where(code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.text-editor :where(code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)):before {
    content: "`"
}

.text-editor :where(code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)):after {
    content: "`"
}

.text-editor :where(a code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit
}

.text-editor :where(h1 code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit
}

.text-editor :where(h2 code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit;
    font-size: .875em
}

.text-editor :where(h3 code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit;
    font-size: .9em
}

.text-editor :where(h4 code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit
}

.text-editor :where(blockquote code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit
}

.text-editor :where(thead th code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: inherit
}

.text-editor :where(pre):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding-top: .8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-inline-start: 1.1428571em
}

.text-editor :where(pre code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.text-editor :where(pre code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)):before {
    content: none
}

.text-editor :where(pre code):not(:where([class~=not-text-editor], [class~=not-text-editor] *)):after {
    content: none
}

.text-editor :where(table):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.text-editor :where(thead):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.text-editor :where(thead th):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em
}

.text-editor :where(tbody tr):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.text-editor :where(tbody tr:last-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    border-bottom-width: 0
}

.text-editor :where(tbody td):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    vertical-align: baseline
}

.text-editor :where(tfoot):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.text-editor :where(tfoot td):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    vertical-align: top
}

.text-editor :where(th, td):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    text-align: start
}

.text-editor :where(figure>*):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.text-editor :where(figcaption):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.text-editor {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.text-editor :where(picture>img):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.text-editor :where(li):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 20px;
    line-height: 30px;
    padding-left: 0 !important;
    color: #000
}

.text-editor :where(li):not(:where([class~=not-text-editor], [class~=not-text-editor] *))::marker {
    color: inherit !important
}

.text-editor :where(ol>li):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    padding-inline-start: .375em
}

.text-editor :where(ul>li):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    padding-inline-start: .375em
}

.text-editor :where(.text-editor>ul>li p):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.text-editor :where(.text-editor>ul>li>p:first-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 1.25em
}

.text-editor :where(.text-editor>ul>li>p:last-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-bottom: 1.25em
}

.text-editor :where(.text-editor>ol>li>p:first-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 1.25em
}

.text-editor :where(.text-editor>ol>li>p:last-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-bottom: 1.25em
}

.text-editor :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.text-editor :where(dl):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.text-editor :where(dd):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.text-editor :where(hr+*):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0
}

.text-editor :where(h2+*):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0
}

.text-editor :where(h3+*):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0
}

.text-editor :where(h4+*):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0
}

.text-editor :where(thead th:first-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    padding-inline-start: 0
}

.text-editor :where(thead th:last-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    padding-inline-end: 0
}

.text-editor :where(tbody td, tfoot td):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    padding-top: .5714286em;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em
}

.text-editor :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    padding-inline-start: 0
}

.text-editor :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    padding-inline-end: 0
}

.text-editor :where(figure):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.text-editor :where(.text-editor>:first-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0
}

.text-editor :where(.text-editor>:last-child):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-bottom: 0
}

.text-editor :where(h5):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #000
}

.text-editor :where(h6):not(:where([class~=not-text-editor], [class~=not-text-editor] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #000
}

/* ============================================
   UTILITY CLASSES (from style.css)
   ============================================ */

.rounded-12 {
    border-radius: 12px
}

.full-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block
}

/* ============================================
   ICON FONT (from utils.css)
   ============================================ */

@font-face {
    font-family: iconfont;
    src: url(../../assets/font/iconfont/iconfont.eot);
    src: url(../../assets/font/iconfont/iconfont.eot?#iefix) format("embedded-opentype"), url(../../assets/font/iconfont/iconfont.woff) format("woff"), url(../../assets/font/iconfont/iconfont.ttf) format("truetype"), url(../../assets/font/iconfont/iconfont.svg#iconfont) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=icon-]:before {
    display: inline-block;
    font-family: iconfont;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-left:before {
    content: "A"
}

.icon-arrow-right:before {
    content: "B"
}

/* ============================================
   CONTAINER CLASSES (minimal definitions)
   ============================================ */

.wrapper {
    /* Container wrapper - no specific styles needed */
}

.new-field {
    /* Section field - no specific styles needed */
}