/*
Theme Name: SmartMag Child
Theme URI: https://smartmag.theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: https://theme-sphere.com
Template: smart-mag
Version: 1.1
*/
/* lautomarche.com : accueil, rubriques par paires. La ligne de listes (classe laut-list-row) suit les cartes qui portent déjà le
   titre de rubrique : son titre de bloc est masqué (le réglage « heading_type » n'est pas pris en compte par le bloc). */
.laut-list-row .block-head { display: none; }
.laut-list-row .block-content { margin-top: 0; }
.laut-list-row { margin-top: -8px; }

/* ---- lautomarche.com : accueil v3 ------------------------------------------------------------------------------ */
/* Barre « À explorer » : pastilles de rubriques, défilables horizontalement sur mobile. */
.laut-chips { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; padding: 14px 18px; background: #fff;
	border-radius: 4px; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
.laut-chips-label { font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: 13px; color: var(--c-main, #900000); margin-right: 6px; }
.laut-chips a { display: inline-block; padding: 7px 14px; border: 1px solid #e3e3e3; border-radius: 999px; font-size: 14px; font-weight: 500;
	line-height: 1.2; color: #222; background: #fafafa; transition: background .15s, color .15s, border-color .15s; }
.laut-chips a:hover { background: var(--c-main, #900000); border-color: var(--c-main, #900000); color: #fff; }
@media (max-width: 767px) {
	.laut-chips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.laut-chips a, .laut-chips-label { white-space: nowrap; flex: 0 0 auto; }
}

/* Bande sombre (éditorial / interview) : titres de bloc et textes lisibles sur fond #14161a. */
.laut-dark .block-head .heading, .laut-dark .block-head .heading a { color: #fff; }
.laut-dark .block-head { --c-block: #fff; }
.laut-dark .post-title a, .laut-dark .post-title { color: #fff; }
.laut-dark .excerpt, .laut-dark .post-meta, .laut-dark .post-meta a, .laut-dark time { color: #b9bec6; }
.laut-dark .loop-small .item, .laut-dark .l-post { border-color: rgba(255,255,255,.14); }
.laut-dark .elementor-column-wrap, .laut-dark .elementor-widget-wrap { overflow: hidden; }

/* Bloc magazine. */
.laut-mag { display: flex; align-items: center; gap: 36px; background: #fff; padding: 26px 32px; border-radius: 4px; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
.laut-mag-cover { flex: 0 0 200px; display: block; }
.laut-mag-cover img { width: 100%; height: auto; display: block; box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.laut-mag-text h3 { margin: 0 0 8px; font-size: 28px; line-height: 1.2; }
.laut-mag-text p { margin: 0 0 18px; font-size: 17px; color: #555; }
.laut-btn { display: inline-block; padding: 11px 24px; background: var(--c-main, #900000); color: #fff !important; font-weight: 600; border-radius: 3px; }
.laut-btn:hover { filter: brightness(1.15); }
@media (max-width: 600px) { .laut-mag { flex-direction: column; text-align: center; } .laut-mag-cover { flex-basis: auto; width: 160px; } }

/* Pied de page : liste de rubriques sur deux colonnes */
.laut-foot-links{list-style:none;margin:0;padding:0;columns:1}
.laut-foot-links li{margin:0 0 12px;break-inside:avoid}
.laut-foot-links a{color:inherit;opacity:.85}
.laut-foot-links a:hover{opacity:1}
.main-footer .laut-btn{display:inline-block}
