/**
 * Block: Hotel Services List — Scoped Editor Stylesheet
 * Cargado SOLO en el editor Gutenberg. Scoped bajo .hotel-services-list-block.
 *
 * Author: ably Peru
 * Text Domain: ab_theme
 */

/* ── Fuente base del bloque ─────────────────────────────────────────────── */
.hotel-services-list-block,
.hotel-services-list-block * {
    font-family: 'Outfit', sans-serif !important;
}

/* ── Label: 01. Lodging ─────────────────────────────────────────────────── */
.hotel-services-list-block__label,
.hotel-services-list-block span.hotel-services-list-block__label {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4em !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 1rem !important;
}

/* ── Título H3 ──────────────────────────────────────────────────────────── */
.hotel-services-list-block h3,
.hotel-services-list-block__title {
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    color: #1c1008 !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

/* ── Descripción ────────────────────────────────────────────────────────── */
.hotel-services-list-block p,
.hotel-services-list-block__desc {
    font-size: 0.875rem !important;
    font-weight: 300 !important;
    line-height: 1.75 !important;
    color: #78716c !important;
}

/* ── Bullets ────────────────────────────────────────────────────────────── */
.hotel-services-list-block__bullet,
.hotel-services-list-block li span {
    font-size: 0.75rem !important;
    font-weight: 300 !important;
    color: #57534e !important;
    line-height: 1.6 !important;
}

/* ── Rich text: strong diferenciado ────────────────────────────────────── */
.hotel-services-list-block strong,
.hotel-services-list-block b {
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* ── Rich text: italic diferenciado ────────────────────────────────────── */
.hotel-services-list-block em,
.hotel-services-list-block i {
    font-style: italic !important;
    color: #8c6239 !important;
}

/* ── Rich text: links diferenciados ────────────────────────────────────── */
.hotel-services-list-block a {
    color: #BF9958 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-decoration-color: #BF9958 !important;
    text-underline-offset: 3px !important;
}

.hotel-services-list-block a:hover {
    color: #583016 !important;
    text-decoration-color: #583016 !important;
}

/* ── Estilos de Contraste para el Botón en el Editor Gutenberg ─────────── */
.hotel-services-list-block__btn-editor .block-editor-rich-text__editable {
    font-family: 'Outfit', sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Para botones rellenos (oro y oscuro), el texto y placeholder DEBEN ser blancos */
.hotel-services-list-block__btn-editor.btn-filled-brand .block-editor-rich-text__editable,
.hotel-services-list-block__btn-editor.btn-filled-brand3 .block-editor-rich-text__editable {
    color: #ffffff !important;
}

.hotel-services-list-block__btn-editor.btn-filled-brand [data-rich-text-placeholder]::after,
.hotel-services-list-block__btn-editor.btn-filled-brand3 [data-rich-text-placeholder]::after {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Para botones outline, el texto y placeholder DEBEN ser oro (#8B6C47) */
.hotel-services-list-block__btn-editor.btn-outline-brand .block-editor-rich-text__editable {
    color: #8B6C47 !important;
}

.hotel-services-list-block__btn-editor.btn-outline-brand [data-rich-text-placeholder]::after {
    color: rgba(139, 108, 71, 0.7) !important;
}