@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Lato:wght@400;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap');

.db-rich-editor{
    --db-editor-border:rgba(13,74,55,.24);
    --db-editor-surface:#ffffff;
    --db-editor-soft:#f3f8f6;
    --db-editor-text:#16231e;
    --db-editor-muted:#5f7069;
    --db-editor-accent:#087f5b;
    width:100%;
    overflow:hidden;
    border:1px solid var(--db-editor-border);
    border-radius:16px;
    background:var(--db-editor-surface);
    box-shadow:0 12px 30px rgba(7,42,31,.08);
}

.db-rich-editor:focus-within{
    border-color:rgba(8,127,91,.72);
    box-shadow:0 0 0 3px rgba(8,127,91,.13),0 12px 30px rgba(7,42,31,.1);
}

.db-rich-toolbar{
    display:flex;
    align-items:center;
    gap:6px;
    padding:9px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    border-bottom:1px solid var(--db-editor-border);
    background:linear-gradient(180deg,#fbfdfc,#edf5f2);
    scrollbar-width:thin;
}

.db-rich-toolbar-group{
    display:flex;
    align-items:center;
    gap:4px;
    flex:0 0 auto;
    padding-right:6px;
    border-right:1px solid rgba(22,35,30,.12);
}

.db-rich-toolbar-group:last-child{border-right:0;padding-right:0}

.db-rich-toolbar button,
.db-rich-toolbar select,
.db-rich-color-label{
    min-height:36px;
    border:1px solid rgba(22,35,30,.16);
    border-radius:9px;
    background:#fff;
    color:#16372c;
    font:700 .82rem/1 Inter,Arial,sans-serif;
}

.db-rich-toolbar button{
    min-width:36px;
    padding:7px 9px;
    cursor:pointer;
}

.db-rich-toolbar button:hover,
.db-rich-toolbar button:focus-visible,
.db-rich-toolbar select:hover,
.db-rich-toolbar select:focus-visible{
    border-color:var(--db-editor-accent);
    background:#e9f7f1;
    outline:none;
}

.db-rich-toolbar button.is-active{
    color:#fff;
    border-color:var(--db-editor-accent);
    background:var(--db-editor-accent);
}

.db-rich-toolbar select{
    width:auto;
    min-width:120px;
    padding:7px 28px 7px 9px;
    cursor:pointer;
}

.db-rich-toolbar .db-font-select{min-width:145px}
.db-rich-toolbar .db-size-select{min-width:88px}

.db-rich-color-label{
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    cursor:pointer;
    white-space:nowrap;
}

.db-rich-color-label input[type="color"]{
    width:24px;
    height:24px;
    margin:0;
    padding:0;
    border:0;
    border-radius:6px;
    background:transparent;
    cursor:pointer;
}

.db-rich-surface{
    min-height:260px;
    max-height:680px;
    overflow:auto;
    padding:20px;
    color:var(--db-editor-text);
    background:#fff;
    font:400 1rem/1.75 Inter,Arial,sans-serif;
    text-align:left;
    outline:none;
}

.db-rich-surface:empty::before{
    content:attr(data-placeholder);
    color:#82918b;
    pointer-events:none;
}

.db-rich-surface img,
.rich-content img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    margin:18px auto;
    border-radius:14px;
}

.db-rich-surface figure,
.rich-content figure{margin:22px 0;text-align:center}
.db-rich-surface figcaption,
.rich-content figcaption{margin-top:8px;color:#64736d;font-size:.9rem}

.db-rich-surface p,
.rich-content p{margin:.25em 0 1em}
.db-rich-surface h2,.rich-content h2{margin:1.2em 0 .55em;font-size:1.65em;line-height:1.3}
.db-rich-surface h3,.rich-content h3{margin:1.15em 0 .5em;font-size:1.35em;line-height:1.35}
.db-rich-surface h4,.rich-content h4{margin:1.1em 0 .45em;font-size:1.15em;line-height:1.4}
.db-rich-surface ul,.db-rich-surface ol,
.rich-content ul,.rich-content ol{margin:.5em 0 1.1em;padding-left:1.7em}
.db-rich-surface li,.rich-content li{margin:.3em 0}
.db-rich-surface blockquote,
.rich-content blockquote{
    margin:1.2em 0;
    padding:14px 18px;
    border-left:4px solid #0b8c67;
    border-radius:0 12px 12px 0;
    background:rgba(11,140,103,.08);
    font-style:italic;
}
.db-rich-surface a,
.rich-content a{color:#087f5b;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.db-rich-surface hr,.rich-content hr{margin:24px 0;border:0;border-top:1px solid rgba(22,35,30,.2)}

.db-rich-status{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:7px 12px;
    border-top:1px solid var(--db-editor-border);
    color:var(--db-editor-muted);
    background:var(--db-editor-soft);
    font:600 .76rem/1.4 Inter,Arial,sans-serif;
}

.db-rich-status-message.is-error{color:#b42318}
.db-rich-status-message.is-success{color:#087f5b}
.db-rich-source{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
    opacity:0!important;
}

.rich-content{
    overflow-wrap:anywhere;
    word-break:normal;
}

.home-universal-text.rich-content{white-space:normal}

@media(max-width:760px){
    .db-rich-editor{border-radius:13px}
    .db-rich-toolbar{padding:7px;gap:5px}
    .db-rich-toolbar button{min-width:34px;min-height:34px;padding:6px 8px}
    .db-rich-toolbar select{min-height:34px;max-width:142px}
    .db-rich-toolbar .db-font-select{min-width:132px}
    .db-rich-surface{min-height:230px;padding:15px;font-size:.98rem;line-height:1.7}
    .db-rich-status{align-items:flex-start;flex-direction:column;gap:2px}
}

/* Yöresel kültür katkı formu içindeki editör uyumu */
.upload-form .db-rich-editor{
    margin-top:0;
}

.upload-form .db-rich-toolbar select,
.upload-form .db-rich-toolbar button,
.upload-form .db-rich-color-label{
    color:#16372c;
}

.upload-form .db-rich-surface{
    color:#16231e;
}

.upload-form .db-rich-source + .db-rich-editor{
    width:100%;
}

.share-text.rich-content{
    color:#e0e0e0;
    line-height:1.7;
    font-size:.95rem;
}

.share-text.rich-content p:last-child{
    margin-bottom:0;
}

.share-text.rich-content h2,
.share-text.rich-content h3,
.share-text.rich-content h4{
    color:#fff;
}

.share-text.rich-content blockquote{
    color:#f4fbf9;
    background:rgba(0,180,216,.12);
    border-left-color:#00b4d8;
}

.share-text.rich-content img{
    max-height:420px;
    object-fit:contain;
    background:rgba(255,255,255,.05);
}
/* Yöresel Kültür form kayma düzeltmesi */
.upload-form,
.upload-form .form-row,
.upload-form .form-group,
.upload-form .category-fields{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
}

.upload-form .form-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

.upload-form .form-input,
.upload-form .db-rich-editor{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
}

.upload-form .db-rich-toolbar{
    width:100%;
    max-width:100%;
    flex-wrap:wrap;
    overflow-x:hidden;
}

.upload-form .db-rich-toolbar-group{
    min-width:0;
}

.upload-form .db-rich-toolbar button,
.upload-form .db-rich-toolbar select,
.upload-form .db-rich-color-label{
    flex:0 0 auto;
}

.upload-form .db-rich-surface{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

#katki-formu.panel{
    overflow:hidden;
}

@media(max-width:768px){
    .upload-form .form-row{
        grid-template-columns:1fr;
    }

    .upload-form .db-rich-toolbar{
        flex-wrap:nowrap;
        overflow-x:auto;
        scrollbar-width:thin;
    }
}