/*
Theme Name: Ibiza 5 Sentidos — Blogs
Theme URI: https://www.ibiza5sentidos.es/
Template: ibiza5s
Author: We Love Media
Description: Tema hijo de "Ibiza 5 Sentidos" para los blogs del multisite. Reutiliza cabecera, menú y pie del tema principal, con layout de blog (listado + sidebar de widgets).
Version: 0.1.0
Requires PHP: 7.4
Text Domain: ibiza5s-blog
*/

/* =========================================================
   Layout de blog (contenido + sidebar)
   ========================================================= */
.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;padding:28px 20px 40px;align-items:start;}
.blog-main{min-width:0;}

/* --- Listado de entradas --- */
.blog-list-item{padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid var(--i5-line);}
.blog-list-item:last-child{border-bottom:0;}
.bli-thumb{display:block;overflow:hidden;margin-bottom:18px;aspect-ratio:16/8;}
.bli-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.bli-thumb:hover img{transform:scale(1.02);}

/* fila: columna de meta estrecha (izq.) + texto (der.) */
.bli-body{display:grid;grid-template-columns:106px 1fr;gap:28px;align-items:start;}
.bli-meta{display:flex;flex-direction:column;gap:11px;text-align:right;padding-top:3px;}
.bli-m{display:flex;align-items:flex-start;justify-content:flex-end;gap:7px;font-size:.62rem;font-weight:500;line-height:1.35;text-transform:uppercase;letter-spacing:.02em;color:var(--i5-muted);}
.bli-m .bli-m-txt{min-width:0;}
.bli-m a{color:var(--i5-brand);}
.bli-m a:hover{color:var(--i5-brand-dark);}
.bli-m svg{flex:0 0 auto;margin-top:1px;color:var(--i5-muted);}

.bli-title{margin:0 0 .5em;font-family:"museo","Museo",var(--i5-font-serif);font-weight:300;font-style:italic;font-size:1.4rem;line-height:1.25;}
.bli-title a{color:var(--i5-brand);text-decoration:underline;text-underline-offset:2px;}
.bli-title a:hover{color:var(--i5-brand-dark);}
.bli-excerpt{color:var(--i5-ink);font-weight:300;line-height:1.6;margin:0 0 14px;}
.bli-more{display:inline-block;color:var(--i5-brand);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;}

@media (max-width:600px){
	.bli-body{grid-template-columns:1fr;gap:12px;}
	.bli-meta{flex-direction:row;flex-wrap:wrap;text-align:left;gap:6px 16px;padding-top:0;}
	.bli-m{justify-content:flex-start;flex-direction:row-reverse;}
}

/* --- Variante apilada (guisatdeclick): título arriba, imagen natural, meta abajo --- */
.bli-title--top{font-size:1.55rem;margin:0 0 14px;}
.bli-title--top a{font-style:normal;text-decoration:none;font-weight:500;}
.bli-thumb--natural{aspect-ratio:auto;margin-bottom:16px;}
.bli-thumb--natural img{height:auto;object-fit:fill;}
.bli-meta--row{display:flex;flex-direction:row;flex-wrap:wrap;text-align:left;gap:8px 22px;margin-top:16px;padding-top:14px;border-top:1px solid var(--i5-line);}
.bli-meta--row .bli-m{justify-content:flex-start;}

/* --- Entrada individual --- */
.blog-single-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--i5-muted);font-size:.78rem;font-weight:400;margin-bottom:14px;text-transform:uppercase;letter-spacing:.02em;}
.blog-single-meta a{color:var(--i5-brand);}
.blog-single-thumb{margin-bottom:18px;border-radius:2px;overflow:hidden;}
.blog-single-thumb img{width:100%;height:auto;display:block;}
.blog-single-title{margin:0 0 .3em;font-family:"museo","Museo",var(--i5-font-serif);font-weight:300;font-style:italic;font-size:2.1rem;line-height:1.2;color:var(--i5-brand);}
.blog-single .entry-content{margin-top:18px;}

/* Etiquetas al final de la entrada (pastillas azul claro, como las tarjetas) */
.blog-single .entry-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--i5-line);}
.blog-single .entry-tags a{font-size:.72rem;color:#3d7d94;background:#e3eef2;padding:4px 12px;border-radius:12px;font-weight:400;line-height:1.5;}
.blog-single .entry-tags a:hover{background:var(--i5-brand);color:#fff;}

/* --- Paginación --- */
.blog-pagination{display:flex;gap:6px;flex-wrap:wrap;padding:24px 0;}
.blog-pagination .page-numbers{display:inline-block;padding:.5em .9em;background:#fff;border:1px solid var(--i5-line);border-radius:var(--i5-radius);color:var(--i5-brand);font-weight:600;}
.blog-pagination .page-numbers.current{background:var(--i5-brand);color:#fff;border-color:var(--i5-brand);}

/* =========================================================
   Sidebar de widgets del blog
   ========================================================= */
.blog-sidebar .widget{margin-bottom:28px;font-weight:300;}
.blog-sidebar .widget-title{color:var(--i5-brand);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--i5-line);padding-bottom:8px;margin:0 0 14px;}
.blog-sidebar img{max-width:100%;height:auto;}
.blog-sidebar p{font-weight:300;line-height:1.5;font-size:.9rem;color:var(--i5-ink-soft);}
.blog-sidebar ul{list-style:none;margin:0;padding:0;}
.blog-sidebar li{padding:4px 0;font-size:.9rem;}
.blog-sidebar a{color:var(--i5-brand);}
.blog-sidebar a:hover{color:var(--i5-brand-dark);}
/* Selector de idioma WPML en widget */
.blog-sidebar .wpml-ls-statics-widget{font-size:.85rem;}

@media (max-width:820px){
	.blog-layout{grid-template-columns:1fr;gap:30px;}
}