/* =====================================================================
   LIVING GUIDES — redesign of the "Guides to living in Mallorca"
   category archive (category-guides-to-living-in-mallorca.php) and its
   sidebar (sidebar-living.php).

   Scoped under .lg- classes so nothing else on the site is touched.
   Reuses the theme's real typography (Chronicle / Poppins / system
   stack, already declared in style.css) and its real accent colour
   (#f45c19) instead of the placeholder fonts/colours from the design
   reference file. Only enqueued on this one category archive — see
   balearic_living_guides_styles() in functions.php.
   ===================================================================== */

/* =====================================================================
   TABLAS DE CONTENIDO — todas las tablas insertadas en artículos y
   páginas (bloque "Tabla" del editor). Cabecera con borde inferior gris
   claro y texto en negrita; filas del cuerpo con una línea inferior más
   suave. Ejemplo real: /living/news/tax-considerations-for-foreign-buyers/
   ===================================================================== */
.post-wrapper table,
.page-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 28px 0 40px;
}
.post-wrapper .wp-block-table,
.page-content .wp-block-table {
	margin-bottom: 40px;
}
.post-wrapper th,
.page-content th {
	text-align: left;
	font-weight: 700;
	padding: 12px 16px;
	border-bottom: 2px solid #d6d6d6;
}
.post-wrapper td,
.page-content td {
	padding: 12px 16px;
	border-bottom: 1px solid #ececec;
}
.post-wrapper tr:last-child td,
.page-content tr:last-child td {
	border-bottom: none;
}


.lg-shell{ padding-top:10px; --bs-gutter-x:0.75rem; }

@media (min-width:992px){
	.lg-shell > .lg-main{ flex:0 0 auto; width:70%; }
	.lg-shell > .lg-aside{ flex:0 0 auto; width:30%; }
}
.lg-main .navigation.pagination{margin-top:60px}

.lg-eyebrow{
	font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#666;
}
.lg-eyebrow--accent{color:#f45c19}
.lg-eyebrow--accent::before{
	content:"";display:inline-block;width:20px;height:1px;background:#f45c19;vertical-align:middle;margin-right:10px
}

/* ---- Meta line (reused on feature / cards / picks) ------------------- */
.lg-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#666}
.lg-meta__dot{width:3px;height:3px;border-radius:50%;background:#f45c19;flex:none}

/* ---- Button (matches the weight/case of the site's .post-link) ------- */
.lg-btn{
	display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
	padding:12px 22px;background:#f45c19;color:#fff;border:1px solid #f45c19;transition:.3s;
}
.lg-btn:hover{background:transparent;color:#f45c19;text-decoration:none}
.lg-btn svg{width:16px;height:9px;flex:none;transition:transform .3s}
.lg-btn:hover svg{transform:translateX(4px)}

/* ---- Featured article -------------------------------------------------*/
.lg-feature{display:flex;flex-direction:column;background:#f3f3f3;margin-bottom:48px;overflow:hidden}
.lg-feature__media{position:relative;overflow:hidden;min-height:260px;display:block}
.lg-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);margin-bottom:0}
.lg-feature:hover .lg-feature__media img{transform:scale(1.04)}
.lg-feature__body{padding:28px 24px;border-top:2px solid #f45c19;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.lg-feature__title{font-family:"Chronicle","Times New Roman",serif;font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1.15;margin:12px 0}
.lg-feature__title a{color:#212529}
.lg-feature__title a:hover{color:#f45c19;text-decoration:none}
.lg-feature__excerpt{font-size:15px;color:#4c4c4c;max-width:60ch}
.lg-feature__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media (min-width:768px){
	.lg-feature{flex-direction:row}
	.lg-feature__media{flex:0 0 58%;min-height:360px}
	.lg-feature__body{flex:1;padding:40px}
}

/* ---- Card grid ---------------------------------------------------------*/
.lg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 28px;margin-bottom:8px}
.lg-card{display:flex;flex-direction:column}
.lg-card__media{position:relative;display:block;aspect-ratio:6/5;overflow:hidden;background:#f3f3f3}
.lg-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1);margin-bottom:0}
.lg-card:hover .lg-card__media img{transform:scale(1.05)}
.lg-card__tag{position:absolute;left:0;bottom:0;background:#fff;padding:8px 12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#333}
.lg-card__title{font-family:"Chronicle","Times New Roman",serif;font-weight:400;font-size:21px;line-height:1.2;margin:16px 0 8px}
.lg-card__title a{color:#212529;transition:color .3s}
.lg-card:hover .lg-card__title a{color:#f45c19;text-decoration:none}
.lg-card__excerpt{font-size:14px;color:#4c4c4c;margin-bottom:12px}
.lg-card .lg-meta{margin-top:auto}

.lg-empty{color:#666;font-size:15px;padding:24px 0}

@media (max-width:991px){ .lg-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:575px){ .lg-grid{grid-template-columns:1fr} }

/* ---- Sidebar widgets ---------------------------------------------------*/
.lg-side{display:flex;flex-direction:column;gap:36px}
.lg-widget{border-top:1px solid #e3e3e3;padding-top:20px}
.lg-widget__title{font-family:"Chronicle","Times New Roman",serif;font-weight:400;font-size:24px;line-height:1.15;margin:8px 0 16px}

.lg-list{margin:0;padding:0}
.lg-list li{border-bottom:1px solid #e3e3e3;list-style:none}
.lg-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;font-size:14px;color:#333;transition:.3s}
.lg-list a:hover{padding-left:6px;color:#f45c19;text-decoration:none}
.lg-list svg{width:14px;height:9px;opacity:.4;flex:none;transition:.3s}
.lg-list a:hover svg{opacity:1;transform:translateX(3px)}

.lg-pick{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #e3e3e3;color:inherit}
.lg-pick:hover{text-decoration:none}
.lg-pick:last-child{border-bottom:0}
.lg-pick__media{aspect-ratio:1;overflow:hidden;background:#f3f3f3}
.lg-pick__media img{width:100%;height:100%;object-fit:cover;margin-bottom:0}
.lg-pick__title{font-family:"Chronicle","Times New Roman",serif;font-weight:400;font-size:15px;line-height:1.25;margin:4px 0 6px;color:#212529;transition:.3s}
.lg-pick:hover .lg-pick__title{color:#f45c19}

.lg-advisor{background:#212529;color:#fff;padding:28px 24px;border-top:0}
.lg-advisor .lg-eyebrow{color:#ffa240}
.lg-advisor__title{font-family:"Chronicle","Times New Roman",serif;font-weight:400;font-size:21px;line-height:1.2;margin:10px 0}
.lg-advisor p{font-size:14px;color:#cfcfcf;margin-bottom:18px}
.lg-advisor .lg-btn{background:#fff;color:#212529;border-color:#fff}
.lg-advisor .lg-btn:hover{background:transparent;color:#fff}

.lg-news p{font-size:13px;color:#4c4c4c;margin-bottom:12px}
.lg-news .wpcf7-form-control-wrap{display:block;margin:0;flex:1 1 auto}
/* The site-wide .subscribe-fields-wrapper rule (style.css) makes the Subscribe
   button position:absolute + width:100%, which sits on top of the email field
   and blocks clicks into it. Overridden here, scoped to this widget only, with
   a flex row instead so the input and button share one line/underline. */
.lg-news .subscribe-fields-wrapper{display:flex;align-items:center;gap:12px;border-bottom:1px solid #212529;margin-bottom:10px}
.lg-news .wpcf7-form input[type="text"],
.lg-news .wpcf7-form input[type="email"]{
	width:100%;border:0;background:transparent;font-size:14px;padding:10px 0;
}
.lg-news .wpcf7-form input[type="submit"]{
	position:static;width:auto;flex:none;white-space:nowrap;
	border:0;background:transparent;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
	padding:10px 0;color:#212529;cursor:pointer;
}
.lg-news .wpcf7-form input[type="submit"]:hover{color:#f45c19}
.lg-news .wpcf7-response-output{font-size:12px;margin-top:10px}

.lg-archive__year{display:flex;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid #e3e3e3}
.lg-archive__year:last-child{border-bottom:0}
.lg-archive__label{font-family:"Chronicle","Times New Roman",serif;font-size:16px;min-width:44px}
.lg-archive__months{display:flex;flex-wrap:wrap;gap:6px 8px}
.lg-archive__months a{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:5px 9px;border:1px solid #ccc;color:#666;transition:.3s;display:inline-block}
.lg-archive__months a:hover{border-color:#212529;background:#212529;color:#fff;text-decoration:none}

.lg-savills{display:flex;align-items:center;gap:16px}
.lg-savills__mark{width:56px;height:auto;flex:none;margin-bottom:0}
.lg-savills__text{font-size:12px;line-height:1.5;color:#666}
.lg-savills__text strong{display:block;font-weight:600;color:#212529;font-size:13px;margin-bottom:2px}

@media (min-width:992px){
	#sidebar.lg-side{border-left:0;padding-left:60px}
}

@media (prefers-reduced-motion: reduce){
	.lg-feature *, .lg-card *, .lg-pick *, .lg-list a, .lg-archive__months a, .lg-btn { transition:none!important; }
}