/**
 * BETO Layout · Économie (l9)
 *
 * Externalisé depuis layout-economie.php (audit 2026-04-16).
 * Variables CSS définies par base_css() (inline par instance) :
 *   --sa (accent), --sb, --sbg, --st, --st2, --st3, --sm, --sser, --ssan, --sui, --tr-slow
 *
 * Chargé via : class-elementor-init.php::frontend_styles()
 * Enqueue : beto-layout-economie
 */

/* ══ Layout 9 — Économie grid ══ */
.bsec .l9__grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:0;align-items:start;padding-bottom:1.5rem;border-bottom:1px solid var(--sb);margin-bottom:1.5rem}

/* COL 1 : Hero + bullets */
.bsec .l9__col1{padding-right:1.25rem;border-right:1px solid var(--sb)}
.bsec .l9__hero{text-decoration:none;color:inherit;display:block}
.bsec .l9__hero-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--sbg);margin-bottom:.75rem}
.bsec .l9__hero-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--tr-slow)}
.bsec .l9__hero:hover .l9__hero-img img{transform:scale(1.03)}
.bsec .l9__hero-title{font:700 1.875rem/1.15 var(--sser);color:var(--st);margin:0 0 .5rem;word-break:break-word}
.bsec .l9__hero:hover .l9__hero-title{color:var(--sa)}
.bsec .l9__title-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:0 0 .5rem}
.bsec .l9__title-row .bst-meta__format{flex-shrink:0;align-self:center}
.bsec .l9__title-row h3{margin:0}
.bsec .l9__bullets{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--sb);list-style:disc;list-style-position:inside}
.bsec .l9__bullets li{font:400 .875rem/1.3 var(--sser);color:var(--st)}
.bsec .l9__bullets li a{color:var(--st);text-decoration:none}
.bsec .l9__bullets li a:hover{color:var(--sa)}

/* COL 2 : 2 articles stacked */
.bsec .l9__col2{padding:0 1.25rem;border-right:1px solid var(--sb);display:flex;flex-direction:column;gap:0}
.bsec .l9__c2-wrap{padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--sb)}
.bsec .l9__c2-wrap:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.bsec .l9__c2-link{text-decoration:none;color:inherit;display:block}
.bsec .l9__c2-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--sbg);margin-bottom:.625rem}
.bsec .l9__c2-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--tr-slow)}
.bsec .l9__c2-link:hover .l9__c2-img img{transform:scale(1.03)}
.bsec .l9__c2-title{font:700 1.25rem/1.2 var(--sser);color:var(--st);margin:0 0 .375rem;word-break:break-word}
.bsec .l9__c2-link:hover .l9__c2-title{color:var(--sa)}
.bsec .l9__c2-excerpt{font:400 .875rem/1.4 var(--sui);color:var(--st2);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* COL 3 : 1 photo + 1 text */
.bsec .l9__col3{padding-left:1.25rem;display:flex;flex-direction:column;gap:0}
.bsec .l9__c3-wrap{padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--sb)}
.bsec .l9__c3-wrap:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.bsec .l9__c3-link{text-decoration:none;color:inherit;display:block}
.bsec .l9__c3-img{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--sbg);margin-bottom:.5rem}
.bsec .l9__c3-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--tr-slow)}
.bsec .l9__c3-link:hover .l9__c3-img img{transform:scale(1.03)}
.bsec .l9__c3-title{font:700 1.125rem/1.2 var(--sser);color:var(--st);margin:0 0 .375rem;word-break:break-word}
.bsec .l9__c3-link:hover .l9__c3-title{color:var(--sa)}
.bsec .l9__c3-excerpt{font:400 .8125rem/1.4 var(--sui);color:var(--st2);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Row 2 separator */
.bsec .bst-row2__sidebar{border-left:1px solid var(--sb)}

/* ═══ ACCESSIBILITY ═══ */
.bsec .l9__hero:focus-visible,
.bsec .l9__c2-link:focus-visible,
.bsec .l9__c3-link:focus-visible,
.bsec .l9__bullets li a:focus-visible {
	outline: 2px solid var(--sa);
	outline-offset: 2px;
	border-radius: 2px;
}

/* ═══ RESPONSIVE ═══ */
@media(max-width:999px){
	.bsec .l9__grid{grid-template-columns:1.5fr 1fr;gap:0}
	.bsec .l9__col1{grid-column:1;grid-row:1;padding-right:1rem}
	.bsec .l9__col2{grid-column:2;grid-row:1;padding-left:1rem;padding-right:0;border-right:none}
	.bsec .l9__col3{grid-column:1/-1;grid-row:2;flex-direction:row;padding-left:0;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid var(--sb);gap:1.25rem}
	.bsec .l9__c3-wrap{flex:1;padding-bottom:0;margin-bottom:0;border-bottom:none}
}
@media(max-width:767px){
	.bsec .l9__grid{grid-template-columns:1fr;gap:0}
	.bsec .l9__col1{grid-column:auto;grid-row:auto;padding-right:0;border-right:none;padding-bottom:1rem;border-bottom:1px solid var(--sb);margin-bottom:1rem}
	.bsec .l9__bullets{grid-template-columns:1fr}
	.bsec .l9__col2{grid-column:auto;grid-row:auto;padding:0;border-right:none;padding-bottom:1rem;border-bottom:1px solid var(--sb);margin-bottom:1rem}
	.bsec .l9__col3{grid-column:auto;grid-row:auto;flex-direction:column;padding-left:0;border-top:none;margin-top:0;padding-top:0}
	.bsec .bst-row2__sidebar{border-left:none;padding-left:0}
}