/*
 Theme Name:   ProRadio Child
 Theme URI:    https://pro.radio/
 Description:  The child theme allows easier customizations and template overrides
 Author:       Pro.Radio
 Author URI:   https://pro.radio/
 Template:     proradio
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         right-sidebar
 Text Domain:  proradio-child
*/

/***************************************************************
****************************************************************
************* PUT YOUR CUSTOM STYLES BELOW ********************/

/* Titulo de pagina sin banner (Noticias) */
.pmt-titulo-pagina{
	font-size: clamp(30px, 4.2vw, 52px);
	line-height: 1.1;
	margin: 8px 0 26px;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: .02em;
}

/* Miniatura a la izquierda en Publicaciones recientes */
.pam-recent{display:flex;align-items:center;gap:11px}
.pam-recent__thumb{flex:0 0 auto;width:44px;height:44px;border-radius:8px;background-color:#15151c;background-size:cover;background-position:center}
.pam-recent__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.pam-recent__txt a{line-height:1.25}

/* ===== MINIATURA A LA IZQUIERDA (reforzado) =====
   El CSS del plugin pinta el li centrado; esto lo fuerza en fila. */
.pam-widget ul.pam-recents > li.pam-recent,
.pam-widget li.pam-recent {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	text-align: left !important;
	gap: 11px !important;
	padding: 8px 0 !important;
}

.pam-widget li.pam-recent > .pam-recent__thumb {
	display: block !important;
	flex: 0 0 44px !important;
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	float: none !important;
	border-radius: 8px;
	background-color: #15151c;
	background-size: cover;
	background-position: center;
}

.pam-widget li.pam-recent > .pam-recent__txt {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	gap: 3px;
	min-width: 0;
	margin: 0 !important;
}

/* ===== FILAS IGUALES (recientes) =====
   Misma altura de fila, titulo a 2 lineas y fecha pegada. */
.pam-widget ul.pam-recents > li.pam-recent {
	min-height: 58px !important;
	padding: 7px 0 !important;
	align-items: center !important;
}

.pam-widget li.pam-recent > .pam-recent__thumb {
	flex: 0 0 52px !important;
	width: 52px !important;
	height: 52px !important;
	border-radius: 9px;
}

.pam-widget li.pam-recent > .pam-recent__txt a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
}

.pam-widget li.pam-recent > .pam-recent__txt .pam-date {
	font-size: 12px;
	opacity: .7;
	margin: 0;
}

.pam-widget li.pam-recent + li.pam-recent {
	border-top: 1px solid rgba(255,255,255,.07);
}

/* ===== MAS VISTAS (igual que recientes) ===== */
.pam-widget ul.pam-popular > li.pam-popular__item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 11px !important;
	min-height: 58px !important;
	padding: 7px 0 !important;
	text-align: left !important;
}

.pam-widget li.pam-popular__item > .pam-popular__img {
	display: block !important;
	flex: 0 0 52px !important;
	width: 52px !important;
	height: 52px !important;
	border-radius: 9px;
	background-size: cover;
	background-position: center;
	background-color: #15151c;
}

.pam-widget li.pam-popular__item > .pam-popular__body {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 3px;
	min-width: 0;
}

.pam-widget li.pam-popular__item .pam-popular__title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
}

.pam-widget li.pam-popular__item .pam-popular__views {
	font-size: 12px;
	opacity: .7;
}

.pam-widget li.pam-popular__item + li.pam-popular__item {
	border-top: 1px solid rgba(255,255,255,.07);
}