/* =====================================================
   EDITOR SANDBOX
   Amaç: Editör içeriğini tema ezmelerinden korumak
   ===================================================== */

html body .editor-sandbox,
html body .editor-sandbox * {
    box-sizing: border-box;
}

/* Tema başlık ezmelerini kır */
html body .editor-sandbox h1,
html body .editor-sandbox h2,
html body .editor-sandbox h3,
html body .editor-sandbox h4,
html body .editor-sandbox h5,
html body .editor-sandbox h6 {
    color: inherit;
    font-family: inherit;
}

/* Editör içeriğindeki linklerin mavi ve altı çizili olması (Eski projede olduğu gibi) */
html body .editor-sandbox a,
html body .sayfa-icerik-wrapper a {
    color: #0000ee !important;
    /* Standart link mavisi */
    text-decoration: underline !important;
}

html body .editor-sandbox a:hover,
html body .sayfa-icerik-wrapper a:hover {
    color: #0000aa !important;
    text-decoration: underline !important;
}

/* FontAwesome ikonları italik olmasın */
html body .editor-sandbox .fa,
html body .editor-sandbox .fas,
html body .editor-sandbox .far,
html body .editor-sandbox .fab {
    font-style: normal !important;
}

/* Tema img kuralları editörü bozmasın */
html body .editor-sandbox img {
    max-width: 100%;
    height: auto;
}

/* Editör içindeki tablo/row yapıları taşmasın */
html body .editor-sandbox .row {
    display: flex;
    flex-wrap: wrap;
}

/* Bootstrap collapse görünürlük uyumu */
html body .editor-sandbox .collapse.show,
html body .editor-sandbox .collapse.in {
    display: block;
}

html body .editor-sandbox .collapse:not(.show):not(.in) {
    display: none;
}

/* Editör içindeki Bootstrap v4 buton/link yapıları tema .btn tarafından ezilmesin */
html body .editor-sandbox .btn,
html body .editor-sandbox .btn-link {
    background: unset !important;
    background-color: unset !important;
    color: inherit !important;
    padding: unset !important;
    border: unset !important;
    border-radius: unset !important;
    box-shadow: none !important;
    height: auto !important;
    line-height: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-decoration: inherit !important;
}

/* Editör img'leri global img order/margin kuralından etkilenmesin */
html body .editor-sandbox img {
    order: initial !important;
    margin-right: 0 !important;
    max-width: 100%;
    height: auto;
}

/* Editör içindeki card yapısı tema .card/.btn zincirinden etkilenmesin */
html body .editor-sandbox .card,
html body .editor-sandbox .card-header,
html body .editor-sandbox .card-body,
html body .editor-sandbox .card-title,
html body .editor-sandbox .card-link {
    font: inherit;
    color: inherit;
}

html body .editor-sandbox .btn,
html body .editor-sandbox .btn-link {
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    line-height: inherit !important;
}

/* Editör içeriği Bootstrap davranışını korusun */
.sayfa-icerik-wrapper .btn-link {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: inherit !important;
}

/* editör img'leri global layout kurallarından etkilenmesin */
.sayfa-icerik-wrapper img {
    order: initial !important;
    margin-right: 0 !important;
}

/* Icon + text aynı satırda */
.sayfa-icerik-wrapper p {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* icon boyutu */
.sayfa-icerik-wrapper p img {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    object-fit: contain;
}