/* ============================================================
   Takeaways Box — Estilos del Bloque
   Condor Agency / Blog Module
   Aplica tanto en el editor Gutenberg como en el frontend.
   ============================================================ */


/* ──────────────────────────────────────────────────────────────
   Wrapper externo (espacio para el badge colgante)
   ────────────────────────────────────────────────────────────── */
.takeaways-wrapper {
	position:      relative;
	padding-top:   16px;
	margin-top:    1.5em;
	margin-bottom: 1.5em;
	max-width:     100%;
}

/* Evitar overflow hidden del tema que corte el badge */
.wp-block-condor-takeaways-box.takeaways-wrapper {
	overflow: visible !important;
}


/* ──────────────────────────────────────────────────────────────
   Card / contenedor principal
   ────────────────────────────────────────────────────────────── */
.takeaways-box {
	position:         relative;
	border:           1.5px solid #FFCC29;
	border-radius:    0px 54px;
	padding:          30px 36px 32px;
	background-color: #ffffff;
	box-sizing:       border-box;
}


/* ──────────────────────────────────────────────────────────────
   Badge / Label
   ────────────────────────────────────────────────────────────── */


.takeaways-box__label {
	display:          inline-block;
	background-color: #29B6D8;
	color:            #ffffff;
	font-family:      inherit;
	font-size:        12px;
	font-weight:      700;
	line-height:      1.6;
	padding:          3px 14px;
	border-radius:    0;
	letter-spacing:   0.015em;
	white-space:      nowrap;
	margin-bottom: 1em;
}


/* ──────────────────────────────────────────────────────────────
   Lista de puntos
   Layout a prueba de overrides del tema: el dash se posiciona de
   forma absoluta relativa a cada ítem, sin depender de flex.
   ────────────────────────────────────────────────────────────── */
.takeaways-box .takeaways-list {
	list-style:  none !important;
	margin:      0 !important;
	padding:     22px 0 0 0 !important;   /* espacio para la línea divisora */
	border-top:  1px solid #ECECEC;       /* línea bajo el badge */
}

.takeaways-box .takeaways-list .takeaways-item {
	position:     relative;
	display:      block;
	list-style:   none !important;
	margin:       0 0 18px 0 !important;
	padding:      0 0 0 34px !important;   /* deja hueco a la izquierda para el dash */
}

.takeaways-box .takeaways-list .takeaways-item:last-child {
	margin-bottom: 0 !important;
}

.takeaways-box .takeaways-list .takeaways-item::marker {
	content: none;   /* mata cualquier bullet nativo del tema */
}
.takeaways-box ul li::before {

    margin: 10px 15px 3px -25px !important;

    position: absolute !important;
}

/* Contenido del ítem */
.takeaways-item__content {
	display:     block;
	font-size:   15px;
	line-height: 1.75;
	color:       #333333;
	margin:      0;
}

.takeaways-item__content strong {
	font-weight: 700;
	color:       #111111;
}


/* ──────────────────────────────────────────────────────────────
   Editor overrides
   ────────────────────────────────────────────────────────────── */

/* Badge RichText hereda los estilos del label */
.takeaways-box__label-wrap .rich-text,
.takeaways-box__label-wrap .block-editor-rich-text__editable {
	display:          inline-block;
	background-color: #29B6D8;
	color:            #ffffff;
	font-size:        11.5px;
	font-weight:      700;
	line-height:      1.6;
	padding:          3px 14px;
	border-radius:    0;
	letter-spacing:   0.015em;
	white-space:      nowrap;
	border:           none;
	outline:          none;
	min-width:        44px;
	cursor:           text;
	box-shadow:       none;
}

/* Focus ring del badge */
.takeaways-box__label-wrap .rich-text:focus,
.takeaways-box__label-wrap .block-editor-rich-text__editable:focus {
	box-shadow: 0 0 0 2px #007cba;
}

/* Botón eliminar ítem — solo visible en el editor (hover) */
.takeaways-item__remove {
	position:    absolute;
	top:         50%;
	right:       -8px;
	transform:   translateY(-50%);
	opacity:     0;
	transition:  opacity 0.15s ease;
	color:       #cc1818 !important;
}

.takeaways-item:hover .takeaways-item__remove {
	opacity: 1;
}

/* Botón "Agregar punto" */
.takeaways-add-btn {
	margin-top: 16px !important;
	display:    inline-flex !important;
}