/* ================================================================
   wysiwyg.css — styly pro obsah z CKEditoru
   Načítá se:
     1) v head.php na frontendu → .wysiwyg wrapper
     2) v CKEditor jako contentsCss → živý náhled při editaci
   ================================================================ */


.wysiwyg {
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.85;
    color: #EDD9B0;
    background: transparent;
}


/* ── Nadpisy ───────────────────────────────────────────────── */
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-weight: 300;
    line-height: 1.15;
    color: #FEFBF4;
    margin: 2.5rem 0 1rem;
}
.wysiwyg h1 { font-size: clamp(2.2rem, 4vw, 3.5rem); }
.wysiwyg h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); }
.wysiwyg h3 { font-size: clamp(1.3rem, 2.5vw, 1.9rem); }
.wysiwyg h4 { font-size: 1.15rem; color: #ECC84A; }

.wysiwyg h1 em,
.wysiwyg h2 em,
.wysiwyg h3 em { font-style: italic; color: #ECC84A; }

.wysiwyg h2::after {
    content: '';
    display: block;
    width: 36px;
    height: 1px;
    background: linear-gradient(90deg, #D4A832, transparent);
    margin-top: 1rem;
    opacity: .6;
}

/* ── Odstavce ──────────────────────────────────────────────── */
.wysiwyg p            { margin: 0 0 1.2rem; color: #EDD9B0; }
.wysiwyg strong       { font-weight: 500; color: #FEFBF4; }
.wysiwyg em           { font-style: italic; color: #ECC84A; }

/* ── Odkazy ────────────────────────────────────────────────── */
.wysiwyg a {
    color: #85C8F0;
    text-decoration: none;
    border-bottom: 1px solid rgba(122,191,224,.3);
    transition: color .2s, border-color .2s;
}
.wysiwyg a:hover {
    color: #B8DFF8;
    border-bottom-color: rgba(168,216,240,.6);
}

/* ── Seznamy ───────────────────────────────────────────────── */
.wysiwyg ul,
.wysiwyg ol {
    list-style: none;
    margin: 0 0 1.5rem;
    padding: 0;
}
.wysiwyg ul li,
.wysiwyg ol li {
    position: relative;
    padding: .65rem 0 .65rem 1.6rem;
    border-bottom: 1px solid rgba(212,168,50,.08);
    font-size: .95rem;
    color: #EDD9B0;
}
.wysiwyg ul li:last-child,
.wysiwyg ol li:last-child { border-bottom: none; }

.wysiwyg ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D4A832;
}

.wysiwyg ol { counter-reset: ol-counter; }
.wysiwyg ol li { counter-increment: ol-counter; }
.wysiwyg ol li::before {
    content: counter(ol-counter) '.';
    position: absolute;
    left: 0;
    top: .65rem;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1rem;
    font-style: italic;
    color: #D4A832;
    opacity: .7;
}

/* ── Blockquote ────────────────────────────────────────────── */
.wysiwyg blockquote {
    margin: 2rem 0;
    padding: 1.8rem 2rem;
    background: rgba(30,61,92,.5);
    border-left: 3px solid #D4A832;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.4rem;
    font-weight: 300;
    font-style: italic;
    color: #FEFBF4;
    line-height: 1.5;
}
.wysiwyg blockquote cite {
    display: block;
    margin-top: 1rem;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: .8rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .1em;
    color: #D4A832;
    opacity: .7;
}

/* ── Oddělovač ─────────────────────────────────────────────── */
.wysiwyg hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212,168,50,.4), transparent);
    margin: 2.5rem 0;
}

/* ── Obrázky ───────────────────────────────────────────────── */
.wysiwyg img {
    max-width: 100%;
    height: auto;
    border-radius: 2px;
    display: block;
    margin: 1.5rem 0;
}
.wysiwyg figure        { margin: 1.5rem 0; }
.wysiwyg figcaption {
    font-size: .78rem;
    font-weight: 300;
    color: #D8C89C;
    opacity: .6;
    text-align: center;
    margin-top: .5rem;
    letter-spacing: .05em;
}

/* ── Tabulky ───────────────────────────────────────────────── */
.wysiwyg table          { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: .9rem; }
.wysiwyg th {
    background: rgba(30,61,92,.6);
    color: #ECC84A;
    font-weight: 500;
    font-size: .75rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: .8rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(212,168,50,.2);
}
.wysiwyg td {
    padding: .8rem 1rem;
    border-bottom: 1px solid rgba(212,168,50,.06);
    color: #EDD9B0;
    vertical-align: top;
}
.wysiwyg tr:last-child td { border-bottom: none; }

/* ── CKEditor editor body (pouze uvnitř editoru, ne na frontendu) ── */
.cke_editable {
    padding: 2rem;
    background: #162840;
    font-family: 'DM Sans', system-ui, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.85;
    color: #EDD9B0;
}