/* ============================================================
   Custom Block Styles — аналог Spectra
   Selectors: .is-style-{name}
   ============================================================ */

/* ── Paragraph: Highlight Box ─────────────────────────────── */
.is-style-highlight-box {
    background: #f0f4ff;
    border-left: 4px solid #4a6cf7;
    padding: 1.2em 1.5em;
    border-radius: 0 8px 8px 0;
    color: #1a237e;
}

/* ── Paragraph: Callout Info ──────────────────────────────── */
.is-style-callout-info {
    background: #e8f4fd;
    border: 1px solid #90caf9;
    border-left: 4px solid #2196f3;
    padding: 1em 1.4em;
    border-radius: 0 8px 8px 0;
    color: #0d47a1;
    position: relative;
    padding-left: 3.2em;
}
.is-style-callout-info::before {
    content: "ℹ";
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    color: #2196f3;
}

/* ── Paragraph: Callout Warning ───────────────────────────── */
.is-style-callout-warning {
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-left: 4px solid #ffc107;
    padding: 1em 1.4em 1em 3.2em;
    border-radius: 0 8px 8px 0;
    color: #4e3b00;
    position: relative;
}
.is-style-callout-warning::before {
    content: "⚠";
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    color: #ffc107;
}

/* ── Paragraph: Callout Success ───────────────────────────── */
.is-style-callout-success {
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
    border-left: 4px solid #4caf50;
    padding: 1em 1.4em 1em 3.2em;
    border-radius: 0 8px 8px 0;
    color: #1b5e20;
    position: relative;
}
.is-style-callout-success::before {
    content: "✓";
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    color: #4caf50;
}

/* ── Group: Card with Shadow ──────────────────────────────── */
.is-style-card-shadow {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,.10);
    padding: 2em;
}

/* ── Group: Card Bordered ─────────────────────────────────── */
.is-style-card-bordered {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 2em;
}

/* ── Group: Colored Section ───────────────────────────────── */
.is-style-section-colored {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    padding: 3em 2em;
    color: #fff;
}
.is-style-section-colored * { color: #fff; }

/* ── Heading: Underline Accent ────────────────────────────── */
.is-style-underline-accent {
    display: inline-block;
    border-bottom: 3px solid #4a6cf7;
    padding-bottom: .2em;
}

/* ── Heading: Badge Label ─────────────────────────────────── */
.is-style-badge-label {
    display: inline-block;
    background: #4a6cf7;
    color: #fff !important;
    padding: .2em .8em;
    border-radius: 6px;
    font-size: .75em;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* ── Button: Outline ──────────────────────────────────────── */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline {
    background: transparent !important;
    border: 2px solid currentColor;
    color: inherit;
}

/* ── Button: Rounded ──────────────────────────────────────── */
.wp-block-button.is-style-rounded .wp-block-button__link,
.wp-block-button__link.is-style-rounded {
    border-radius: 999px !important;
}

/* ── Image: Polaroid ──────────────────────────────────────── */
.is-style-polaroid {
    background: #fff;
    padding: 12px 12px 40px;
    box-shadow: 0 4px 18px rgba(0,0,0,.15);
    display: inline-block;
}

/* ── Image: Circle Frame ──────────────────────────────────── */
.is-style-circle-frame img {
    border-radius: 50%;
    border: 4px solid #4a6cf7;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}