/* ==========================================================
   Blocs complexes : basés sur <blockquote> (pas <div>), seul
   conteneur générique où TinyMCE sait scinder proprement avec
   Entrée — icône injectée en ::before, pas de div imbriquée.
   Le thème stylise déjà `blockquote` (Bootstrap) : padding/
   margin/border-left sont écrasés ci-dessous, mais font-size
   doit aussi être réinitialisé pour ne pas hériter du 17.5px
   Bootstrap (style.css).
   ========================================================== */

.eb-key-takeaway,
.eb-tip,
.eb-note {
    position: relative;
    border-radius: 4px;
    padding: 14px 18px 14px 50px;
    margin: 16px 0;
}

.eb-key-takeaway,
.eb-tip,
.eb-note,
.eb-callout {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    word-break: break-word;
    text-align: left;
}

.eb-key-takeaway p,
.eb-tip p,
.eb-note p,
.eb-callout p {
    margin-top: 0;
}

.eb-key-takeaway::before,
.eb-tip::before,
.eb-note::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 14px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.eb-key-takeaway {
    background: rgba(95,198,208,0.15);
    border: 1px solid #31a0aa;
}

/* Icône identique au bouton TinyMCE (dashicons-visibility), extraite de
   wp-includes/fonts/dashicons.svg pour ne pas dépendre de la police
   dashicons (réservée à l'admin, non chargée côté public). */
.eb-key-takeaway::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%2331a0aa%22%20d%3D%22M18.3%209.5C15%204.9%208.5%203.8%203.9%207.2c-1.2.9-2.2%202.1-3%203.4.2.4.5.8.8%201.2%203.3%204.6%209.6%205.6%2014.2%202.4.9-.7%201.7-1.4%202.4-2.4.3-.4.5-.8.8-1.2-.3-.4-.5-.8-.8-1.1zm-8.2-2.3c.5-.5%201.3-.5%201.8%200s.5%201.3%200%201.8-1.3.5-1.8%200-.5-1.3%200-1.8zm-.1%207.7c-3.1%200-6-1.6-7.7-4.2C3.5%209%205.1%207.8%207%207.2c-.7.8-1%201.7-1%202.7%200%202.2%201.7%204.1%204%204.1%202.2%200%204.1-1.7%204.1-4v-.1c0-1-.4-2-1.1-2.7%201.9.6%203.5%201.8%204.7%203.5-1.7%202.6-4.6%204.2-7.7%204.2z%22%2F%3E%3C%2Fsvg%3E");
}

.eb-tip {
    background: #fff8e5;
    border: 1px solid #f0c33c;
}

/* dashicons-lightbulb */
.eb-tip::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23f0c33c%22%20d%3D%22M10%201c3.11%200%205.63%202.52%205.63%205.62%200%201.84-2.03%204.58-2.03%204.58-.33.44-.6%201.25-.6%201.8v1c0%20.55-.45%201-1%201H8c-.55%200-1-.45-1-1v-1c0-.55-.27-1.36-.6-1.8%200%200-2.02-2.74-2.02-4.58C4.38%203.52%206.89%201%2010%201zM7%2016.87V16h6v.87c0%20.62-.13%201.13-.75%201.13H12c0%20.62-.4%201-1.02%201h-2c-.61%200-.98-.38-.98-1h-.25c-.62%200-.75-.51-.75-1.13z%22%2F%3E%3C%2Fsvg%3E");
}

.eb-note {
    background: #f6f6f6;
    border: 1px solid #333333;
}

/* dashicons-edit */
.eb-note::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M13.89%203.39l2.71%202.72c.46.46.42%201.24.03%201.64l-8.01%208.02-5.56%201.16%201.16-5.58s7.6-7.63%207.99-8.03c.39-.39%201.22-.39%201.68.07zm-2.73%202.79l-5.59%205.61%201.11%201.11%205.54-5.65zm-2.97%208.23l5.58-5.6-1.07-1.08-5.59%205.6z%22%2F%3E%3C%2Fsvg%3E");
}

.eb-callout {
    background: #f6f6f6;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 14px 18px;
    margin: 16px 0;
}