/* ═══════════════════════════════════════════════════════════════
   STUDIO BLOCK TEXT CSS — Stiluri pentru toate blocurile de tip text
   Loaded: EVERYWHERE (editor + user view)
   Contains: title, paragraph, unified text (titlu, paragraf, lista, special)
   ═══════════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════
   BLOCKS — Title
   ══════════════════════════════════════════ */

.studio-block-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.studio-block-title.studio-size-big    { font-size: 60px; letter-spacing: -1.5px; }
.studio-block-title.studio-size-medium { font-size: 44px; letter-spacing: -0.8px; }
.studio-block-title.studio-size-small  { font-size: 32px; letter-spacing: -0.4px; }

/* placeholder when empty */
.studio-block-title:empty::before {
    content: attr(data-placeholder);
    color: #A09D98;
    pointer-events: none;
}


/* ══════════════════════════════════════════
   BLOCKS — Paragraph
   ══════════════════════════════════════════ */

.studio-block-paragraph {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.studio-block-paragraph.studio-spacing-normal  { line-height: 1.6; }
.studio-block-paragraph.studio-spacing-wide    { line-height: 2.0; }
.studio-block-paragraph.studio-spacing-compact { line-height: 1.4; }

[contenteditable]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Kill browser focus outline on editable blocks */
.studio-block-title:focus,
.studio-block-paragraph:focus,
[contenteditable]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* placeholder when empty */
.studio-block-paragraph:empty::before {
    content: attr(data-placeholder);
    color: #A09D98;
    pointer-events: none;
}


/* ══════════════════════════════════════════
   BLOCKS — Unified Text (with subtypes)
   ══════════════════════════════════════════ */

/* Base text block — shared across subtypes */
.studio-block-text {
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* placeholder when empty */
.studio-block-text:empty::before {
    content: attr(data-placeholder);
    color: #A09D98;
    pointer-events: none;
}

/* ── Subtype: Titlu ── */
.studio-block-text.studio-text-titlu {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    line-height: 1.15;
}
.studio-block-text.studio-text-titlu.studio-size-big    { font-size: 60px; letter-spacing: -1.5px; }
.studio-block-text.studio-text-titlu.studio-size-medium { font-size: 44px; letter-spacing: -0.8px; }
.studio-block-text.studio-text-titlu.studio-size-small  { font-size: 32px; letter-spacing: -0.4px; }

/* ── Subtype: Paragraf ── */
.studio-block-text.studio-text-paragraf {
    font-size: 18px;
    font-weight: 400;
}
.studio-block-text.studio-text-paragraf.studio-spacing-normal  { line-height: 1.6; }
.studio-block-text.studio-text-paragraf.studio-spacing-wide    { line-height: 2.0; }
.studio-block-text.studio-text-paragraf.studio-spacing-compact { line-height: 1.4; }

/* ── Subtype: Lista (placeholder, de implementat) ── */
.studio-block-text.studio-text-lista {
    font-size: 15px;
    line-height: 1.8;
    padding-left: 14px;
    border-left: 3px solid #3b82f6;
}
.studio-block-text.studio-text-lista.studio-lista-numerotata {
    border-left-color: #f59e0b;
}

/* ── Subtype: Special (placeholder, de implementat) ── */
.studio-block-text.studio-text-special {
    font-size: 17px;
    line-height: 1.7;
    padding: 16px 20px;
    border-radius: 10px;
}
.studio-block-text.studio-text-special.studio-special-citat {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: italic;
    background: rgba(37, 99, 235, 0.06);
    border-left: 4px solid #3b82f6;
}
.studio-block-text.studio-text-special.studio-special-highlight {
    background: rgba(250, 204, 21, 0.2);
    font-weight: 500;
}


/* ══════════════════════════════════════════
   RESPONSIVE — Mobile
   ══════════════════════════════════════════ */

@media (max-width: 480px) {
    .studio-block-title.studio-size-big    { font-size: 38px; letter-spacing: -1px; }
    .studio-block-title.studio-size-medium { font-size: 30px; letter-spacing: -0.8px; }
    .studio-block-title.studio-size-small  { font-size: 24px; letter-spacing: -0.5px; }
    
    .studio-block-paragraph { font-size: 17px; }

    .studio-block-text.studio-text-titlu.studio-size-big    { font-size: 38px; letter-spacing: -1px; }
    .studio-block-text.studio-text-titlu.studio-size-medium { font-size: 30px; letter-spacing: -0.8px; }
    .studio-block-text.studio-text-titlu.studio-size-small  { font-size: 24px; letter-spacing: -0.5px; }
    .studio-block-text.studio-text-paragraf,
    .studio-block-text.studio-text-lista    { font-size: 17px; }
    .studio-block-text.studio-text-special  { font-size: 15px; }
}