/*
 |----------------------------------------------------------------------
 | Vitrin: yönetici tarafından girilen zengin metin (rich-text)
 |----------------------------------------------------------------------
 | Sayfalar ve Hakkımızda içeriği admin panelindeki editörden serbest HTML
 | olarak geliyor; bu HTML'e Tailwind sınıfı yazılamadığı için biçimlendirme
 | burada tanımlanıyor.
 */

.rich-text {
    color: #45423c;
    line-height: 1.75;
    font-size: 0.975rem;
}

.rich-text > * + * {
    margin-top: 1rem;
}

.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4 {
    color: #1B1916;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 2rem;
}

.rich-text h1 { font-size: 1.6rem; }
.rich-text h2 { font-size: 1.35rem; }
.rich-text h3 { font-size: 1.15rem; }
.rich-text h4 { font-size: 1rem; }

.rich-text p {
    margin: 0;
}

.rich-text strong {
    color: #1B1916;
    font-weight: 600;
}

.rich-text a {
    color: #7A2230;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.rich-text a:hover {
    color: #4F1620;
}

.rich-text ul,
.rich-text ol {
    padding-left: 1.25rem;
}

.rich-text ul { list-style: disc; }
.rich-text ol { list-style: decimal; }

.rich-text li + li {
    margin-top: 0.35rem;
}

.rich-text blockquote {
    border-left: 2px solid #CFCABD;
    padding-left: 1rem;
    color: #8C8A82;
    font-style: italic;
}

.rich-text img {
    max-width: 100%;
    height: auto;
}

.rich-text hr {
    border: 0;
    border-top: 1px solid #CFCABD;
    margin: 2rem 0;
}

.rich-text table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.rich-text th,
.rich-text td {
    border: 1px solid #CFCABD;
    padding: 0.5rem 0.75rem;
    text-align: left;
}