/* ==========================================================
   Biçimli yazılar — paneldeki yazım çubuğuyla hazırlanan
   blog, tarif, soru-cevap ve Hakkımda metinleri.
   Aynı kurallar hem sitede hem de paneldeki editörde geçerli,
   böylece panelde gördüğünüz, sitede göreceğinizle aynıdır.
   ========================================================== */

.rich{font-size:1rem;overflow-wrap:break-word}
.rich *{font-family:inherit}
.rich p{margin:0 0 1.25rem;padding:0;white-space:normal}
.rich h2{font-size:1.375rem;line-height:1.45;color:#704264;letter-spacing:0;margin:1.875rem 0 1.125rem;padding:0;font-weight:700}
.rich h3{font-size:1.15rem;line-height:1.5;color:#8a627d;letter-spacing:0;margin:1.5rem 0 .75rem;padding:0;font-weight:700}
.rich>:first-child{margin-top:0}
.rich>:last-child{margin-bottom:0}
.rich ul,.rich ol{margin:0 0 1.25rem;padding:0 0 0 1.5em}
.rich ul{list-style:disc}
.rich ol{list-style:decimal}
.rich li{margin:.3em 0;padding-left:.2em}
.rich li ul{list-style:circle}
.rich li>ul,.rich li>ol{margin:.3em 0 0}
.rich li::marker{color:#9a6b8e}
.rich strong{font-weight:700}
.rich a{color:#704264;text-decoration:underline;text-underline-offset:2px}
.rich blockquote{border-left:3px solid #d8c3d1;margin:0 0 1em;padding:.2em 0 .2em 1em;font-style:italic}

/* Hizalama */
.rich .rt-align-center{text-align:center}
.rich .rt-align-right{text-align:right}
.rich .rt-align-justify{text-align:justify}

/* Yazı tipleri */
.rich .rt-font-montserrat{font-family:'Montserrat',sans-serif}
.rich .rt-font-playfair{font-family:'Playfair Display',Georgia,serif}
.rich .rt-font-lora{font-family:'Lora',Georgia,serif}
.rich .rt-font-dancing{font-family:'Dancing Script',cursive}

/* Yazı boyutları */
.rich .rt-size-small{font-size:.85rem}
.rich .rt-size-normal{font-size:1rem}
.rich .rt-size-large{font-size:1.3rem;line-height:1.5}
.rich .rt-size-huge{font-size:1.75rem;line-height:1.35}

/* Renkler */
.rich .rt-color-default{color:var(--rt-base,#5e555b)}
.rich .rt-color-mor{color:#704264}
.rich .rt-color-lila{color:#9a6b8e}
.rich .rt-color-yesil{color:#4f7a52}
.rich .rt-color-mavi{color:#3d6a8a}
.rich .rt-color-turuncu{color:#c0692b}
.rich .rt-color-kirmizi{color:#b03a48}

/* Sitede bulunduğu yere göre temel renk ve aralıklar */
.article-copy.rich,.recipe-rich{--rt-base:#5e555b;color:#5e555b}
.recipe-rich{margin-bottom:8px}
.faq-answer{--rt-base:#666;color:#666;line-height:1.9;padding-top:16px}
.about-text{--rt-base:#756773;color:#756773;line-height:1.95;margin-bottom:6px}

/* ---------------- Paneldeki editör ---------------- */
.rich-field{margin:14px 0 6px;min-width:0}
.rich-label{display:block;font-size:13px;color:#704264;font-weight:600;margin-bottom:6px}
.rt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;border:1px solid #d9cbd4;border-bottom:0;border-radius:8px 8px 0 0;background:#faf6f9}
.rt-toolbar select{display:inline-block;width:auto;height:34px;padding:0 26px 0 9px;border-radius:6px;font-size:13px;color:#4d3a47;cursor:pointer}
.rt-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:#704264;cursor:pointer;font-size:16px;line-height:1}
.rt-btn:hover{background:#eee5eb}
.rt-btn[aria-pressed="true"]{background:#704264;color:#fff}
.rt-btn b,.rt-btn i,.rt-btn u{font-family:Georgia,serif;font-size:17px}
.rt-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rt-btn svg circle{fill:currentColor}
.rt-sep{width:1px;height:22px;background:#e0d3dc;margin:0 3px}
.rt-color-wrap{position:relative;display:inline-flex}
.rt-a{font-weight:700;font-size:16px;padding-bottom:1px;border-bottom:4px solid #704264}
.rt-colors{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:grid;grid-template-columns:repeat(4,32px);gap:8px;padding:12px;background:#fff;border:1px solid #e0d3dc;border-radius:12px;box-shadow:0 12px 28px #0000002b}
.rt-colors[hidden]{display:none}
.rt-swatch{width:32px;height:32px;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 0 0 1px #cdbac7;cursor:pointer;padding:0}
.rt-swatch:hover{box-shadow:0 0 0 2px #704264}
.rt-editor{--rt-base:#5e555b;min-height:230px;max-height:65vh;overflow:auto;padding:16px 18px;border:1px solid #d9cbd4;border-radius:0 0 8px 8px;background:#fff;color:#5e555b;line-height:1.85;font-family:'Montserrat',sans-serif;outline:none;cursor:text}
.rt-editor:focus{border-color:#9a6b8e;box-shadow:0 0 0 3px #9a6b8e26}
/* Editörde yazı tipi/boyut/renk tarayıcının <font> etiketiyle tutulur */
.rt-editor font[face="montserrat"]{font-family:'Montserrat',sans-serif}
.rt-editor font[face="playfair"]{font-family:'Playfair Display',Georgia,serif}
.rt-editor font[face="lora"]{font-family:'Lora',Georgia,serif}
.rt-editor font[face="dancing"]{font-family:'Dancing Script',cursive}
.rt-editor font[size="1"],.rt-editor font[size="2"]{font-size:.85rem}
.rt-editor font[size="3"]{font-size:1rem}
.rt-editor font[size="4"],.rt-editor font[size="5"]{font-size:1.3rem;line-height:1.5}
.rt-editor font[size="6"],.rt-editor font[size="7"]{font-size:1.75rem;line-height:1.35}
@media(max-width:760px){
 .rt-toolbar{gap:2px;padding:5px}
 .rt-toolbar select{height:36px;font-size:13px;flex:1 1 calc(50% - 4px);min-width:0;padding:0 2px 0 8px}
 .rt-btn{min-width:36px;height:36px}
 .rt-sep{display:none}
 .rt-editor{min-height:200px;padding:14px}
}
