/* ============================================================
   Descrição do produto (modo Landing Page) — render 1:1 do Quill
   ------------------------------------------------------------
   O HTML de `.produto-descricao` é gerado pelo Quill 1.3.6 (snow) em
   /home/products.php e sanitizado por htmLawed. Este arquivo é a ÚNICA
   fonte de estilo desse HTML e é carregado por:
     - app/domains/buyer/checkout/views/default.php (checkout do comprador)
     - public/home/products.php (card do produto no painel)
   Cada regra espelha o que quill.snow.css aplica em `.ql-editor`, pra que
   o vendedor veja no editor exatamente o que o comprador vê. Ao mudar
   algo aqui, confira o editor (o /home carrega Tailwind preflight, que
   zera títulos/listas — por isso tudo é explícito).
   ============================================================ */

.produto-descricao {
    line-height: 1.42;          /* .ql-editor */
    overflow-wrap: break-word;  /* .ql-editor word-wrap */
    word-wrap: break-word;
}

/* Blocos sem margem, como no editor: espaçamento vem de linhas em branco
   (<p><br></p>) que o vendedor deixa, não de margem automática. */
.produto-descricao p,
.produto-descricao div,
.produto-descricao ol,
.produto-descricao ul,
.produto-descricao h1,
.produto-descricao h2,
.produto-descricao h3,
.produto-descricao h4,
.produto-descricao h5,
.produto-descricao h6 {
    margin: 0;
    padding: 0;
}

/* Títulos: só tamanho. Peso segue o texto (no editor título NÃO é negrito;
   negrito é o botão B, que vira <strong>). */
.produto-descricao h1,
.produto-descricao h2,
.produto-descricao h3,
.produto-descricao h4,
.produto-descricao h5,
.produto-descricao h6 {
    font-weight: inherit;
    color: inherit;
}
.produto-descricao h1 { font-size: 2em; }
.produto-descricao h2 { font-size: 1.5em; }
.produto-descricao h3 { font-size: 1.17em; }
.produto-descricao h4 { font-size: 1em; }
.produto-descricao h5 { font-size: 0.83em; }
.produto-descricao h6 { font-size: 0.67em; }

/* Inline */
.produto-descricao strong,
.produto-descricao b { font-weight: 700; }
.produto-descricao em,
.produto-descricao i { font-style: italic; }
.produto-descricao u { text-decoration: underline; }
.produto-descricao s,
.produto-descricao strike { text-decoration: line-through; }
.produto-descricao sub { vertical-align: sub; font-size: smaller; }
.produto-descricao sup { vertical-align: super; font-size: smaller; }
.produto-descricao span { color: inherit; }   /* cor só via style inline do Quill */
.produto-descricao a {
    color: inherit;
    text-decoration: underline;
    word-break: break-all;
}

/* Listas (Tailwind preflight zera list-style/padding no /home) */
.produto-descricao ol,
.produto-descricao ul {
    padding-left: 1.5em;        /* .ql-editor ol, ul */
}
.produto-descricao ul { list-style: disc outside; }
.produto-descricao ol { list-style: decimal outside; }
.produto-descricao li {
    margin: 0;
    padding: 0;
}

/* Alinhamento (classes do Quill) */
.produto-descricao .ql-align-left { text-align: left; }
.produto-descricao .ql-align-center { text-align: center; }
.produto-descricao .ql-align-right { text-align: right; }
.produto-descricao .ql-align-justify { text-align: justify; }

/* Recuo (Tab no editor; listas aninhadas viram li.ql-indent-N) */
.produto-descricao .ql-indent-1 { padding-left: 3em; }
.produto-descricao .ql-indent-2 { padding-left: 6em; }
.produto-descricao .ql-indent-3 { padding-left: 9em; }
.produto-descricao .ql-indent-4 { padding-left: 12em; }
.produto-descricao .ql-indent-5 { padding-left: 15em; }
.produto-descricao .ql-indent-6 { padding-left: 18em; }
.produto-descricao .ql-indent-7 { padding-left: 21em; }
.produto-descricao .ql-indent-8 { padding-left: 24em; }