/*
Theme Name: En Voiture Carine — Sense Child
Theme URI:
Description: Child theme of Sense, restyled for En Voiture Carine.
Author: En Voiture Carine
Template: sensetheme
Version: 7.3.42
Text Domain: en-voiture-carine
*/
:root {
--evc-terracotta: #D6725A;
--evc-blush: #E8C9C1;
--evc-ivory: #FFF7F2;
--evc-chocolate: #5C4338;
--evc-sage: #A9B8A4;
--evc-ink: #312A27;
--evc-white: #FFFFFF;
--evc-soft: #F6EEE8;
--evc-border: rgba(92, 67, 56, .15);
}
html, body { background: var(--evc-ivory); }
body,
input,
textarea,
select,
button,
#main-menu,
.top-nav,
.bk-copyright,
.entry-content,
.post-content {
font-family: "Manrope", Arial, sans-serif !important;
color: var(--evc-ink);
}
h1, h2, h3, h4, h5, h6,
.post-title,
.entry-title,
.module-title,
.widget-title,
.evc-serif {
font-family: "Cormorant Garamond", Georgia, serif !important;
color: var(--evc-chocolate);
font-weight: 600;
}
a { color: var(--evc-chocolate); }
a:hover { color: var(--evc-terracotta); }
/* Sense shell: keep the theme mechanics, soften the visual language. */
#page-wrap, #page-inner-wrap { background: var(--evc-ivory); }
.bk-page-header { background: rgba(255, 247, 242, .98); border-bottom: 1px solid var(--evc-border); }
.bk-page-header .top-bar { background: transparent !important; border: 0 !important; }
.bk-page-header .top-bar .bkwrapper { min-height: 36px; }
.header { background: transparent; padding-top: 14px; padding-bottom: 10px; }
.header-inner { min-height: 72px; text-align: center; }
.logo.logo-text { float: none !important; display: inline-block; text-align: center; margin: 0 auto !important; }
.logo.logo-text a { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: clamp(42px, 5vw, 67px); line-height: .9; font-weight: 500; color: var(--evc-chocolate) !important; letter-spacing: -1.5px; text-transform: none !important; }
.logo.logo-text .evc-tagline { display: block; margin-top: 12px; font-family: "Manrope", Arial, sans-serif; font-size: 10px; line-height: 1; letter-spacing: .32em; text-transform: uppercase; color: var(--evc-terracotta); font-weight: 700; }
.header-banner { display: none !important; }
.main-nav { background: rgba(255,247,242,.98) !important; border-top: 1px solid var(--evc-border); border-bottom: 1px solid var(--evc-border); box-shadow: none !important; }
.main-nav .main-nav-inner { max-width: 1180px; }
#main-menu > ul { text-align: center; }
#main-menu > ul > li { float: none !important; display: inline-block; }
#main-menu > ul > li > a { font-family: "Manrope", Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase; color: var(--evc-chocolate) !important; padding: 17px 16px !important; }
#main-menu > ul > li.current-menu-item > a,
#main-menu > ul > li.current-menu-ancestor > a,
#main-menu > ul > li > a:hover { color: var(--evc-terracotta) !important; }
#main-menu > ul > li.current-menu-item > a:after { content:""; position:absolute; left:16px; right:16px; bottom:8px; height:2px; background:var(--evc-terracotta); }
.ajax-form-search .ajax-search-icon,
.search-icon { color: var(--evc-chocolate) !important; }
.top-nav a, .header-social a { color: var(--evc-chocolate) !important; }
.header-social a:hover { color: var(--evc-terracotta) !important; }
/* Home */
.evc-home { background: var(--evc-ivory); }
.evc-home .container { max-width: 1180px; }
.evc-hero { display: grid; grid-template-columns: 37% 63%; min-height: 520px; background: var(--evc-blush); overflow: hidden; }
.evc-hero-copy { position: relative; padding: clamp(50px, 7vw, 92px) clamp(34px, 5.5vw, 76px); background: linear-gradient(135deg, var(--evc-ivory), #f7e7df); display:flex; flex-direction:column; justify-content:center; }
.evc-hero-copy:after { content:""; position:absolute; width:180px; height:180px; left:-62px; bottom:-45px; border:1px solid rgba(214,114,90,.18); border-radius:50%; box-shadow: 38px -34px 0 -37px rgba(214,114,90,.25), 78px -8px 0 -76px rgba(214,114,90,.28); }
.evc-kicker { color: var(--evc-terracotta); font-size: 11px; line-height:1.2; font-weight: 800; letter-spacing:.1em; text-transform:uppercase; margin:0 0 18px; }
.evc-hero h1 { font-size: clamp(48px, 5vw, 72px); line-height:.92; margin:0 0 25px; color:var(--evc-chocolate); }
.evc-hero p { font-size:14px; line-height:1.75; max-width:370px; margin:0 0 27px; color:#5c514c; }
.evc-button { display:inline-block; align-self:flex-start; background:var(--evc-terracotta); color:white !important; padding:15px 24px; font-size:10px; letter-spacing:.1em; font-weight:800; text-transform:uppercase; border:0; transition:.2s ease; }
.evc-button:hover { background:var(--evc-chocolate); transform:translateY(-1px); }
.evc-hero-media { min-height:520px; background:#d9b09a center/cover no-repeat; position:relative; }
.evc-hero-media:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(92,67,56,.08), transparent 30%); }
.evc-hero-no-image { display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--evc-terracotta),var(--evc-chocolate)); color:#fff; font:600 50px/1 "Cormorant Garamond",serif; }
.evc-pillars { background:var(--evc-terracotta); color:#fff; }
.evc-pillars-inner { display:grid; grid-template-columns:repeat(4,1fr); }
.evc-pillar { padding:30px 26px 34px; text-align:center; border-right:1px solid rgba(255,255,255,.16); }
.evc-pillar:last-child { border-right:0; }
.evc-pillar-icon { width:38px; height:38px; margin:0 auto 12px; border:1px solid rgba(255,255,255,.85); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px; }
.evc-pillar h3 { font-family:"Manrope",Arial,sans-serif !important; color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.15em; margin:0 0 8px; font-weight:800; }
.evc-pillar p { color:rgba(255,255,255,.88); font-size:11px; line-height:1.55; margin:0; }
.evc-pillar a { color:inherit; display:block; }
.evc-content-grid { display:grid; grid-template-columns:minmax(0, 1fr) 285px; gap:0; background:#fffaf6; }
.evc-main-column { padding:38px 42px 42px; }
.evc-side-column { border-left:1px solid var(--evc-border); background:#f8e9e4; }
.evc-section-heading { font-family:"Manrope",Arial,sans-serif !important; font-size:12px; letter-spacing:.15em; text-transform:uppercase; color:var(--evc-chocolate); margin:0 0 25px; font-weight:800; }
.evc-section-heading:after { content:""; display:block; width:34px; height:2px; background:var(--evc-terracotta); margin-top:9px; }
.evc-post-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; }
.evc-card { min-width:0; }
.evc-card-thumb { position:relative; aspect-ratio: 1.42 / 1; overflow:hidden; background:var(--evc-blush); margin-bottom:14px; }
.evc-card-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.evc-card:hover .evc-card-thumb img { transform:scale(1.025); }
.evc-card-cat { position:absolute; left:8px; bottom:8px; background:rgba(214,114,90,.94); color:#fff; padding:5px 8px; font-size:9px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.evc-card h3 { font-size:26px; line-height:1.02; margin:0 0 9px; }
.evc-card h3 a { color:var(--evc-chocolate); }
.evc-card-excerpt { font-size:11px; line-height:1.55; color:#6e625d; margin:0 0 12px; }
.evc-readmore { font-size:9px; text-transform:uppercase; letter-spacing:.1em; color:var(--evc-terracotta); font-weight:800; }
.evc-about { padding:31px 28px 34px; }
.evc-about-avatar { width:110px; height:110px; border-radius:50%; overflow:hidden; margin:18px auto; background:var(--evc-blush); }
.evc-about-avatar img { width:100%; height:100%; object-fit:cover; }
.evc-about p { font-size:12px; line-height:1.65; color:#665851; }
.evc-signature { font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-size:22px; color:var(--evc-chocolate); text-align:center; margin-top:18px; }
.evc-newsletter { padding:28px; background:var(--evc-sage); color:white; }
.evc-newsletter h3 { font-family:"Manrope",Arial,sans-serif !important; color:#fff; font-size:12px; letter-spacing:.16em; text-transform:uppercase; margin:0 0 12px; }
.evc-newsletter p { color:rgba(255,255,255,.9); font-size:11px; line-height:1.55; }
.evc-newsletter input[type=email] { width:100%; border:0; background:#fff; padding:12px; margin:0 0 9px; font-size:11px; }
.evc-newsletter button { width:100%; border:0; background:var(--evc-terracotta); color:#fff; font:800 10px/1 "Manrope",Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; padding:13px; }
/* Sense internals */
.breadcrumbs { background:var(--evc-soft) !important; border-bottom:1px solid var(--evc-border); }
.module-title, .widget-title { border-color:var(--evc-terracotta) !important; }
.widget-title h3, .module-title h2, .module-title h3 { color:var(--evc-chocolate) !important; }
.sidebar-wrap { background:transparent; }
.sidebar-wrap .widget { border-color:var(--evc-border); }
.post-title a, .entry-title a { color:var(--evc-chocolate) !important; }
.post-title a:hover, .entry-title a:hover { color:var(--evc-terracotta) !important; }
.meta, .post-meta, .entry-meta { color:#8d7e77 !important; }
.pagination span.current, .pagination a:hover, .bk-pagination span.current, .bk-pagination a:hover { background:var(--evc-terracotta) !important; border-color:var(--evc-terracotta) !important; color:#fff !important; }
blockquote { border-left:3px solid var(--evc-terracotta) !important; background:var(--evc-soft); color:var(--evc-chocolate); }
.footer { background:var(--evc-chocolate) !important; color:rgba(255,255,255,.82); }
.footer a { color:#fff !important; }
.footer .widget-title, .footer h3, .footer h4 { color:var(--evc-blush) !important; }
.footer-lower { background:rgba(0,0,0,.12) !important; border-top:1px solid rgba(255,255,255,.1); }
@media (max-width: 991px) {
.evc-hero { grid-template-columns: 1fr; }
.evc-hero-copy { order:2; }
.evc-hero-media { order:1; min-height:420px; }
.evc-pillars-inner { grid-template-columns:repeat(2,1fr); }
.evc-content-grid { grid-template-columns:1fr; }
.evc-side-column { border-left:0; border-top:1px solid var(--evc-border); display:grid; grid-template-columns:1fr 1fr; }
.main-nav { position:relative !important; }
}
@media (max-width: 767px) {
.top-bar { display:none; }
.header { padding:15px 0 11px; }
.header-inner { min-height:auto; }
.logo.logo-text a { font-size:42px; }
.logo.logo-text .evc-tagline { font-size:8px; letter-spacing:.22em; }
.evc-hero-media { min-height:300px; }
.evc-hero-copy { padding:40px 25px 46px; }
.evc-hero h1 { font-size:50px; }
.evc-pillars-inner { grid-template-columns:1fr 1fr; }
.evc-pillar { padding:24px 14px; }
.evc-main-column { padding:32px 20px; }
.evc-post-grid { grid-template-columns:1fr; gap:28px; }
.evc-card h3 { font-size:30px; }
.evc-side-column { grid-template-columns:1fr; }
}
/* =========================================================
EVC V3 HEADER — maquette: menu left / brand center / actions right
========================================================= */
.evc-site-header {
position: relative;
z-index: 999;
background: rgba(255,247,242,.98) !important;
border-bottom: 1px solid rgba(92,67,56,.09) !important;
box-shadow: none !important;
}
.evc-header-shell {
max-width: 1240px !important;
min-height: 96px;
display: grid;
grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
align-items: center;
gap: 28px;
}
.evc-header-left { min-width: 0; display:flex; align-items:center; }
.evc-header-left .evc-desktop-menu { width:100%; }
.evc-header-left #main-menu > ul {
display:flex;
align-items:center;
justify-content:flex-start;
gap: 25px;
margin:0;
padding:0;
white-space:nowrap;
}
.evc-header-left #main-menu > ul > li {
float:none !important;
display:block !important;
position:relative;
margin:0 !important;
}
.evc-header-left #main-menu > ul > li > a {
position:relative;
display:block;
padding: 38px 0 34px !important;
font-family:"Manrope", Arial, sans-serif !important;
font-size:10px !important;
line-height:1 !important;
font-weight:700 !important;
letter-spacing:.055em !important;
text-transform:uppercase !important;
color:var(--evc-chocolate) !important;
background:transparent !important;
}
.evc-header-left #main-menu > ul > li > a:hover,
.evc-header-left #main-menu > ul > li.current-menu-item > a,
.evc-header-left #main-menu > ul > li.current-menu-ancestor > a {
color:var(--evc-terracotta) !important;
}
.evc-header-left #main-menu > ul > li.current-menu-item > a:after,
.evc-header-left #main-menu > ul > li.current-menu-ancestor > a:after {
content:"";
position:absolute;
left:0;
right:0;
bottom:25px;
height:2px;
background:var(--evc-terracotta);
}
.evc-header-left #main-menu .sub-menu {
top: 72px !important;
border-top:2px solid var(--evc-terracotta) !important;
box-shadow:0 14px 36px rgba(92,67,56,.12) !important;
}
.evc-header-left #main-menu .sub-menu a {
font-family:"Manrope",Arial,sans-serif !important;
color:var(--evc-chocolate) !important;
background:#fffaf6 !important;
}
.evc-header-left #main-menu .sub-menu a:hover {
color:var(--evc-terracotta) !important;
background:var(--evc-soft) !important;
}
.evc-header-brand {
text-align:center;
line-height:1;
min-width:300px;
padding:10px 10px 8px;
}
.evc-brand-name {
display:block;
font-family:"Cormorant Garamond", Georgia, serif !important;
font-size:48px;
line-height:.82;
font-weight:500;
letter-spacing:-1.6px;
text-transform:none !important;
color:var(--evc-chocolate) !important;
white-space:nowrap;
}
.evc-brand-name:hover { color:var(--evc-terracotta) !important; }
.evc-brand-tagline {
display:block;
margin-top:12px;
font-family:"Manrope",Arial,sans-serif;
font-size:8px;
line-height:1;
font-weight:700;
letter-spacing:.28em;
text-transform:uppercase;
color:var(--evc-terracotta);
white-space:nowrap;
}
.evc-header-actions {
min-width:0;
display:flex;
justify-content:flex-end;
align-items:center;
gap:14px;
}
.evc-social-link {
display:flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
color:var(--evc-chocolate) !important;
font-size:14px;
}
.evc-social-link:hover { color:var(--evc-terracotta) !important; }
.evc-header-actions .ajax-form-search { float:none !important; margin:0 0 0 8px !important; }
.evc-header-actions .ajax-search-icon,
.evc-header-actions .search-icon {
color:var(--evc-chocolate) !important;
font-size:16px !important;
}
.evc-header-actions .ajax-search-icon:hover,
.evc-header-actions .search-icon:hover { color:var(--evc-terracotta) !important; }
.evc-mobile-trigger { display:none; }
/* Neutralise les anciens blocs header/nav de Sense si un plugin les réinjecte. */
.evc-site-header ~ .main-nav,
.evc-site-header .top-bar,
.evc-site-header .header { display:none !important; }
@media (max-width: 1180px) {
.evc-header-shell { gap:18px; }
.evc-header-left #main-menu > ul { gap:17px; }
.evc-header-left #main-menu > ul > li > a { font-size:9px !important; }
.evc-header-brand { min-width:260px; }
.evc-brand-name { font-size:42px; }
}
@media (max-width: 991px) {
.evc-header-shell {
min-height:78px;
grid-template-columns: 42px 1fr auto;
gap:12px;
padding-top:6px;
padding-bottom:6px;
}
.evc-header-left .evc-desktop-menu { display:none !important; }
.evc-mobile-trigger { display:block; }
.evc-mobile-trigger .mobile-nav-btn {
display:flex !important;
align-items:center;
justify-content:center;
width:36px;
height:36px;
color:var(--evc-chocolate) !important;
font-size:20px;
cursor:pointer;
}
.evc-header-brand { min-width:0; padding:6px 0; }
.evc-brand-name { font-size:38px; white-space:normal; }
.evc-brand-tagline { font-size:7px; letter-spacing:.2em; margin-top:8px; }
.evc-header-actions { gap:8px; }
.evc-social-link { display:none; }
}
@media (max-width: 520px) {
.evc-header-shell { grid-template-columns:36px 1fr 36px; gap:6px; }
.evc-brand-name { font-size:30px; letter-spacing:-1px; }
.evc-brand-tagline { font-size:6px; letter-spacing:.14em; }
.evc-header-actions .ajax-form-search { margin:0 !important; }
}
/* =========================================================
EVC V3.1 — uniquement les étiquettes des 3 derniers articles
========================================================= */
.evc-card.evc-tone-actualites .evc-card-cat { background:#D6725A; color:#fff; }
.evc-card.evc-tone-essais .evc-card-cat { background:#5C4338; color:#fff; }
.evc-card.evc-tone-roadtrips .evc-card-cat { background:#A9B8A4; color:#fff; }
.evc-card.evc-tone-lifestyle .evc-card-cat { background:#E8C9C1; color:#5C4338; }
.evc-card.evc-tone-artauto .evc-card-cat { background:#B77A5C; color:#fff; }
.evc-card.evc-tone-chroniques .evc-card-cat { background:#7A6C66; color:#fff; }
.evc-card.evc-tone-sportauto .evc-card-cat { background:#91A18D; color:#fff; }
/* =========================================================
EVC V3.2 — respiration magazine + READ MORE Sense + LOAD MORE
Conserve la V3.1 et n'agit que sur la zone "Derniers articles".
========================================================= */
.evc-main-column {
padding: 52px 54px 60px;
}
.evc-section-heading {
margin-bottom: 34px;
}
.evc-post-grid {
gap: 38px 30px;
}
.evc-card {
display: flex;
flex-direction: column;
min-width: 0;
padding-bottom: 8px;
}
.evc-card-thumb {
margin-bottom: 21px;
}
.evc-card h3 {
font-size: 29px;
line-height: 1.08;
margin: 0 0 14px;
}
.evc-card-excerpt {
font-size: 12px;
line-height: 1.72;
margin: 0 0 22px;
color: #6e625d;
}
.evc-readmore-wrap {
width: 100%;
display: flex;
align-items: center;
gap: 0;
margin-top: auto;
padding-top: 6px;
}
.evc-readmore-wrap::before,
.evc-readmore-wrap::after {
content: "";
height: 1px;
background: var(--evc-chocolate);
opacity: .72;
flex: 1 1 auto;
}
.evc-readmore {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 0 18px;
border: 1px solid var(--evc-chocolate);
background: #fffaf6;
color: var(--evc-chocolate) !important;
font-family: "Manrope", Arial, sans-serif !important;
font-size: 10px;
line-height: 1;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.evc-readmore:hover {
background: var(--evc-chocolate);
border-color: var(--evc-chocolate);
color: var(--evc-ivory) !important;
}
.evc-loadmore-area {
display: flex;
justify-content: center;
padding: 54px 0 6px;
}
.evc-loadmore {
appearance: none;
min-width: 250px;
min-height: 58px;
padding: 0 34px;
border: 2px solid rgba(92,67,56,.58);
background: transparent;
color: #756862;
font-family: "Manrope", Arial, sans-serif !important;
font-size: 12px;
line-height: 1;
font-weight: 500;
letter-spacing: .28em;
text-transform: uppercase;
cursor: pointer;
transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.evc-loadmore:hover,
.evc-loadmore:focus {
border-color: var(--evc-terracotta);
color: var(--evc-terracotta);
background: rgba(214,114,90,.035);
outline: 0;
}
.evc-loadmore[disabled] {
opacity: .5;
cursor: wait;
}
.evc-loadmore.is-done {
display: none;
}
@media (max-width: 991px) {
.evc-main-column { padding: 46px 36px 54px; }
.evc-post-grid { gap: 36px 26px; }
}
@media (max-width: 767px) {
.evc-main-column { padding: 38px 22px 48px; }
.evc-post-grid { gap: 44px; }
.evc-card h3 { font-size: 31px; }
.evc-loadmore-area { padding-top: 44px; }
.evc-loadmore { min-width: 220px; }
}
/* =========================================================
EVC V5 — Premium magazine modules
Sense remains the engine; these are editorial reskins/additions.
========================================================= */
.evc-mag-section {
padding: 82px clamp(24px, 5vw, 70px);
background: var(--evc-ivory);
}
.evc-mag-section + .evc-mag-section { border-top:1px solid var(--evc-border); }
.evc-mag-head {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:30px;
margin:0 auto 38px;
max-width:1180px;
}
.evc-mag-eyebrow {
font:800 10px/1 "Manrope",Arial,sans-serif;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--evc-terracotta);
margin-bottom:10px;
}
.evc-mag-title {
margin:0;
font-size:clamp(42px,5vw,66px);
line-height:.9;
font-weight:600;
}
.evc-mag-intro {
max-width:430px;
margin:0;
font-size:12px;
line-height:1.7;
color:#766963;
}
/* Lifestyle: one leading story + supporting stories */
.evc-lifestyle { background:#f9eee9; }
.evc-lifestyle-grid {
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);
gap:34px;
}
.evc-life-feature {
position:relative;
min-height:560px;
overflow:hidden;
background:var(--evc-blush);
}
.evc-life-feature img {
width:100%; height:100%; object-fit:cover; position:absolute; inset:0;
transition:transform .5s ease;
}
.evc-life-feature:hover img { transform:scale(1.018); }
.evc-life-feature:after {
content:""; position:absolute; inset:35% 0 0;
background:linear-gradient(transparent,rgba(49,42,39,.80));
}
.evc-life-overlay {
position:absolute; z-index:2; left:38px; right:38px; bottom:34px;
}
.evc-life-overlay .evc-card-cat { position:static; display:inline-block; margin-bottom:12px; }
.evc-life-overlay h3 {
margin:0 0 12px; max-width:690px;
color:white !important; font-size:clamp(38px,4vw,58px); line-height:.94;
}
.evc-life-overlay h3 a { color:white !important; }
.evc-life-overlay p { color:rgba(255,255,255,.9); max-width:620px; font-size:12px; line-height:1.65; margin:0; }
.evc-life-list { display:grid; align-content:start; gap:24px; }
.evc-life-mini {
display:grid; grid-template-columns:145px 1fr; gap:18px; align-items:start;
padding-bottom:24px; border-bottom:1px solid rgba(92,67,56,.15);
}
.evc-life-mini:last-child { border-bottom:0; }
.evc-life-mini-thumb {
display:block; aspect-ratio:1.2/1; overflow:hidden; background:var(--evc-blush);
}
.evc-life-mini-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.evc-life-mini:hover img { transform:scale(1.025); }
.evc-life-mini .evc-card-cat {
position:static; display:inline-block; margin:0 0 8px; padding:4px 7px;
}
.evc-life-mini h4 { margin:0 0 7px; font-size:26px; line-height:1.02; }
.evc-life-mini p { margin:0; font-size:10.5px; line-height:1.55; color:#766963; }
/* Gallery / En images */
.evc-gallery-section { background:var(--evc-chocolate); }
.evc-gallery-section .evc-mag-title { color:var(--evc-ivory); }
.evc-gallery-section .evc-mag-intro { color:rgba(255,247,242,.7); }
.evc-gallery {
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:1.35fr .85fr .85fr;
grid-template-rows:250px 250px;
gap:12px;
}
.evc-gallery-item { position:relative; display:block; overflow:hidden; background:#745d52; }
.evc-gallery-item:first-child { grid-row:1 / span 2; }
.evc-gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease, opacity .4s ease; }
.evc-gallery-item:hover img { transform:scale(1.025); opacity:.9; }
.evc-gallery-caption {
position:absolute; left:14px; bottom:12px;
padding:6px 9px;
background:rgba(49,42,39,.74);
color:white;
font:700 9px/1 "Manrope",Arial,sans-serif;
letter-spacing:.08em;
text-transform:uppercase;
}
/* Carine's selection */
.evc-choice { background:var(--evc-ivory); }
.evc-choice-card {
max-width:1180px; margin:0 auto;
display:grid; grid-template-columns:58% 42%;
min-height:480px; background:#fff;
}
.evc-choice-media { min-height:480px; background:var(--evc-sage); overflow:hidden; }
.evc-choice-media img { width:100%; height:100%; object-fit:cover; }
.evc-choice-copy {
padding:55px 48px; display:flex; flex-direction:column; justify-content:center;
background:var(--evc-sage);
}
.evc-choice-copy .evc-mag-eyebrow { color:white; }
.evc-choice-copy h3 {
margin:0 0 22px; color:white !important; font-size:clamp(42px,4.4vw,62px); line-height:.92;
}
.evc-choice-copy p { margin:0 0 24px; color:rgba(255,255,255,.93); font-size:13px; line-height:1.75; }
.evc-choice-signature {
font:600 italic 29px/1 "Cormorant Garamond",Georgia,serif;
color:white; margin-bottom:22px;
}
.evc-choice-link {
align-self:flex-start; color:white !important;
font:800 10px/1 "Manrope",Arial,sans-serif;
letter-spacing:.15em; text-transform:uppercase;
border-bottom:1px solid rgba(255,255,255,.7); padding-bottom:6px;
}
/* Newsletter strip */
.evc-newsletter-wide {
padding:72px 24px;
text-align:center;
background:var(--evc-blush);
border-top:1px solid rgba(92,67,56,.08);
}
.evc-newsletter-wide-inner { max-width:720px; margin:0 auto; }
.evc-newsletter-wide h2 { font-size:50px; line-height:.95; margin:0 0 12px; }
.evc-newsletter-wide p { margin:0 auto 24px; max-width:560px; font-size:12px; line-height:1.7; color:#6d5e58; }
.evc-newsletter-wide form { display:flex; max-width:560px; margin:0 auto; }
.evc-newsletter-wide input {
flex:1; min-width:0; border:1px solid rgba(92,67,56,.24);
background:var(--evc-ivory); padding:15px 16px;
font:500 11px/1 "Manrope",Arial,sans-serif;
}
.evc-newsletter-wide button {
border:0; background:var(--evc-terracotta); color:white;
padding:0 24px; font:800 10px/1 "Manrope",Arial,sans-serif;
letter-spacing:.12em; text-transform:uppercase;
}
/* Sense footer reskin, preserving widget functionality */
.footer {
background:var(--evc-chocolate) !important;
padding-top:54px;
}
.footer .footer-content { padding-bottom:42px; }
.footer .footer-sidebar { padding-left:28px; padding-right:28px; }
.footer .widget { background:transparent !important; border:0 !important; box-shadow:none !important; }
.footer .widget-title {
border:0 !important; margin-bottom:18px !important; padding:0 0 12px !important;
position:relative;
}
.footer .widget-title:after {
content:""; position:absolute; left:0; bottom:0; width:30px; height:1px; background:var(--evc-terracotta);
}
.footer .widget-title h3,
.footer .widget-title span,
.footer h3 {
font:700 11px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.15em; text-transform:uppercase; color:var(--evc-blush) !important;
}
.footer, .footer p, .footer li { color:rgba(255,247,242,.75) !important; font-size:11px; line-height:1.7; }
.footer a { color:var(--evc-ivory) !important; }
.footer a:hover { color:var(--evc-blush) !important; }
.footer-lower {
background:rgba(49,42,39,.35) !important;
border-top:1px solid rgba(255,255,255,.1) !important;
padding:18px 0 !important;
}
#footer-menu ul li a, .bk-copyright {
font:600 9px/1.4 "Manrope",Arial,sans-serif !important;
letter-spacing:.08em; text-transform:uppercase; color:rgba(255,247,242,.72) !important;
}
/* V5: remove duplicate compact sidebar newsletter, wide newsletter is the canonical module */
.evc-side-column .evc-newsletter { display:none; }
.evc-side-column { display:flex; }
.evc-side-column .evc-about { width:100%; }
@media (max-width: 991px) {
.evc-lifestyle-grid { grid-template-columns:1fr; }
.evc-life-feature { min-height:500px; }
.evc-life-list { grid-template-columns:1fr 1fr; }
.evc-gallery { grid-template-columns:1fr 1fr; grid-template-rows:320px 220px 220px; }
.evc-gallery-item:first-child { grid-column:1 / span 2; grid-row:auto; }
.evc-choice-card { grid-template-columns:1fr; }
.evc-choice-media { min-height:420px; }
.evc-choice-copy { padding:44px 36px; }
}
@media (max-width: 767px) {
.evc-mag-section { padding:58px 20px; }
.evc-mag-head { display:block; margin-bottom:28px; }
.evc-mag-intro { margin-top:14px; }
.evc-life-feature { min-height:430px; }
.evc-life-overlay { left:22px; right:22px; bottom:22px; }
.evc-life-list { grid-template-columns:1fr; }
.evc-life-mini { grid-template-columns:120px 1fr; }
.evc-gallery { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:280px 180px 180px; }
.evc-gallery-item:first-child { grid-column:1 / span 2; }
.evc-choice-media { min-height:320px; }
.evc-choice-copy { padding:38px 24px; }
.evc-newsletter-wide form { display:block; }
.evc-newsletter-wide input, .evc-newsletter-wide button { width:100%; min-height:46px; }
.evc-newsletter-wide button { margin-top:8px; }
}
/* V6.1 placeholder */
.search-button,.bk-search-button{background:transparent!important;}
.search-button i,.bk-search-button i{color:#5C4338!important;}
/* === EVC V6.2 START ===
Sprint V6.2 : HERO + CARTES MAGAZINE
Aucun changement volontaire sur Lifestyle / Gallery / Footer.
================================================================ */
/* HERO : plus éditorial, plus de respiration, moins "bloc WordPress" */
.evc-hero {
grid-template-columns: minmax(360px, 39%) minmax(0, 61%);
min-height: 620px;
background: var(--evc-ivory);
border-bottom: 1px solid rgba(92,67,56,.08);
}
.evc-hero-copy {
padding: clamp(72px, 8vw, 118px) clamp(44px, 6vw, 92px);
background:
radial-gradient(circle at 5% 95%, rgba(214,114,90,.10) 0, rgba(214,114,90,0) 26%),
linear-gradient(140deg, #fffaf6 0%, #f9eee9 100%);
}
.evc-hero-copy:after {
width: 230px;
height: 230px;
left: -105px;
bottom: -88px;
border-color: rgba(214,114,90,.13);
box-shadow: none;
}
.evc-kicker {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 9px;
margin-bottom: 20px;
color: var(--evc-terracotta);
font: 800 10px/1 "Manrope",Arial,sans-serif;
letter-spacing: .18em;
text-transform: uppercase;
}
.evc-kicker:before {
content: "";
width: 28px;
height: 1px;
background: currentColor;
}
.evc-hero h1 {
max-width: 650px;
margin: 0 0 28px;
font-size: clamp(54px, 5.6vw, 84px);
line-height: .88;
letter-spacing: -.025em;
font-weight: 600;
}
.evc-hero p {
max-width: 430px;
margin: 0 0 32px;
font-size: 13px;
line-height: 1.78;
color: #695c56;
}
.evc-button {
align-self: flex-start;
min-width: 154px;
padding: 13px 18px 12px !important;
border: 1px solid var(--evc-terracotta) !important;
background: transparent !important;
color: var(--evc-chocolate) !important;
font: 800 9px/1 "Manrope",Arial,sans-serif !important;
letter-spacing: .15em;
text-transform: uppercase;
transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.evc-button:hover {
background: var(--evc-terracotta) !important;
border-color: var(--evc-terracotta) !important;
color: #fff !important;
}
.evc-hero-media {
min-height: 620px;
overflow: hidden;
}
.evc-hero-media:after {
background:
linear-gradient(90deg, rgba(92,67,56,.11) 0, rgba(92,67,56,0) 24%),
linear-gradient(0deg, rgba(92,67,56,.05), rgba(92,67,56,0) 35%);
}
/* SECTION DERNIERS ARTICLES : rythme magazine Sense, mais plus premium */
.evc-content-grid {
grid-template-columns: minmax(0,1fr) 320px;
background: #fffaf6;
}
.evc-main-column {
padding: 82px clamp(34px,4.8vw,74px) 96px;
}
.evc-side-column {
padding-top: 82px;
padding-bottom: 96px;
}
.evc-section-heading {
position: relative;
margin-bottom: 44px !important;
padding-bottom: 15px;
font-size: clamp(38px,4vw,52px) !important;
line-height: .95;
}
.evc-section-heading:after {
content: "";
display: block;
width: 46px;
height: 1px;
margin-top: 15px;
background: var(--evc-terracotta);
}
.evc-post-grid {
gap: 38px !important;
}
/* Carte : image plus haute, category tag graphique, meilleure respiration */
.evc-card {
display: flex;
flex-direction: column;
min-width: 0;
}
.evc-card-thumb {
aspect-ratio: 1.28 / 1;
margin-bottom: 21px;
background: #eadbd3;
}
.evc-card-thumb:after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
box-shadow: inset 0 0 0 1px rgba(92,67,56,.035);
}
.evc-card-cat {
left: 12px;
bottom: 12px;
padding: 7px 10px 6px;
font-size: 8.5px;
letter-spacing: .13em;
box-shadow: 0 4px 12px rgba(49,42,39,.08);
}
.evc-card h3 {
margin: 0 0 13px;
font-size: clamp(28px,2.4vw,36px);
line-height: .98;
letter-spacing: -.012em;
font-weight: 600;
}
.evc-card h3 a {
transition: color .2s ease;
}
.evc-card h3 a:hover {
color: var(--evc-terracotta);
}
.evc-card-meta {
margin: -2px 0 12px;
font: 600 8.5px/1 "Manrope",Arial,sans-serif;
letter-spacing: .10em;
text-transform: uppercase;
color: #9a8981;
}
.evc-card-excerpt {
margin: 0 0 22px;
font-size: 11.5px;
line-height: 1.68;
color: #746660;
}
.evc-readmore-wrap {
margin-top: auto;
padding-top: 5px;
}
.evc-readmore {
padding: 10px 15px 9px !important;
border: 1px solid rgba(92,67,56,.34) !important;
background: #fffaf6 !important;
color: var(--evc-chocolate) !important;
font-size: 8.5px !important;
letter-spacing: .16em !important;
}
.evc-readmore:hover {
border-color: var(--evc-terracotta) !important;
background: var(--evc-terracotta) !important;
color: #fff !important;
}
/* Les traits Sense de part et d'autre du bouton sont conservés et affinés */
.evc-readmore-wrap::before,
.evc-readmore-wrap::after {
background: rgba(92,67,56,.18) !important;
}
/* LOAD MORE devient une ponctuation de magazine */
.evc-loadmore-area {
margin-top: 58px !important;
}
.evc-loadmore {
min-width: 172px;
padding: 14px 24px !important;
border: 1px solid rgba(92,67,56,.34) !important;
background: transparent !important;
color: var(--evc-chocolate) !important;
font: 800 9px/1 "Manrope",Arial,sans-serif !important;
letter-spacing: .15em !important;
text-transform: uppercase;
}
.evc-loadmore:hover {
background: var(--evc-chocolate) !important;
border-color: var(--evc-chocolate) !important;
color: var(--evc-ivory) !important;
}
/* Petite hiérarchie de couleurs, uniquement dans les badges des cartes */
.evc-card.evc-tone-actualites .evc-card-cat { background:#D6725A; color:#fff; }
.evc-card.evc-tone-essais .evc-card-cat { background:#5C4338; color:#fff; }
.evc-card.evc-tone-roadtrips .evc-card-cat { background:#A9B8A4; color:#fff; }
.evc-card.evc-tone-lifestyle .evc-card-cat { background:#E8C9C1; color:#5C4338; }
.evc-card.evc-tone-artauto .evc-card-cat { background:#B77A5C; color:#fff; }
.evc-card.evc-tone-chroniques .evc-card-cat { background:#7A6C66; color:#fff; }
.evc-card.evc-tone-sportauto .evc-card-cat { background:#91A18D; color:#fff; }
@media (max-width: 1100px) {
.evc-hero {
grid-template-columns: 43% 57%;
}
.evc-content-grid {
grid-template-columns: minmax(0,1fr) 280px;
}
}
@media (max-width: 991px) {
.evc-hero {
grid-template-columns: 1fr;
min-height: 0;
}
.evc-hero-media {
min-height: 470px;
}
.evc-hero-copy {
padding: 58px 42px 64px;
}
.evc-content-grid {
grid-template-columns: 1fr;
}
.evc-side-column {
padding-top: 0;
}
}
@media (max-width: 767px) {
.evc-hero-media {
min-height: 330px;
}
.evc-hero-copy {
padding: 43px 24px 48px;
}
.evc-hero h1 {
font-size: clamp(46px,13vw,62px);
line-height: .91;
}
.evc-hero p {
font-size: 12px;
line-height: 1.72;
}
.evc-main-column {
padding: 58px 20px 72px;
}
.evc-section-heading {
margin-bottom: 31px !important;
}
.evc-post-grid {
gap: 52px !important;
}
.evc-card-thumb {
aspect-ratio: 1.42 / 1;
}
.evc-card h3 {
font-size: 32px;
}
}
/* === EVC V6.2 END === */
/* === EVC V6.2.1 SEARCH FIX ===
Important: the native Sense search output is no longer rendered in header.php.
These selectors also suppress any legacy search element injected elsewhere. */
.evc-site-header .ajax-form-search,
.evc-site-header .search-button,
.evc-site-header .bk-search-button,
.evc-site-header .ajax-search-icon {
display:none !important;
}
.evc-search-toggle {
appearance:none;
-webkit-appearance:none;
width:38px;
height:38px;
margin:0 0 0 8px;
padding:0;
display:inline-flex;
align-items:center;
justify-content:center;
border:0 !important;
border-radius:50%;
background:transparent !important;
color:var(--evc-chocolate);
cursor:pointer;
box-shadow:none !important;
transition:background .2s ease,color .2s ease,transform .2s ease;
}
.evc-search-toggle:hover,
.evc-search-toggle:focus-visible {
background:rgba(214,114,90,.08) !important;
color:var(--evc-terracotta);
outline:none;
}
.evc-search-svg {
width:20px;
height:20px;
fill:none;
stroke:currentColor;
stroke-width:1.55;
stroke-linecap:round;
stroke-linejoin:round;
}
.evc-search-overlay {
position:fixed;
z-index:999999;
inset:0;
display:flex;
align-items:flex-start;
justify-content:center;
padding:clamp(110px,18vh,190px) 24px 40px;
background:rgba(255,247,242,.97);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .22s ease,visibility .22s ease;
}
.evc-search-overlay.is-open {
opacity:1;
visibility:visible;
pointer-events:auto;
}
html.evc-search-open,
html.evc-search-open body {
overflow:hidden;
}
.evc-search-panel {
width:min(780px,100%);
}
.evc-search-kicker {
margin-bottom:20px;
font:800 10px/1 "Manrope",Arial,sans-serif;
letter-spacing:.2em;
text-transform:uppercase;
color:var(--evc-terracotta);
}
.evc-search-form {
display:grid;
grid-template-columns:minmax(0,1fr) 56px;
border-bottom:1px solid rgba(92,67,56,.38);
}
.evc-search-form input {
width:100%;
padding:12px 0 18px;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:var(--evc-chocolate);
font:600 clamp(34px,5vw,60px)/1 "Cormorant Garamond",Georgia,serif;
outline:none !important;
}
.evc-search-form input::placeholder {
color:rgba(92,67,56,.36);
}
.evc-search-form button {
appearance:none;
border:0 !important;
background:transparent !important;
color:var(--evc-chocolate);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
box-shadow:none !important;
}
.evc-search-form button:hover {
color:var(--evc-terracotta);
}
.evc-search-form button svg {
width:24px;
height:24px;
fill:none;
stroke:currentColor;
stroke-width:1.5;
stroke-linecap:round;
}
.evc-search-close {
position:absolute;
top:28px;
right:32px;
width:44px;
height:44px;
padding:10px;
border:0 !important;
background:transparent !important;
color:var(--evc-chocolate);
cursor:pointer;
box-shadow:none !important;
}
.evc-search-close:hover { color:var(--evc-terracotta); }
.evc-search-close svg {
width:100%;
height:100%;
fill:none;
stroke:currentColor;
stroke-width:1.3;
stroke-linecap:round;
}
@media (max-width:767px) {
.evc-search-toggle { width:36px; height:36px; margin-left:0; }
.evc-search-overlay { padding:105px 20px 30px; }
.evc-search-close { top:18px; right:16px; }
.evc-search-form { grid-template-columns:minmax(0,1fr) 44px; }
}
/* === /EVC V6.2.1 SEARCH FIX === */
/* === EVC V6.3 START ===
Sprint V6.3 : LIFESTYLE + EN IMAGES
Objectif : introduire un vrai rythme magazine après les derniers articles.
================================================================ */
/* LIFESTYLE : fond sauge doux pour casser la monotonie ivoire/rose */
.evc-lifestyle {
background: #DCE4D8 !important;
border-top: 0 !important;
}
.evc-lifestyle .evc-mag-eyebrow {
color: #6F7F69 !important;
}
.evc-lifestyle .evc-mag-title {
color: var(--evc-chocolate) !important;
}
.evc-lifestyle .evc-mag-intro {
color: #5f6a5b !important;
max-width: 470px;
}
/* Grand papier lifestyle */
.evc-life-feature {
min-height: 590px !important;
background: #C8D3C2 !important;
border-radius: 0;
}
.evc-life-feature:after {
inset: 43% 0 0 !important;
background: linear-gradient(180deg, rgba(35,30,28,0), rgba(35,30,28,.82)) !important;
}
.evc-life-overlay {
left: 34px !important;
right: 34px !important;
bottom: 30px !important;
}
.evc-life-overlay .evc-card-cat {
background: rgba(255,247,242,.92) !important;
color: var(--evc-chocolate) !important;
box-shadow: none !important;
}
.evc-life-overlay h3 {
max-width: 760px;
margin-bottom: 10px !important;
font-size: clamp(42px,4.4vw,64px) !important;
line-height: .92 !important;
letter-spacing: -.015em;
}
.evc-life-overlay p {
max-width: 650px !important;
font-size: 11.5px !important;
line-height: 1.65 !important;
}
/* Colonne secondaire Lifestyle : devient plus "magazine papier" */
.evc-life-list {
gap: 0 !important;
border-top: 1px solid rgba(92,67,56,.16);
}
.evc-life-mini {
grid-template-columns: 132px minmax(0,1fr) !important;
gap: 18px !important;
padding: 20px 0 !important;
border-bottom: 1px solid rgba(92,67,56,.16) !important;
}
.evc-life-mini:first-child { padding-top: 0 !important; }
.evc-life-mini-thumb {
aspect-ratio: 1 / .82 !important;
background: rgba(255,255,255,.35) !important;
}
.evc-life-mini .evc-card-cat {
margin-bottom: 8px !important;
background: transparent !important;
color: #6F7F69 !important;
padding: 0 !important;
font-size: 8px !important;
letter-spacing: .14em !important;
}
.evc-life-mini h4 {
margin: 0 0 8px !important;
font-size: 27px !important;
line-height: 1.01 !important;
}
.evc-life-mini p {
font-size: 10.5px !important;
line-height: 1.58 !important;
color: #5c6759 !important;
}
/* Petit numéro éditorial pour donner une sensation de sommaire */
.evc-life-number {
display:block;
margin-bottom:7px;
color:rgba(92,67,56,.45);
font:700 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.12em;
}
/* EN IMAGES : vrai portfolio chocolat */
.evc-gallery-section {
position:relative;
background: var(--evc-chocolate) !important;
padding-top: 92px !important;
padding-bottom: 96px !important;
}
.evc-gallery-section:before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:1px;
background:rgba(255,247,242,.14);
}
.evc-gallery-section .evc-mag-eyebrow {
color: var(--evc-blush) !important;
}
.evc-gallery-section .evc-mag-title {
color: var(--evc-ivory) !important;
}
.evc-gallery-section .evc-mag-intro {
color: rgba(255,247,242,.72) !important;
}
/* Mosaïque avec mouvement discret */
.evc-gallery {
grid-template-columns: 1.35fr .82fr .82fr !important;
grid-template-rows: 260px 260px !important;
gap: 14px !important;
}
.evc-gallery-item {
background: #4B3831 !important;
}
.evc-gallery-item:nth-child(2),
.evc-gallery-item:nth-child(5) {
transform: translateY(18px);
}
.evc-gallery-item img {
filter: saturate(.92) contrast(.98);
transition: transform .55s ease, filter .4s ease, opacity .4s ease !important;
}
.evc-gallery-item:hover img {
transform: scale(1.03) !important;
filter: saturate(1.02) contrast(1) !important;
opacity: .94 !important;
}
.evc-gallery-caption {
left: 14px !important;
bottom: 12px !important;
max-width: calc(100% - 28px);
padding: 7px 9px !important;
background: rgba(49,42,39,.78) !important;
color: #fff !important;
font-size: 8px !important;
letter-spacing: .10em !important;
}
/* petit lien de sortie du portfolio */
.evc-gallery-more {
max-width:1180px;
margin:34px auto 0;
text-align:right;
}
.evc-gallery-more a {
display:inline-block;
padding-bottom:5px;
color:var(--evc-ivory) !important;
border-bottom:1px solid rgba(255,247,242,.45);
font:800 8.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.15em;
text-transform:uppercase;
}
.evc-gallery-more a:hover {
color:var(--evc-blush) !important;
border-color:var(--evc-blush);
}
/* Responsive */
@media (max-width: 991px) {
.evc-life-feature { min-height: 500px !important; }
.evc-life-list {
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:24px !important;
border-top:0;
}
.evc-life-mini {
display:block !important;
padding:0 0 22px !important;
}
.evc-life-mini-thumb {
margin-bottom:14px;
aspect-ratio:1.35/1 !important;
}
.evc-gallery {
grid-template-columns:1fr 1fr !important;
grid-template-rows:320px 220px 220px !important;
}
.evc-gallery-item:first-child {
grid-column:1 / span 2;
grid-row:auto !important;
}
.evc-gallery-item:nth-child(2),
.evc-gallery-item:nth-child(5) {
transform:none;
}
}
@media (max-width: 767px) {
.evc-lifestyle {
padding-top:64px !important;
padding-bottom:64px !important;
}
.evc-life-feature {
min-height: 430px !important;
}
.evc-life-overlay {
left:22px !important;
right:22px !important;
bottom:22px !important;
}
.evc-life-overlay h3 {
font-size: 38px !important;
}
.evc-life-list {
grid-template-columns:1fr !important;
gap:0 !important;
}
.evc-life-mini {
display:grid !important;
grid-template-columns:120px minmax(0,1fr) !important;
gap:16px !important;
padding:18px 0 !important;
}
.evc-life-mini-thumb {
margin-bottom:0;
aspect-ratio:1/.84 !important;
}
.evc-gallery-section {
padding-top:68px !important;
padding-bottom:70px !important;
}
.evc-gallery {
grid-template-columns:1fr 1fr !important;
grid-template-rows:280px 180px 180px !important;
gap:8px !important;
}
.evc-gallery-caption {
font-size:7.5px !important;
}
}
/* === EVC V6.3 END === */
/* === EVC V6.4 START ===
Sprint V6.4 : LES COUPS DE COEUR + LE CHOIX DE CARINE
Deux fonctions éditoriales distinctes :
- Coups de coeur = sélection de la rédaction
- Choix de Carine = prise de parole personnelle, jamais sponsorisée
================================================================ */
/* COUPS DE COEUR : bloc typographique, sans effet publicitaire */
.evc-favorites {
background: #FFF7F2 !important;
padding-top: 88px !important;
padding-bottom: 92px !important;
}
.evc-favorites-inner {
max-width:1180px;
margin:0 auto;
}
.evc-favorites-head {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(280px,420px);
gap:40px;
align-items:end;
margin-bottom:38px;
}
.evc-favorites .evc-mag-title {
font-size:clamp(46px,5vw,68px);
}
.evc-favorites-list {
border-top:1px solid rgba(92,67,56,.20);
}
.evc-favorite-row {
display:grid;
grid-template-columns:72px minmax(0,1fr) 40px;
gap:22px;
align-items:center;
min-height:104px;
border-bottom:1px solid rgba(92,67,56,.16);
transition:padding-left .2s ease, background .2s ease;
}
.evc-favorite-row:hover {
padding-left:8px;
background:rgba(232,201,193,.12);
}
.evc-favorite-number {
font:600 28px/1 "Cormorant Garamond",Georgia,serif;
color:rgba(92,67,56,.38) !important;
text-align:left;
}
.evc-favorite-copy h3 {
margin:0;
font-size:clamp(28px,2.8vw,38px);
line-height:.98;
font-weight:600;
}
.evc-favorite-copy h3 a {
color:var(--evc-chocolate) !important;
}
.evc-favorite-copy h3 a:hover {
color:var(--evc-terracotta) !important;
}
.evc-favorite-meta {
display:flex;
align-items:center;
gap:8px;
margin-bottom:7px;
font:800 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.14em;
text-transform:uppercase;
color:#88766f;
}
.evc-favorite-dot {
width:7px;
height:7px;
border-radius:50%;
background:var(--evc-terracotta);
}
.evc-tone-essais .evc-favorite-dot { background:#5C4338; }
.evc-tone-roadtrips .evc-favorite-dot { background:#A9B8A4; }
.evc-tone-lifestyle .evc-favorite-dot { background:#E8C9C1; border:1px solid rgba(92,67,56,.15); }
.evc-tone-artauto .evc-favorite-dot { background:#B77A5C; }
.evc-tone-chroniques .evc-favorite-dot { background:#7A6C66; }
.evc-tone-sportauto .evc-favorite-dot { background:#91A18D; }
.evc-favorite-arrow {
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border:1px solid rgba(92,67,56,.25);
border-radius:50%;
color:var(--evc-chocolate) !important;
font:500 18px/1 "Manrope",Arial,sans-serif;
transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.evc-favorite-row:hover .evc-favorite-arrow {
background:var(--evc-chocolate);
border-color:var(--evc-chocolate);
color:var(--evc-ivory) !important;
transform:translateX(2px);
}
/* CHOIX DE CARINE : plus distinctif, plus incarné */
.evc-choice {
background:#F5E7E1 !important;
padding-top:94px !important;
padding-bottom:98px !important;
}
.evc-choice-card {
box-shadow:0 18px 60px rgba(92,67,56,.08);
}
.evc-choice-media {
min-height:520px !important;
}
.evc-choice-copy {
position:relative;
overflow:hidden;
background:#A9B8A4 !important;
padding:64px 54px !important;
}
.evc-choice-copy:after {
content:"C";
position:absolute;
right:-18px;
bottom:-76px;
font:600 250px/.7 "Cormorant Garamond",Georgia,serif;
color:rgba(255,255,255,.10);
pointer-events:none;
}
.evc-choice-copy .evc-mag-eyebrow {
position:relative;
z-index:1;
max-width:310px;
color:rgba(255,255,255,.82) !important;
}
.evc-choice-copy h3 {
position:relative;
z-index:1;
margin-bottom:24px !important;
font-size:clamp(48px,4.8vw,68px) !important;
line-height:.9 !important;
}
.evc-choice-copy p {
position:relative;
z-index:1;
max-width:470px;
font-size:12.5px !important;
line-height:1.75 !important;
}
.evc-choice-signature {
position:relative;
z-index:1;
margin:2px 0 24px !important;
font-size:31px !important;
line-height:1 !important;
}
.evc-choice-link {
position:relative;
z-index:1;
}
/* Séparation visuelle : jamais les mêmes codes que la future sélection partenaire */
.evc-choice .evc-mag-eyebrow:before {
content:"";
display:inline-block;
width:24px;
height:1px;
margin-right:10px;
vertical-align:middle;
background:rgba(255,255,255,.65);
}
@media (max-width: 991px) {
.evc-favorites-head {
grid-template-columns:1fr;
gap:16px;
}
.evc-favorite-row {
grid-template-columns:56px minmax(0,1fr) 36px;
gap:16px;
}
.evc-choice-media {
min-height:430px !important;
}
}
@media (max-width: 767px) {
.evc-favorites {
padding-top:64px !important;
padding-bottom:68px !important;
}
.evc-favorite-row {
grid-template-columns:38px minmax(0,1fr) 32px;
gap:12px;
min-height:92px;
}
.evc-favorite-number {
font-size:22px;
}
.evc-favorite-copy h3 {
font-size:27px;
}
.evc-favorite-meta {
font-size:7.5px;
letter-spacing:.11em;
}
.evc-favorite-arrow {
width:30px;
height:30px;
font-size:16px;
}
.evc-choice {
padding-top:64px !important;
padding-bottom:68px !important;
}
.evc-choice-media {
min-height:330px !important;
}
.evc-choice-copy {
padding:42px 24px !important;
}
.evc-choice-copy h3 {
font-size:44px !important;
}
}
/* === EVC V6.4 END === */
/* === EVC V6.4.1 HEADER STABILISATION ===
Fixe définitivement la structure desktop :
menu à gauche / marque centrée / actions à droite.
Le header n'utilise plus une grille susceptible d'être perturbée par Sense.
================================================================= */
@media (min-width: 992px) {
.evc-site-header {
min-height: 112px !important;
}
.evc-site-header .evc-header-shell {
position: relative !important;
display: flex !important;
grid-template-columns: none !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 1440px !important;
min-height: 112px !important;
margin: 0 auto !important;
padding: 0 34px !important;
gap: 0 !important;
overflow: visible !important;
}
.evc-site-header .evc-header-left {
flex: 1 1 50% !important;
min-width: 0 !important;
height: 112px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding-right: 245px !important; /* garde une zone calme autour du logo */
}
.evc-site-header .evc-header-left .evc-desktop-menu,
.evc-site-header .evc-header-left #main-menu {
width: auto !important;
max-width: 100% !important;
height: 112px !important;
display: flex !important;
align-items: center !important;
float: none !important;
clear: none !important;
position: static !important;
}
.evc-site-header .evc-header-left #main-menu > ul {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
gap: 27px !important;
width: auto !important;
height: 112px !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
.evc-site-header .evc-header-left #main-menu > ul > li {
flex: 0 0 auto !important;
}
.evc-site-header .evc-header-left #main-menu > ul > li > a {
padding: 46px 0 42px !important;
}
.evc-site-header .evc-header-left #main-menu > ul > li.current-menu-item > a:after,
.evc-site-header .evc-header-left #main-menu > ul > li.current-menu-ancestor > a:after {
bottom: 32px !important;
height: 1px !important;
}
/* Marque réellement centrée dans la fenêtre du header */
.evc-site-header .evc-header-brand {
position: absolute !important;
z-index: 3 !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
width: auto !important;
min-width: 370px !important;
max-width: 430px !important;
margin: 0 !important;
padding: 0 12px !important;
text-align: center !important;
pointer-events: none;
}
.evc-site-header .evc-brand-name {
pointer-events: auto;
font-family: "Italianno", "Cormorant Garamond", Georgia, serif !important;
font-size: 57px !important;
line-height: .78 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
.evc-site-header .evc-brand-tagline {
margin-top: 13px !important;
font-size: 7.5px !important;
letter-spacing: .30em !important;
}
/* Actions verrouillées à droite, sur la même ligne */
.evc-site-header .evc-header-actions {
position: relative !important;
z-index: 4 !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 46px !important;
height: 112px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 12px !important;
float: none !important;
clear: none !important;
}
.evc-site-header .evc-search-toggle {
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
display: inline-flex !important;
width: 38px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: middle !important;
}
}
/* Écrans intermédiaires : le menu se resserre avant de passer au hamburger */
@media (min-width: 992px) and (max-width: 1260px) {
.evc-site-header .evc-header-shell {
padding-left: 22px !important;
padding-right: 22px !important;
}
.evc-site-header .evc-header-left {
padding-right: 210px !important;
}
.evc-site-header .evc-header-left #main-menu > ul {
gap: 18px !important;
}
.evc-site-header .evc-header-left #main-menu > ul > li > a {
font-size: 8.5px !important;
}
.evc-site-header .evc-header-brand {
min-width: 320px !important;
}
.evc-site-header .evc-brand-name {
font-size: 50px !important;
}
}
/* Mobile/tablette : on conserve le comportement hamburger déjà validé */
@media (max-width: 991px) {
.evc-site-header .evc-header-brand {
position: static !important;
transform: none !important;
pointer-events: auto !important;
}
.evc-site-header .evc-brand-name {
font-family: "Italianno", "Cormorant Garamond", Georgia, serif !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
}
/* === /EVC V6.4.1 HEADER STABILISATION === */
/* === EVC V6.4.2 — HEADER AUTONOME ===
Nouveau header indépendant des layouts historiques de Sense.
Sense ne conserve que son moteur de menu mobile.
=============================================================== */
.evc-v6-header {
position: relative;
z-index: 1000;
width: 100%;
min-height: 126px;
background: #FFF7F2;
border-bottom: 1px solid rgba(92,67,56,.10);
}
.evc-v6-header-inner {
width: min(100%, 1600px);
min-height: 126px;
margin: 0 auto;
padding: 0 38px;
display: grid;
grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
align-items: center;
column-gap: 34px;
}
/* Zone gauche */
.evc-v6-nav-zone {
min-width: 0;
display: flex;
align-items: center;
justify-content: flex-start;
}
.evc-v6-nav {
min-width: 0;
}
.evc-v6-menu,
.evc-v6-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.evc-v6-menu {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 27px;
}
.evc-v6-menu > li {
position: relative;
flex: 0 0 auto;
margin: 0;
padding: 0;
}
.evc-v6-menu > li > a {
position: relative;
display: block;
padding: 10px 0;
color: #5C4338 !important;
font: 700 9px/1 "Manrope",Arial,sans-serif !important;
letter-spacing: .055em;
text-transform: uppercase;
white-space: nowrap;
}
.evc-v6-menu > li > a:hover {
color: #D6725A !important;
}
.evc-v6-menu > .current-menu-item > a,
.evc-v6-menu > .current-menu-ancestor > a {
color: #D6725A !important;
}
.evc-v6-menu > .current-menu-item > a:after,
.evc-v6-menu > .current-menu-ancestor > a:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 2px;
height: 1px;
background: #D6725A;
}
/* Dropdown minimal et propre */
.evc-v6-menu .sub-menu {
display: none;
position: absolute;
z-index: 30;
top: 100%;
left: -18px;
min-width: 210px;
padding: 12px 0;
background: #FFF7F2;
border: 1px solid rgba(92,67,56,.10);
box-shadow: 0 18px 40px rgba(92,67,56,.10);
}
.evc-v6-menu li:hover > .sub-menu,
.evc-v6-menu li:focus-within > .sub-menu {
display: block;
}
.evc-v6-menu .sub-menu li a {
display: block;
padding: 9px 18px;
color: #5C4338 !important;
font: 600 9px/1.35 "Manrope",Arial,sans-serif !important;
letter-spacing: .04em;
text-transform: none;
}
.evc-v6-menu .sub-menu li a:hover {
color: #D6725A !important;
}
/* Centre : marque parfaitement centrée et verticalement équilibrée */
.evc-v6-brand-zone {
align-self: center;
justify-self: center;
min-width: 390px;
text-align: center;
line-height: 1;
}
.evc-v6-brand {
display: inline-block;
margin: 0;
padding: 0;
color: #5C4338 !important;
font-family: "Italianno","Cormorant Garamond",Georgia,serif !important;
font-size: 60px !important;
line-height: .72 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
white-space: nowrap;
}
.evc-v6-brand:hover {
color: #5C4338 !important;
}
.evc-v6-tagline {
margin-top: 16px;
color: #D6725A;
font: 800 7.5px/1 "Manrope",Arial,sans-serif;
letter-spacing: .31em;
text-transform: uppercase;
white-space: nowrap;
}
/* Droite */
.evc-v6-actions {
min-width: 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 13px;
}
.evc-v6-social {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
color: #5C4338 !important;
font-size: 13px;
}
.evc-v6-social:hover {
color: #D6725A !important;
}
.evc-v6-search-toggle {
flex: 0 0 auto !important;
margin: 0 0 0 4px !important;
}
.evc-v6-mobile-toggle {
display: none !important;
}
/* Empêche l'ancien CSS de Sense d'essayer de reconstruire notre header */
.evc-v6-header #main-menu,
.evc-v6-header .bk-header,
.evc-v6-header .main-nav {
all: unset;
}
/* Large desktop intermédiaire */
@media (min-width: 992px) and (max-width: 1320px) {
.evc-v6-header-inner {
padding-left: 24px;
padding-right: 24px;
column-gap: 22px;
}
.evc-v6-menu {
gap: 18px;
}
.evc-v6-menu > li > a {
font-size: 8.2px !important;
}
.evc-v6-brand-zone {
min-width: 330px;
}
.evc-v6-brand {
font-size: 53px !important;
}
.evc-v6-tagline {
letter-spacing: .25em;
}
.evc-v6-social {
display: none;
}
}
/* Tablette et mobile : header compact, logo toujours réellement centré */
@media (max-width: 991px) {
.evc-v6-header {
min-height: 90px;
}
.evc-v6-header-inner {
min-height: 90px;
padding: 0 18px;
grid-template-columns: 42px minmax(0,1fr) 42px;
column-gap: 10px;
}
.evc-v6-nav {
display: none;
}
.evc-v6-mobile-toggle {
display: inline-flex !important;
width: 36px;
height: 36px;
padding: 9px 7px;
border: 0;
background: transparent;
flex-direction: column;
justify-content: center;
gap: 4px;
cursor: pointer;
}
.evc-v6-mobile-toggle span {
display: block;
width: 21px;
height: 1px;
margin: 0 auto;
background: #5C4338;
}
.evc-v6-brand-zone {
min-width: 0;
width: 100%;
}
.evc-v6-brand {
font-size: clamp(37px,7vw,47px) !important;
}
.evc-v6-tagline {
margin-top: 10px;
font-size: 6px;
letter-spacing: .22em;
}
.evc-v6-actions {
gap: 0;
}
.evc-v6-social {
display: none;
}
.evc-v6-search-toggle {
width: 36px !important;
height: 36px !important;
}
}
@media (max-width: 480px) {
.evc-v6-brand {
font-size: 35px !important;
}
.evc-v6-tagline {
font-size: 5.5px;
letter-spacing: .16em;
}
}
/* === /EVC V6.4.2 — HEADER AUTONOME === */
/* === EVC V6.5 START ===
Sprint : Sélection partenaire + Newsletter intégrable + Footer premium
================================================================= */
/* SÉLECTION PARTENAIRE : champagne, distincte du Choix de Carine */
.evc-partner {
background:#F7F0E5 !important;
padding-top:90px !important;
padding-bottom:94px !important;
}
.evc-partner-card {
max-width:1180px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr);
min-height:470px;
background:#C6A86A;
overflow:hidden;
}
.evc-partner-copy {
position:relative;
z-index:1;
padding:58px 50px;
display:flex;
flex-direction:column;
justify-content:center;
color:#fff;
}
.evc-partner-label {
margin-bottom:20px;
font:800 9px/1 "Manrope",Arial,sans-serif;
letter-spacing:.17em;
text-transform:uppercase;
color:rgba(255,255,255,.88);
}
.evc-partner-copy h2 {
margin:0 0 20px;
color:#fff !important;
font-size:clamp(45px,4.6vw,66px);
line-height:.91;
font-weight:600;
}
.evc-partner-copy p {
max-width:450px;
margin:0 0 26px;
color:rgba(255,255,255,.91);
font-size:12px;
line-height:1.72;
}
.evc-partner-link {
align-self:flex-start;
display:inline-block;
padding:11px 0 6px;
border-bottom:1px solid rgba(255,255,255,.7);
color:#fff !important;
font:800 9px/1 "Manrope",Arial,sans-serif;
letter-spacing:.15em;
text-transform:uppercase;
}
.evc-partner-link:hover {
border-color:#fff;
}
.evc-partner-disclosure {
margin-top:28px;
color:rgba(255,255,255,.68);
font:600 8px/1.4 "Manrope",Arial,sans-serif;
letter-spacing:.04em;
}
.evc-partner-media {
display:block;
min-height:470px;
overflow:hidden;
background:#AF9158;
}
.evc-partner-media img {
width:100%;
height:100%;
object-fit:cover;
transition:transform .5s ease;
}
.evc-partner-card:hover .evc-partner-media img {
transform:scale(1.018);
}
/* NEWSLETTER : provider-agnostic. Le formulaire réel vient d'un shortcode. */
.evc-newsletter-wide {
padding:78px 24px !important;
background:#FFF7F2 !important;
}
.evc-newsletter-wide h2 {
color:var(--evc-chocolate) !important;
}
.evc-newsletter-provider {
max-width:600px;
margin:0 auto;
}
.evc-newsletter-provider form {
margin:0 !important;
}
.evc-newsletter-provider input[type="email"],
.evc-newsletter-provider input[type="text"] {
border:1px solid rgba(92,67,56,.24) !important;
border-radius:0 !important;
background:#fff !important;
color:var(--evc-chocolate) !important;
min-height:48px;
box-shadow:none !important;
}
.evc-newsletter-provider input[type="submit"],
.evc-newsletter-provider button {
border-radius:0 !important;
border:1px solid var(--evc-terracotta) !important;
background:var(--evc-terracotta) !important;
color:#fff !important;
min-height:48px;
font:800 9px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.12em;
text-transform:uppercase;
}
.evc-newsletter-placeholder {
max-width:600px;
margin:0 auto;
}
.evc-newsletter-placeholder-form {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
border:1px solid rgba(92,67,56,.20);
background:#fff;
}
.evc-newsletter-placeholder-form > span:first-child {
padding:16px 17px;
color:#9a8981;
font:500 10px/1 "Manrope",Arial,sans-serif;
}
.evc-newsletter-placeholder-button {
min-width:130px;
padding:17px 18px;
background:var(--evc-terracotta);
color:#fff;
text-align:center;
font:800 9px/1 "Manrope",Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase;
}
.evc-newsletter-admin-note {
margin:10px auto 0 !important;
color:#9b776b !important;
font-size:9px !important;
font-style:italic;
}
/* FOOTER AUTONOME */
.footer,
.footer-lower {
display:none !important;
}
.evc-footer {
position:relative;
z-index:2;
background:#5C4338;
color:#FFF7F2;
}
.evc-footer-main {
width:min(100%,1320px);
margin:0 auto;
padding:76px 44px 68px;
display:grid;
grid-template-columns:1.25fr .85fr .72fr 1.05fr;
gap:58px;
}
.evc-footer h3 {
margin:0 0 22px;
color:#E8C9C1 !important;
font:800 9px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.17em;
text-transform:uppercase;
}
.evc-footer p {
color:rgba(255,247,242,.70) !important;
font:500 10.5px/1.75 "Manrope",Arial,sans-serif !important;
}
.evc-footer-brand {
display:inline-block;
margin-bottom:17px;
color:#FFF7F2 !important;
font:400 49px/.8 "Italianno","Cormorant Garamond",Georgia,serif !important;
}
.evc-footer-tagline {
margin-bottom:25px;
color:#D6725A;
font:800 6.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.27em;
text-transform:uppercase;
}
.evc-footer-brand-col p {
max-width:350px;
}
.evc-footer-reading,
.evc-footer-menu {
list-style:none;
margin:0;
padding:0;
}
.evc-footer-reading li {
padding:0 0 13px;
margin:0 0 13px;
border-bottom:1px solid rgba(255,247,242,.12);
}
.evc-footer-reading a {
color:#FFF7F2 !important;
font:600 15px/1.08 "Cormorant Garamond",Georgia,serif !important;
}
.evc-footer-reading a:hover {
color:#E8C9C1 !important;
}
.evc-footer-socials {
display:grid;
gap:11px;
margin-bottom:26px;
}
.evc-footer-socials a {
display:flex;
align-items:center;
gap:10px;
color:rgba(255,247,242,.80) !important;
font:600 9px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.05em;
}
.evc-footer-socials a:hover {
color:#fff !important;
}
.evc-footer-socials i {
width:15px;
text-align:center;
}
.evc-footer-menu {
display:grid;
gap:9px;
}
.evc-footer-menu a {
color:rgba(255,247,242,.62) !important;
font:600 8.5px/1.2 "Manrope",Arial,sans-serif !important;
letter-spacing:.06em;
text-transform:uppercase;
}
.evc-footer-menu a:hover {
color:#E8C9C1 !important;
}
.evc-footer-newsletter .evc-newsletter-placeholder-form {
grid-template-columns:1fr;
background:transparent;
border:0;
}
.evc-footer-newsletter .evc-newsletter-placeholder-form > span:first-child {
margin-bottom:7px;
border:1px solid rgba(255,247,242,.25);
color:rgba(255,247,242,.55);
background:rgba(255,255,255,.04);
}
.evc-footer-newsletter .evc-newsletter-placeholder-button {
min-width:0;
background:#D6725A;
}
.evc-footer .evc-newsletter-provider input[type="email"],
.evc-footer .evc-newsletter-provider input[type="text"] {
background:rgba(255,255,255,.06) !important;
border-color:rgba(255,247,242,.25) !important;
color:#fff !important;
}
.evc-footer-bottom {
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
padding:20px max(44px,calc((100vw - 1232px)/2));
border-top:1px solid rgba(255,247,242,.12);
background:rgba(49,34,29,.20);
color:rgba(255,247,242,.54);
font:600 7.5px/1.4 "Manrope",Arial,sans-serif;
letter-spacing:.07em;
text-transform:uppercase;
}
@media (max-width:1100px) {
.evc-footer-main {
grid-template-columns:1fr 1fr;
gap:48px 60px;
}
}
@media (max-width:767px) {
.evc-partner {
padding-top:64px !important;
padding-bottom:66px !important;
}
.evc-partner-card {
grid-template-columns:1fr;
}
.evc-partner-media {
min-height:330px;
order:-1;
}
.evc-partner-copy {
padding:40px 24px;
}
.evc-newsletter-wide {
padding:62px 20px !important;
}
.evc-newsletter-placeholder-form {
grid-template-columns:1fr;
}
.evc-footer-main {
padding:60px 24px 54px;
grid-template-columns:1fr;
gap:42px;
}
.evc-footer-bottom {
display:block;
padding:18px 24px;
}
.evc-footer-note {
margin-top:8px;
}
}
/* === EVC V6.5 END === */
/* === EVC V6.6 START ===
Sprint "dé-Sense" : suppression des derniers codes visuels hérités.
================================================================ */
/* 1. Plus aucun jaune Sense dans les interactions */
::selection {
background:#D6725A;
color:#fff;
}
::-moz-selection {
background:#D6725A;
color:#fff;
}
/* neutralisation large des jaunes historiques Sense */
a:hover,
a:focus,
.widget a:hover,
.widget a:focus,
.current-menu-item > a,
.current-menu-ancestor > a,
.bk-main-menu li:hover > a,
.bk-main-menu .current-menu-item > a,
.bk-main-menu .current-menu-ancestor > a,
.top-menu a:hover,
#main-menu a:hover {
color:#D6725A !important;
}
input:focus,
textarea:focus,
select:focus,
button:focus-visible {
border-color:#D6725A !important;
box-shadow:0 0 0 2px rgba(214,114,90,.13) !important;
outline:none !important;
}
/* couvre les fonds jaunes les plus courants du parent Sense */
.search-button,
.bk-search-button,
.ajax-form-search .search-submit,
.widget-title:before,
.widget-title:after,
.block-title:before,
.block-title:after,
.bk-header .search-button,
#back-top,
.bk-loadmore:hover,
.bk-pagination a:hover,
.page-numbers.current {
background-color:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
/* 2. Newsletter unique : le footer n'en contient plus */
.evc-footer-newsletter {
display:none !important;
}
/* footer maintenant en 3 colonnes */
.evc-footer-main {
grid-template-columns:1.25fr .95fr .8fr !important;
gap:70px !important;
}
/* 3. Supprime visuellement l'ancien back-to-top Sense */
#back-top {
display:none !important;
}
/* 4. Nouveau bouton circulaire centré */
.evc-footer-backtop-wrap {
position:relative;
display:flex;
justify-content:center;
margin:-31px 0 0;
pointer-events:none;
}
.evc-backtop {
appearance:none;
border:0 !important;
background:transparent !important;
color:#FFF7F2;
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
opacity:0;
transform:translateY(8px);
transition:opacity .25s ease, transform .25s ease;
pointer-events:none;
cursor:pointer;
box-shadow:none !important;
}
.evc-backtop.is-visible {
opacity:1;
transform:translateY(0);
pointer-events:auto;
}
.evc-backtop-circle {
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid rgba(255,247,242,.72);
background:#5C4338;
color:#FFF7F2;
font:400 24px/1 "Manrope",Arial,sans-serif;
transition:
background .2s ease,
color .2s ease,
border-color .2s ease,
transform .2s ease;
}
.evc-backtop-label {
color:rgba(255,247,242,.72);
font:800 7.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.14em;
text-transform:uppercase;
}
.evc-backtop:hover .evc-backtop-circle {
background:#D6725A;
border-color:#D6725A;
color:#fff;
transform:translateY(-2px);
}
/* 5. Harmonisation micro-interactions */
a,
button,
input,
textarea,
select {
transition:
color .2s ease,
background-color .2s ease,
border-color .2s ease,
opacity .2s ease,
transform .2s ease,
box-shadow .2s ease;
}
.evc-card-thumb img,
.evc-life-mini-thumb img,
.evc-gallery-item img,
.evc-partner-media img,
.evc-choice-media img {
transition:transform .4s ease, opacity .35s ease !important;
}
.evc-card:hover .evc-card-thumb img,
.evc-life-mini:hover .evc-life-mini-thumb img,
.evc-gallery-item:hover img,
.evc-partner-card:hover .evc-partner-media img,
.evc-choice-card:hover .evc-choice-media img {
transform:scale(1.02);
}
/* 6. Pagination / boutons / formulaires génériques */
input[type="submit"],
button[type="submit"],
.button,
.btn,
.bk-btn {
border-radius:0 !important;
box-shadow:none !important;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover,
.btn:hover,
.bk-btn:hover {
background:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
.page-numbers,
.bk-pagination a {
border-color:rgba(92,67,56,.25) !important;
color:#5C4338 !important;
}
.page-numbers:hover,
.bk-pagination a:hover,
.page-numbers.current {
background:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
/* 7. Finalisation footer */
.evc-footer-bottom {
margin-top:0 !important;
}
.evc-footer-note {
color:rgba(255,247,242,.42) !important;
}
@media (max-width:1100px) {
.evc-footer-main {
grid-template-columns:1fr 1fr !important;
gap:48px 60px !important;
}
}
@media (max-width:767px) {
.evc-footer-main {
grid-template-columns:1fr !important;
gap:40px !important;
}
.evc-backtop-circle {
width:52px;
height:52px;
}
.evc-footer-backtop-wrap {
margin-top:-27px;
}
}
/* === EVC V6.6 END === */
/* === EVC V6.7 START ===
Search + sidebar + archives/categories 2026.
================================================================ */
/* Supprime les derniers placeholders jaunes de Sense */
.related-posts .thumb,
.related-posts .post-thumbnail,
.bk-related-posts .thumb,
.bk-related-posts .post-thumbnail,
.search-result .thumb,
.search-result .post-thumbnail,
.post-nav .thumb,
.post-nav .post-thumbnail {
background:#E8C9C1 !important;
}
/* Breadcrumb Home -> Accueil est traduit via gettext ; palette harmonisée */
.breadcrumbs,
.bk-breadcrumbs,
.breadcrumb {
color:#7A6C66 !important;
}
.breadcrumbs a,
.bk-breadcrumbs a,
.breadcrumb a {
color:#5C4338 !important;
}
.breadcrumbs a:hover,
.bk-breadcrumbs a:hover,
.breadcrumb a:hover {
color:#D6725A !important;
}
/* SEARCH PAGE */
.evc-search-page {
background:#FFF7F2;
color:#5C4338;
}
.evc-search-page-head {
width:min(1180px,calc(100% - 48px));
margin:0 auto;
padding:72px 0 46px;
border-bottom:1px solid rgba(92,67,56,.14);
}
.evc-search-page-kicker,
.evc-sidebar-kicker {
margin-bottom:10px;
color:#D6725A;
font:800 8.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.17em;
text-transform:uppercase;
}
.evc-search-page-head h1 {
margin:0 0 10px;
color:#5C4338;
font-size:clamp(48px,5vw,68px);
line-height:.92;
font-weight:600;
}
.evc-search-page-head p {
margin:0;
color:#8C7B73;
font:600 9px/1.5 "Manrope",Arial,sans-serif;
letter-spacing:.05em;
text-transform:uppercase;
}
.evc-search-layout {
width:min(1180px,calc(100% - 48px));
margin:0 auto;
padding:52px 0 90px;
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:72px;
}
.evc-search-results {
min-width:0;
}
.evc-search-card {
display:grid;
grid-template-columns:270px minmax(0,1fr);
gap:32px;
padding:0 0 34px;
margin-bottom:34px;
border-bottom:1px solid rgba(92,67,56,.14);
}
.evc-search-card-media {
display:block;
aspect-ratio:1.35/1;
overflow:hidden;
background:#F0E3DD;
}
.evc-search-card-media img {
width:100%;
height:100%;
object-fit:cover;
}
.evc-search-noimage {
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background:
linear-gradient(145deg, rgba(232,201,193,.75), rgba(169,184,164,.55));
}
.evc-search-noimage span {
color:rgba(92,67,56,.60);
font:500 28px/.9 "Italianno","Cormorant Garamond",serif;
}
.evc-search-card-copy {
align-self:center;
}
.evc-search-card-meta {
display:flex;
flex-wrap:wrap;
gap:10px 14px;
margin-bottom:10px;
color:#8C7B73;
font:700 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.09em;
text-transform:uppercase;
}
.evc-search-category {
color:#D6725A;
}
.evc-search-card h2 {
margin:0 0 12px;
font-size:clamp(29px,2.8vw,40px);
line-height:.98;
font-weight:600;
}
.evc-search-card h2 a {
color:#5C4338 !important;
}
.evc-search-card h2 a:hover {
color:#D6725A !important;
}
.evc-search-card p {
margin:0 0 17px;
color:#756660;
font-size:11.5px;
line-height:1.7;
}
.evc-search-read {
color:#5C4338 !important;
font:800 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase;
}
.evc-search-read:hover {
color:#D6725A !important;
}
/* pagination */
.evc-search-pagination {
display:flex;
justify-content:flex-start;
gap:8px;
padding-top:10px;
}
.evc-search-pagination .page-numbers {
min-width:36px;
height:36px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(92,67,56,.22);
background:transparent !important;
color:#5C4338 !important;
font:700 9px/1 "Manrope",Arial,sans-serif;
}
.evc-search-pagination .page-numbers:hover,
.evc-search-pagination .page-numbers.current {
background:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
/* SIDEBAR 2026 */
.evc-sidebar {
min-width:0;
}
.evc-sidebar-block {
margin-bottom:46px;
padding-bottom:36px;
border-bottom:1px solid rgba(92,67,56,.13);
}
.evc-sidebar-block:last-child {
border-bottom:0;
}
.evc-sidebar h2 {
margin:0 0 22px;
font-size:31px;
line-height:.95;
font-weight:600;
}
.evc-sidebar-search-form {
display:grid;
grid-template-columns:minmax(0,1fr) 48px;
}
.evc-sidebar-search-form input {
min-width:0;
height:48px;
padding:0 14px;
border:1px solid rgba(92,67,56,.22);
border-right:0;
background:#fff;
color:#5C4338;
font:500 10px/1 "Manrope",Arial,sans-serif;
}
.evc-sidebar-search-form button {
width:48px;
height:48px;
padding:0;
border:1px solid #5C4338 !important;
background:#5C4338 !important;
color:#fff !important;
}
.evc-sidebar-search-form button:hover {
background:#D6725A !important;
border-color:#D6725A !important;
}
.evc-sidebar-search-form svg {
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.5;
stroke-linecap:round;
}
.evc-sidebar-story {
display:grid;
grid-template-columns:74px minmax(0,1fr);
gap:14px;
padding:0 0 16px;
margin-bottom:16px;
border-bottom:1px solid rgba(92,67,56,.11);
}
.evc-sidebar-story:last-child {
margin-bottom:0;
}
.evc-sidebar-thumb {
display:block;
aspect-ratio:1/1;
overflow:hidden;
background:#E8C9C1;
}
.evc-sidebar-thumb img {
width:100%;
height:100%;
object-fit:cover;
}
.evc-sidebar-thumb-placeholder {
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
color:#5C4338;
background:linear-gradient(145deg,#E8C9C1,#DCE4D8);
font:700 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.15em;
}
.evc-sidebar-story h3 {
margin:0 0 7px;
font-size:19px;
line-height:1.02;
font-weight:600;
}
.evc-sidebar-story h3 a {
color:#5C4338 !important;
}
.evc-sidebar-story h3 a:hover {
color:#D6725A !important;
}
.evc-sidebar-date {
color:#A18D84;
font:700 7.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.09em;
text-transform:uppercase;
}
/* categories = chips, pas une liste de 150 lignes */
.evc-category-chips {
display:flex;
flex-wrap:wrap;
gap:8px;
}
.evc-category-chips a {
display:inline-block;
padding:8px 11px 7px;
border:1px solid rgba(92,67,56,.16);
background:#fff;
color:#5C4338 !important;
font:700 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.05em;
}
.evc-category-chips a:hover {
border-color:#D6725A;
background:#D6725A;
color:#fff !important;
}
/* archives = un select, pas 12 ans de mois */
.evc-sidebar-archive p {
margin:-8px 0 16px;
color:#786A64;
font-size:10.5px;
line-height:1.65;
}
.evc-archive-form select {
width:100%;
height:46px;
padding:0 12px;
border:1px solid rgba(92,67,56,.22);
border-radius:0;
background:#fff;
color:#5C4338;
font:600 9px/1 "Manrope",Arial,sans-serif;
}
/* Cache les listes legacy si Sense arrive à en injecter malgré notre sidebar */
.widget_archive > ul,
.widget_categories > ul,
.widget_tag_cloud .tagcloud {
max-height:240px;
overflow:auto;
}
/* Single related / navigation : on neutralise tout jaune restant */
.related-posts img,
.bk-related-posts img,
.post-nav img,
.next-post img,
.prev-post img {
background:#E8C9C1 !important;
}
.related-posts .thumb,
.bk-related-posts .thumb,
.post-nav .thumb,
.next-post .thumb,
.prev-post .thumb {
background:#E8C9C1 !important;
}
.related-posts *,
.bk-related-posts *,
.post-nav *,
.next-post *,
.prev-post * {
border-color:rgba(92,67,56,.18) !important;
}
@media (max-width: 991px) {
.evc-search-layout {
grid-template-columns:1fr;
gap:54px;
}
.evc-sidebar {
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}
.evc-sidebar-block {
margin:0;
}
}
@media (max-width: 767px) {
.evc-search-page-head,
.evc-search-layout {
width:calc(100% - 36px);
}
.evc-search-page-head {
padding-top:50px;
}
.evc-search-card {
grid-template-columns:1fr;
gap:20px;
}
.evc-search-card-media {
aspect-ratio:1.45/1;
}
.evc-sidebar {
grid-template-columns:1fr;
}
}
/* === EVC V6.7 END === */
/* === EVC V6.8 START ===
Unified archives + final spacing + purge of legacy yellow components.
================================================================ */
/* GLOBAL PURGE OF LEGACY YELLOW */
[style*="#D6725A"],
[style*="#D6725A"],
[style*="#D6725A"],
[style*="#D6725A"],
[style*="#D6725A"],
[style*="#D6725A"] {
background-color:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
.share-box,
.share-post,
.bk-share-box,
.social-share,
.social-counter,
.share-count,
.post-share,
.single-share,
.bk-social-share {
display:none !important;
}
.next-story,
.prev-story,
.bk-next-post,
.bk-prev-post,
.post-nav,
.single-post-nav,
.bk-post-navigation {
background:transparent !important;
border-color:rgba(92,67,56,.16) !important;
}
.next-story *,
.prev-story *,
.bk-next-post *,
.bk-prev-post *,
.post-nav *,
.single-post-nav *,
.bk-post-navigation * {
background-color:transparent !important;
border-color:rgba(92,67,56,.16) !important;
color:#5C4338 !important;
}
/* Hide floating Sense previous/next drawers */
.bk-next-post,
.bk-prev-post,
.next-post-wrapper,
.prev-post-wrapper,
.post-nav-floating,
.single-post-navigation-fixed {
display:none !important;
}
/* Related articles headings translated and restyled */
.related-posts,
.bk-related-posts {
margin-top:70px !important;
padding-top:36px !important;
border-top:1px solid rgba(92,67,56,.16) !important;
}
.related-posts .module-title,
.bk-related-posts .module-title,
.related-posts h3,
.bk-related-posts h3 {
color:#5C4338 !important;
}
.related-posts .thumb,
.bk-related-posts .thumb,
.related-posts .post-thumbnail,
.bk-related-posts .post-thumbnail {
background:linear-gradient(145deg,#E8C9C1,#DCE4D8) !important;
}
/* Single page: breathing room at bottom */
.single .main-content,
.single .article-content,
.single .content-wrap,
.single .bk-single-content {
padding-bottom:90px !important;
}
.single .comments-area,
.single #comments {
margin-top:58px !important;
margin-bottom:90px !important;
}
/* category/archive pages */
.evc-archive-page {
background:#FFF7F2;
color:#5C4338;
}
.evc-archive-head {
width:min(1180px,calc(100% - 48px));
margin:0 auto;
padding:68px 0 40px;
border-bottom:1px solid rgba(92,67,56,.14);
}
.evc-archive-eyebrow {
margin-bottom:10px;
color:#D6725A;
font:800 8.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.17em;
text-transform:uppercase;
}
.evc-archive-head h1 {
margin:0;
color:#5C4338;
font-size:clamp(48px,5vw,68px);
line-height:.92;
font-weight:600;
text-transform:none;
}
.evc-archive-count {
margin-top:12px;
color:#8C7B73;
font:700 8.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.08em;
text-transform:uppercase;
}
.evc-archive-layout {
width:min(1180px,calc(100% - 48px));
margin:0 auto;
padding:50px 0 110px;
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:72px;
}
.evc-archive-list {
min-width:0;
}
.evc-archive-card {
display:grid;
grid-template-columns:300px minmax(0,1fr);
gap:30px;
align-items:center;
padding:0 0 34px;
margin-bottom:34px;
border-bottom:1px solid rgba(92,67,56,.14);
}
.evc-archive-media {
display:block;
aspect-ratio:1.45/1;
overflow:hidden;
background:#F0E3DD;
}
.evc-archive-media img {
width:100%;
height:100%;
object-fit:cover;
}
.evc-archive-noimage {
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(145deg,rgba(232,201,193,.82),rgba(169,184,164,.58));
}
.evc-archive-noimage span {
color:rgba(92,67,56,.60);
font:500 30px/.9 "Italianno","Cormorant Garamond",serif;
}
.evc-archive-meta {
display:flex;
flex-wrap:wrap;
gap:10px 14px;
margin-bottom:10px;
color:#8C7B73;
font:700 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.09em;
text-transform:uppercase;
}
.evc-archive-category {
color:#D6725A;
}
.evc-archive-card h2 {
margin:0 0 12px;
font-size:clamp(30px,2.7vw,39px);
line-height:.98;
font-weight:600;
}
.evc-archive-card h2 a {
color:#5C4338 !important;
}
.evc-archive-card h2 a:hover {
color:#D6725A !important;
}
.evc-archive-card p {
margin:0 0 16px;
color:#746660;
font-size:11.5px;
line-height:1.7;
}
.evc-archive-read {
color:#D6725A !important;
font:800 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase;
}
.evc-archive-read:hover {
color:#5C4338 !important;
}
/* pagination with actual breathing room */
.evc-archive-pagination {
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:52px;
margin-bottom:12px;
}
.evc-archive-pagination .page-numbers {
min-width:38px;
height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(92,67,56,.20);
background:#FFF7F2 !important;
color:#5C4338 !important;
font:700 9px/1 "Manrope",Arial,sans-serif;
}
.evc-archive-pagination .page-numbers:hover {
background:#A9B8A4 !important;
border-color:#A9B8A4 !important;
color:#fff !important;
}
.evc-archive-pagination .page-numbers.current {
background:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
/* Legacy archive pagination fallback */
.archive .pagination,
.category .pagination,
.tag .pagination,
.author .pagination {
margin-top:52px !important;
margin-bottom:95px !important;
}
/* Extra bottom space before footer on archive/category pages */
.archive #main,
.category #main,
.tag #main,
.author #main,
.date #main {
padding-bottom:90px !important;
}
/* breadcrumb labels styling */
.breadcrumbs,
.bk-breadcrumbs,
.breadcrumb {
font-size:10px !important;
}
.breadcrumbs .home,
.bk-breadcrumbs .home,
.breadcrumb .home {
color:#D6725A !important;
}
/* tags on single: chips */
.single .post-tags,
.single .tags,
.single .tagcloud {
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
}
.single .post-tags a,
.single .tags a,
.single .tagcloud a {
display:inline-block !important;
padding:8px 10px 7px !important;
border:1px solid rgba(92,67,56,.14) !important;
background:#FFF7F2 !important;
color:#5C4338 !important;
font:700 7.5px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.05em !important;
text-transform:uppercase !important;
}
.single .post-tags a:hover,
.single .tags a:hover,
.single .tagcloud a:hover {
background:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
@media (max-width:991px) {
.evc-archive-layout {
grid-template-columns:1fr;
gap:54px;
}
.evc-archive-card {
grid-template-columns:250px minmax(0,1fr);
}
}
@media (max-width:767px) {
.evc-archive-head,
.evc-archive-layout {
width:calc(100% - 36px);
}
.evc-archive-card {
grid-template-columns:1fr;
gap:20px;
}
.evc-archive-media {
aspect-ratio:1.45/1;
}
.evc-archive-layout {
padding-bottom:78px;
}
}
/* === EVC V6.8 END === */
/* === EVC V6.8.1 START ===
Autonomous single.php — same editorial sidebar as Search/Archives.
================================================================= */
.evc-single-page {
background:#FFF7F2;
color:#5C4338;
}
.evc-single-article {
margin:0;
}
.evc-single-head {
width:min(1040px,calc(100% - 48px));
margin:0 auto;
padding:72px 0 42px;
text-align:left;
}
.evc-single-meta-top {
margin-bottom:14px;
}
.evc-single-meta-top a {
color:#D6725A !important;
font:800 8.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.15em;
text-transform:uppercase;
}
.evc-single-head h1 {
max-width:980px;
margin:0 0 22px;
color:#5C4338;
font-size:clamp(54px,6vw,82px);
line-height:.90;
font-weight:600;
letter-spacing:-.018em;
text-transform:none;
}
.evc-single-byline {
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
color:#8C7B73;
font:700 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.08em;
text-transform:uppercase;
}
.evc-single-deck {
max-width:760px;
margin:25px 0 0;
color:#6F625C;
font-size:14px;
line-height:1.7;
}
.evc-single-hero {
width:min(1180px,calc(100% - 48px));
margin:0 auto 52px;
}
.evc-single-hero img {
display:block;
width:100%;
height:auto;
}
.evc-single-hero figcaption {
margin-top:8px;
color:#9A8981;
font-size:9px;
line-height:1.4;
}
.evc-single-layout {
width:min(1180px,calc(100% - 48px));
margin:0 auto;
padding:0 0 110px;
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:72px;
align-items:start;
}
.evc-single-main {
min-width:0;
}
.evc-single-content {
color:#3F3632;
font-size:15px;
line-height:1.82;
}
.evc-single-content > *:first-child {
margin-top:0;
}
.evc-single-content p {
margin:0 0 22px;
}
.evc-single-content h2 {
margin:54px 0 18px;
color:#5C4338;
font-size:42px;
line-height:.98;
font-weight:600;
}
.evc-single-content h3 {
margin:42px 0 16px;
color:#5C4338;
font-size:31px;
line-height:1;
font-weight:600;
}
.evc-single-content img {
max-width:100%;
height:auto;
}
.evc-single-content blockquote {
margin:44px 0;
padding:7px 0 7px 28px;
border-left:2px solid #D6725A;
color:#5C4338;
font:600 31px/1.05 "Cormorant Garamond",Georgia,serif;
}
/* Tags */
.evc-single-tags {
margin-top:58px;
padding-top:28px;
border-top:1px solid rgba(92,67,56,.14);
}
.evc-single-section-kicker {
margin-bottom:14px;
color:#D6725A;
font:800 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.16em;
text-transform:uppercase;
}
.evc-single-tag-list {
display:flex;
flex-wrap:wrap;
gap:8px;
}
.evc-single-tag-list a {
display:inline-block;
padding:8px 10px 7px;
border:1px solid rgba(92,67,56,.15);
background:#fff;
color:#5C4338 !important;
font:700 7.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.05em;
text-transform:uppercase;
}
.evc-single-tag-list a:hover {
background:#D6725A;
border-color:#D6725A;
color:#fff !important;
}
/* Related */
.evc-single-related {
margin-top:72px;
padding-top:34px;
border-top:1px solid rgba(92,67,56,.16);
}
.evc-single-related h2 {
margin:0 0 26px;
font-size:42px;
line-height:.95;
}
.evc-single-related-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
}
.evc-single-related-media {
display:block;
aspect-ratio:1.32/1;
overflow:hidden;
margin-bottom:14px;
background:linear-gradient(145deg,#E8C9C1,#DCE4D8);
}
.evc-single-related-media img {
width:100%;
height:100%;
object-fit:cover;
}
.evc-single-related-placeholder {
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
color:#5C4338;
font:500 23px/.9 "Italianno","Cormorant Garamond",serif;
}
.evc-single-related-cat {
margin-bottom:7px;
color:#D6725A;
font:800 7.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase;
}
.evc-single-related-card h3 {
margin:0 0 8px;
font-size:24px;
line-height:1.02;
font-weight:600;
}
.evc-single-related-card h3 a {
color:#5C4338 !important;
}
.evc-single-related-card h3 a:hover {
color:#D6725A !important;
}
.evc-single-related-date {
color:#9A8981;
font:700 7px/1 "Manrope",Arial,sans-serif;
letter-spacing:.08em;
text-transform:uppercase;
}
/* Previous / next, no floating drawer */
.evc-single-nextprev {
margin-top:72px;
display:grid;
grid-template-columns:1fr 1fr;
border-top:1px solid rgba(92,67,56,.16);
border-bottom:1px solid rgba(92,67,56,.16);
}
.evc-single-prev,
.evc-single-next {
min-height:130px;
padding:26px 28px;
}
.evc-single-prev {
border-right:1px solid rgba(92,67,56,.16);
}
.evc-single-next {
text-align:right;
}
.evc-single-nav-label {
margin-bottom:9px;
color:#D6725A;
font:800 7.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.14em;
text-transform:uppercase;
}
.evc-single-nextprev a {
color:#5C4338 !important;
font:600 25px/1.02 "Cormorant Garamond",Georgia,serif;
}
.evc-single-nextprev a:hover {
color:#D6725A !important;
}
/* Comments */
.evc-single-comments {
margin-top:72px;
}
.evc-single-comments #reply-title,
.evc-single-comments .comments-title {
color:#5C4338 !important;
font-family:"Cormorant Garamond",Georgia,serif !important;
}
.evc-single-comments input[type="text"],
.evc-single-comments input[type="email"],
.evc-single-comments input[type="url"],
.evc-single-comments textarea {
border:1px solid rgba(92,67,56,.18) !important;
border-radius:0 !important;
background:#fff !important;
color:#5C4338 !important;
}
.evc-single-comments input[type="submit"] {
background:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
/* Kill legacy single sidebar/widgets/share/nav definitively when rendered elsewhere */
.single .sidebar:not(.evc-sidebar),
.single .bk-sidebar,
.single .widget_archive,
.single .widget_categories,
.single .widget_recent_comments,
.single .share-box,
.single .social-share,
.single .post-share,
.single .bk-share-box,
.single .next-story,
.single .prev-story,
.single .next-post-wrapper,
.single .prev-post-wrapper {
display:none !important;
}
@media (max-width:991px) {
.evc-single-layout {
grid-template-columns:1fr;
gap:56px;
}
.evc-single-related-grid {
grid-template-columns:1fr 1fr;
}
}
@media (max-width:767px) {
.evc-single-head,
.evc-single-hero,
.evc-single-layout {
width:calc(100% - 36px);
}
.evc-single-head {
padding-top:52px;
}
.evc-single-head h1 {
font-size:clamp(45px,13vw,60px);
}
.evc-single-related-grid {
grid-template-columns:1fr;
}
.evc-single-nextprev {
grid-template-columns:1fr;
}
.evc-single-prev {
border-right:0;
border-bottom:1px solid rgba(92,67,56,.16);
}
.evc-single-next {
text-align:left;
}
}
/* === EVC V6.8.1 END === */
/* === EVC V6.8.2 START ===
Final stability fix: own breadcrumbs, no Sense breadcrumb core.
=============================================================== */
.evc-breadcrumbs {
width:100%;
background:#F8EFEA;
border-bottom:1px solid rgba(92,67,56,.10);
}
.evc-breadcrumbs-inner {
width:min(1180px,calc(100% - 48px));
min-height:58px;
margin:0 auto;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px 10px;
color:#8A7971;
font:600 9px/1.35 "Manrope",Arial,sans-serif;
}
.evc-breadcrumbs a {
color:#5C4338 !important;
}
.evc-breadcrumbs a:hover {
color:#D6725A !important;
}
.evc-breadcrumb-separator {
color:#B9A9A2;
}
.evc-breadcrumb-current {
color:#8A7971;
}
.breadcrumbs,
.bk-breadcrumbs {
display:none !important;
}
@media (max-width:767px) {
.evc-breadcrumbs-inner {
width:calc(100% - 36px);
min-height:50px;
font-size:8px;
}
}
/* === EVC V6.8.2 END === */
/* === EVC V6.8.3 START ===
Recalibrage typographique éditorial.
Référence de rythme : presse premium / Monocle, sans copier son identité.
================================================================= */
html { font-size:16px; }
body { font-size:16px !important; line-height:1.52 !important; }
/* HEADER */
.evc-v6-menu > li > a {
font-size:10.5px !important;
letter-spacing:.045em !important;
}
.evc-v6-tagline { font-size:8.5px !important; }
.evc-v6-search-toggle {
width:42px !important;
height:42px !important;
}
.evc-search-svg {
width:22px !important;
height:22px !important;
}
/* BREADCRUMBS */
.evc-breadcrumbs-inner {
min-height:62px !important;
font-size:10.5px !important;
line-height:1.4 !important;
}
/* SINGLE */
.evc-single-head {
width:min(1080px,calc(100% - 48px)) !important;
padding:66px 0 38px !important;
}
.evc-single-meta-top a {
font-size:10px !important;
letter-spacing:.13em !important;
}
.evc-single-head h1 {
max-width:1020px !important;
margin-bottom:24px !important;
font-size:clamp(48px,5vw,68px) !important;
line-height:.94 !important;
letter-spacing:-.014em !important;
}
.evc-single-byline {
font-size:9.5px !important;
line-height:1.35 !important;
letter-spacing:.065em !important;
}
.evc-single-deck {
max-width:820px !important;
font-size:18px !important;
line-height:1.45 !important;
}
/* Corps article */
.evc-single-content {
font-size:17px !important;
line-height:1.58 !important;
color:#3F3632 !important;
}
.evc-single-content p { margin:0 0 18px !important; }
.evc-single-content p + p { margin-top:0 !important; }
.evc-single-content h2 {
margin:44px 0 16px !important;
font-size:38px !important;
line-height:1.02 !important;
}
.evc-single-content h3 {
margin:34px 0 14px !important;
font-size:29px !important;
line-height:1.04 !important;
}
.evc-single-content h4 {
margin:28px 0 12px !important;
font-size:22px !important;
line-height:1.08 !important;
}
.evc-single-content ul,
.evc-single-content ol {
margin:0 0 20px 1.25em !important;
}
.evc-single-content li { margin-bottom:7px !important; }
.evc-single-content blockquote {
margin:36px 0 !important;
padding:5px 0 5px 24px !important;
font-size:29px !important;
line-height:1.08 !important;
}
.evc-single-layout {
grid-template-columns:minmax(0,1fr) 340px !important;
gap:64px !important;
}
/* SIDEBAR */
.evc-sidebar-kicker {
font-size:9px !important;
letter-spacing:.15em !important;
}
.evc-sidebar h2 {
font-size:34px !important;
line-height:.98 !important;
}
.evc-sidebar-search-form input { font-size:11px !important; }
.evc-sidebar-story {
grid-template-columns:82px minmax(0,1fr) !important;
gap:16px !important;
}
.evc-sidebar-story h3 {
font-size:20px !important;
line-height:1.05 !important;
}
.evc-sidebar-date { font-size:8px !important; }
.evc-category-chips { gap:9px !important; }
.evc-category-chips a {
padding:9px 12px 8px !important;
font-size:8.5px !important;
letter-spacing:.04em !important;
}
.evc-sidebar-archive p {
font-size:11.5px !important;
line-height:1.55 !important;
}
.evc-archive-form select { font-size:10px !important; }
/* Related */
.evc-single-section-kicker { font-size:9px !important; }
.evc-single-related h2 { font-size:38px !important; }
.evc-single-related-card h3 {
font-size:25px !important;
line-height:1.04 !important;
}
.evc-single-related-cat,
.evc-single-related-date { font-size:8px !important; }
/* Previous / next */
.evc-single-nav-label { font-size:8.5px !important; }
.evc-single-nextprev a {
font-size:27px !important;
line-height:1.03 !important;
}
/* Tags */
.evc-single-tag-list a {
font-size:8.5px !important;
padding:9px 11px 8px !important;
}
/* SEARCH / ARCHIVE */
.evc-search-page-head h1,
.evc-archive-head h1 {
font-size:clamp(44px,4.5vw,62px) !important;
line-height:.96 !important;
}
.evc-search-page-head p,
.evc-archive-count { font-size:9.5px !important; }
.evc-search-card h2,
.evc-archive-card h2 {
font-size:clamp(28px,2.3vw,36px) !important;
line-height:1.02 !important;
}
.evc-search-card p,
.evc-archive-card p {
font-size:13px !important;
line-height:1.55 !important;
}
.evc-search-card-meta,
.evc-archive-meta { font-size:8.5px !important; }
/* HOME */
.evc-card h3 {
font-size:clamp(29px,2.2vw,35px) !important;
line-height:1.02 !important;
}
.evc-card-excerpt {
font-size:12.5px !important;
line-height:1.55 !important;
}
.evc-mag-intro {
font-size:13px !important;
line-height:1.55 !important;
}
.evc-life-mini h4 {
font-size:29px !important;
line-height:1.02 !important;
}
.evc-life-mini p {
font-size:11.5px !important;
line-height:1.5 !important;
}
/* FOOTER */
.evc-footer p {
font-size:11.5px !important;
line-height:1.6 !important;
}
.evc-footer-reading a { font-size:17px !important; }
.evc-footer-socials a,
.evc-footer-menu a { font-size:9px !important; }
@media (min-width:1400px) {
.evc-single-head h1 { font-size:66px !important; }
.evc-single-content { font-size:18px !important; }
}
@media (max-width:1100px) {
.evc-single-layout {
grid-template-columns:minmax(0,1fr) 300px !important;
gap:48px !important;
}
.evc-single-head h1 { font-size:56px !important; }
}
@media (max-width:991px) {
.evc-single-layout { grid-template-columns:1fr !important; }
}
@media (max-width:767px) {
body { font-size:15px !important; }
.evc-single-head h1 {
font-size:44px !important;
line-height:.98 !important;
}
.evc-single-content {
font-size:16.5px !important;
line-height:1.58 !important;
}
.evc-single-content h2 { font-size:32px !important; }
.evc-single-content h3 { font-size:26px !important; }
.evc-sidebar h2 { font-size:31px !important; }
.evc-v6-tagline { font-size:7px !important; }
}
/* === EVC V6.8.3 END === */
/* === EVC V6.8.4 START ===
Reading-time icon, comments FR, anti-yellow purge, stronger category kicker,
copyright era 2014-current.
================================================================= */
/* byline magazine */
.evc-single-byline {
gap:10px !important;
font-size:10px !important;
}
.evc-byline-pipe {
color:rgba(92,67,56,.40);
font-weight:500;
}
.evc-readtime {
display:inline-flex;
align-items:center;
gap:7px;
}
.evc-readtime svg {
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:1.45;
stroke-linecap:round;
stroke-linejoin:round;
}
/* Category kicker on article: no longer microscopic */
.evc-single-meta-top {
margin-bottom:18px !important;
}
.evc-single-meta-top a {
display:inline-block;
font-size:12px !important;
line-height:1.2 !important;
letter-spacing:.12em !important;
padding-bottom:4px;
border-bottom:1px solid rgba(214,114,90,.45);
}
/* Slightly stronger article title proportions */
.evc-single-head h1 {
font-size:clamp(46px,4.6vw,64px) !important;
line-height:.96 !important;
}
/* Comments English safety net */
.comment-reply-title,
#reply-title {
font-size:34px !important;
line-height:1 !important;
text-transform:none !important;
}
/* Absolute anti-yellow purge for common legacy Sense components */
.single .bk-share-box,
.single .share-box,
.single .social-share,
.single .post-share,
.single .share-count,
.single .social-counter,
.single .next-story,
.single .prev-story,
.single .next-post-wrapper,
.single .prev-post-wrapper,
.single .bk-next-post,
.single .bk-prev-post {
display:none !important;
}
.single [class*="share"] [style*="background"],
.single [class*="next"] [style*="background"],
.single [class*="prev"] [style*="background"],
.single [class*="related"] [style*="background"] {
background:#E8C9C1 !important;
color:#5C4338 !important;
}
/* Sense yellow hover/labels, even if parent specificity is high */
.single a:hover,
.single .widget a:hover,
.single .post-meta a:hover,
.single .entry-meta a:hover,
.single .comment-meta a:hover,
.single .comment-reply-link:hover {
color:#D6725A !important;
}
.single input[type="submit"],
.single button[type="submit"] {
background:#D6725A !important;
border-color:#D6725A !important;
color:#fff !important;
}
/* Bigger sidebar labels to avoid micro typography */
.evc-sidebar-kicker {
font-size:10px !important;
}
.evc-category-chips a {
font-size:9.5px !important;
}
.evc-sidebar-date {
font-size:8.5px !important;
}
/* Footer copyright readability */
.evc-footer-bottom {
font-size:8.5px !important;
}
/* mobile */
@media (max-width:767px) {
.evc-single-meta-top a {
font-size:10.5px !important;
}
.evc-single-head h1 {
font-size:42px !important;
}
.evc-single-byline {
font-size:9px !important;
gap:7px !important;
}
.evc-readtime svg {
width:15px;
height:15px;
}
}
/* === EVC V6.8.4 END === */
/* === EVC V6.8.5 START ===
Editorial wording cleanup + solo-author mode + robust image fallback.
================================================================= */
/* Solo-author mode: remove author bylines from legacy Sense templates too */
body:not(.wp-admin) .post-meta .author,
body:not(.wp-admin) .post-meta .post-author,
body:not(.wp-admin) .entry-meta .author,
body:not(.wp-admin) .entry-meta .byline,
body:not(.wp-admin) .meta-author,
body:not(.wp-admin) .post-author,
body:not(.wp-admin) .bk-author,
body:not(.wp-admin) [class*="meta"] .author-name,
body:not(.wp-admin) [class*="meta"] .author-link {
display:none !important;
}
/* Hide separators orphaned by the removed author where possible */
body:not(.wp-admin) .post-meta .author + .meta-separator,
body:not(.wp-admin) .entry-meta .byline + .meta-separator {
display:none !important;
}
/* Broken/missing thumbnails: never show the Sense yellow rectangle again */
.evc-image-fallback {
position:relative !important;
overflow:hidden !important;
background:
linear-gradient(145deg, rgba(232,201,193,.92), rgba(169,184,164,.72)) !important;
border-color:rgba(92,67,56,.08) !important;
}
.evc-image-broken {
display:none !important;
}
.evc-image-fallback-label {
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding:18px;
color:rgba(92,67,56,.68);
font:500 28px/.9 "Italianno","Cormorant Garamond",Georgia,serif;
text-align:center;
pointer-events:none;
}
/* Common Sense legacy thumbnail containers, defensive anti-yellow */
.thumb,
.post-thumbnail,
.featured-image,
.bk-mask,
.bk-image,
.archive .thumb,
.page .thumb,
.blog .thumb {
background-color:#E8C9C1 !important;
}
/* Old archive/page section titles */
.archive-title,
.page-title,
.module-title,
.block-title {
color:#5C4338 !important;
}
/* Sidebar wording blocks breathe slightly more */
.evc-sidebar-block {
margin-bottom:52px !important;
}
.evc-sidebar-block h2 {
margin-bottom:24px !important;
}
/* No author in our own single/archive even if plugins inject a byline */
.evc-single-byline .author,
.evc-archive-meta .author {
display:none !important;
}
/* === EVC V6.8.5 END === */
/* === EVC V6.8.6 START ===
Proportions des titres de section.
Objectif : titres éditoriaux plus proches d'un rythme magazine,
sans concurrencer les vrais titres d'articles.
================================================================ */
/* Home / magazine section headings */
.evc-section-heading,
.evc-mag-title {
font-size:clamp(30px,2.6vw,42px) !important;
line-height:.98 !important;
letter-spacing:-.01em !important;
font-weight:600 !important;
text-transform:none !important;
}
/* "Derniers articles" : beaucoup moins monumental */
.evc-main-column .evc-section-heading,
.evc-latest .evc-section-heading,
section .evc-section-heading {
margin-bottom:30px !important;
padding-bottom:12px !important;
}
/* A propos : titre éditorial, pas panneau d'affichage */
.evc-side-column h2,
.evc-side-column h3,
.evc-about h2,
.evc-about h3,
.widget_text h2,
.widget_text h3 {
font-size:clamp(24px,2vw,32px) !important;
line-height:1 !important;
letter-spacing:-.005em !important;
text-transform:none !important;
}
/* Si le bloc "À propos" utilise encore une classe Sense générique */
.evc-side-column .widget-title,
.evc-side-column .block-title,
.evc-side-column .module-title {
font-size:clamp(22px,1.8vw,30px) !important;
line-height:1 !important;
letter-spacing:.01em !important;
text-transform:none !important;
}
/* Les eyebrow restent petites mais lisibles */
.evc-mag-eyebrow,
.evc-sidebar-kicker,
.evc-section-kicker {
font-size:9.5px !important;
line-height:1 !important;
letter-spacing:.15em !important;
font-weight:800 !important;
}
/* Homepage : derniers articles = titre de rubrique, pas headline */
.home .evc-section-heading {
font-size:clamp(32px,2.5vw,40px) !important;
}
/* Sidebar home : À propos */
.home .evc-side-column h2,
.home .evc-side-column h3,
.home .evc-side-column .widget-title {
font-size:clamp(25px,1.8vw,30px) !important;
}
/* Responsive */
@media (max-width:767px) {
.evc-section-heading,
.evc-mag-title {
font-size:30px !important;
}
.home .evc-side-column h2,
.home .evc-side-column h3,
.home .evc-side-column .widget-title {
font-size:25px !important;
}
}
/* === EVC V6.8.6 END === */
/* === EVC V6.8.7 START ===
Auteur rétabli sur les articles uniquement.
Les listes Home / Archives / Search restent volontairement sans byline.
================================================================ */
.evc-single-byline .evc-single-author {
display:inline !important;
color:#5C4338 !important;
font-size:10px !important;
font-weight:700 !important;
letter-spacing:.065em !important;
text-transform:uppercase !important;
}
.evc-single-byline .evc-single-author a {
color:#5C4338 !important;
}
.evc-single-byline .evc-single-author a:hover {
color:#D6725A !important;
}
/* Important : annule uniquement sur single le masquage global auteur de V6.8.5 */
.single .evc-single-byline .evc-single-author,
.single .evc-single-byline .author,
.single .evc-single-byline .author-name,
.single .evc-single-byline .author-link {
display:inline !important;
}
/* === EVC V6.8.7 END === */
/* === EVC V6.9 "SENSE ERASED" START ===
Final front-end purge of Sense visual identity.
================================================================ */
/* Absolute selection/focus palette */
::selection { background:#D6725A !important; color:#fff !important; }
::-moz-selection { background:#D6725A !important; color:#fff !important; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline:2px solid rgba(214,114,90,.35) !important;
outline-offset:2px !important;
box-shadow:none !important;
}
/* Defensive anti-yellow selectors */
[class*="yellow"],
[class*="gold"],
.bk-yellow,
.bk-gold,
.yellow,
.gold,
.comment-reply-link,
.logged-in-as a,
.comment-meta a,
.comment-author a {
color:#D6725A !important;
}
[class*="yellow-bg"],
[class*="gold-bg"],
.bk-yellow-bg,
.bk-gold-bg {
background:#D6725A !important;
border-color:#D6725A !important;
}
/* COMMENTS AUTONOMES */
.evc-comments {
margin-top:76px;
padding-top:38px;
border-top:1px solid rgba(92,67,56,.16);
}
.evc-comments-head {
margin-bottom:30px;
}
.evc-comments-kicker {
margin-bottom:11px;
color:#D6725A;
font:800 9px/1 "Manrope",Arial,sans-serif;
letter-spacing:.16em;
text-transform:uppercase;
}
.evc-comments .comments-title,
.evc-comments #reply-title {
margin:0 0 18px !important;
color:#5C4338 !important;
font:600 clamp(30px,2.5vw,40px)/1 "Cormorant Garamond",Georgia,serif !important;
letter-spacing:0 !important;
text-transform:none !important;
}
.evc-comment-form-wrap {
margin-top:44px;
}
.evc-comment-note,
.evc-comments .logged-in-as {
max-width:720px;
margin:0 0 24px !important;
color:#746660 !important;
font:500 13px/1.55 "Manrope",Arial,sans-serif !important;
}
.evc-comments .logged-in-as a {
color:#5C4338 !important;
border-bottom:1px solid rgba(92,67,56,.25);
}
.evc-comments .logged-in-as a:hover {
color:#D6725A !important;
border-color:#D6725A;
}
.evc-comments label {
display:block;
margin-bottom:8px;
color:#5C4338;
font:700 10px/1 "Manrope",Arial,sans-serif;
letter-spacing:.05em;
}
.evc-comments label span {
color:#9A8981;
font-weight:500;
}
.evc-comments input[type="text"],
.evc-comments input[type="email"],
.evc-comments input[type="url"],
.evc-comments textarea {
width:100%;
padding:13px 14px;
border:1px solid rgba(92,67,56,.20) !important;
border-radius:0 !important;
background:#fff !important;
color:#3F3632 !important;
font:500 14px/1.45 "Manrope",Arial,sans-serif !important;
box-shadow:none !important;
}
.evc-comments textarea {
min-height:190px;
resize:vertical;
}
.evc-comments .comment-form-author,
.evc-comments .comment-form-email,
.evc-comments .comment-form-url {
display:inline-block;
width:calc(33.333% - 13px);
margin:0 16px 20px 0;
vertical-align:top;
}
.evc-comments .comment-form-url {
margin-right:0;
}
.evc-comments .comment-form-comment {
margin:0 0 20px;
}
.evc-comment-submit,
.evc-comments input[type="submit"] {
min-width:120px;
padding:13px 22px !important;
border:1px solid #D6725A !important;
border-radius:0 !important;
background:#D6725A !important;
color:#fff !important;
font:800 9px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.12em;
text-transform:uppercase;
}
.evc-comment-submit:hover,
.evc-comments input[type="submit"]:hover {
background:#5C4338 !important;
border-color:#5C4338 !important;
color:#fff !important;
}
.evc-comment-list {
list-style:none;
margin:0;
padding:0;
}
.evc-comment-list li.comment {
margin:0 0 24px;
padding:24px 0;
border-bottom:1px solid rgba(92,67,56,.12);
}
.evc-comment-list .comment-author {
color:#5C4338;
font-family:"Cormorant Garamond",Georgia,serif;
font-size:20px;
}
.evc-comment-list .comment-meta {
margin-top:5px;
font-size:9px;
}
.evc-comment-list .comment-content {
margin-top:14px;
font-size:14px;
line-height:1.6;
}
/* Remove all legacy Sense comment UI if it somehow appears */
.single .comment-form:not(.evc-comments .comment-form) .form-submit input,
.single .comments-area:not(.evc-comments),
.single #respond:not(.evc-comments #respond) {
border-color:rgba(92,67,56,.18) !important;
}
/* Known Sense visual leftovers */
#back-top,
.share-box,
.social-share,
.social-counter,
.share-count,
.post-share,
.single-share,
.bk-social-share,
.next-story,
.prev-story,
.next-post-wrapper,
.prev-post-wrapper,
.bk-next-post,
.bk-prev-post {
display:none !important;
}
/* Footer copyright */
.evc-footer-bottom {
color:rgba(255,247,242,.60) !important;
}
/* Mobile comments */
@media (max-width:767px) {
.evc-comments {
margin-top:58px;
}
.evc-comments .comment-form-author,
.evc-comments .comment-form-email,
.evc-comments .comment-form-url {
display:block;
width:100%;
margin:0 0 18px;
}
}
/* === EVC V6.9 "SENSE ERASED" END === */
/* === EVC V7.0 START ===
ONE MAGAZINE SYSTEM
Final visual unification after Sense removal.
================================================================ */
/* 1) Shared editorial heading grammar */
.evc-editorial-head {
width:min(1180px,calc(100% - 48px)) !important;
margin:0 auto !important;
padding:64px 0 40px !important;
border-bottom:1px solid rgba(92,67,56,.14) !important;
}
.evc-editorial-kicker,
.evc-archive-eyebrow,
.evc-search-page-kicker {
margin:0 0 10px !important;
color:#D6725A !important;
font:800 10px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.15em !important;
text-transform:uppercase !important;
}
.evc-editorial-title,
.evc-archive-head h1,
.evc-search-page-head h1 {
margin:0 !important;
color:#5C4338 !important;
font-family:"Cormorant Garamond",Georgia,serif !important;
font-size:clamp(44px,4.2vw,60px) !important;
line-height:.96 !important;
font-weight:600 !important;
letter-spacing:-.012em !important;
text-transform:none !important;
}
.evc-editorial-count,
.evc-archive-count,
.evc-search-page-head p {
margin-top:12px !important;
color:#8C7B73 !important;
font:700 9.5px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
}
/* Legacy "Le fil du magazine" title, if output by an old Sense template */
.archive-title,
.page-title,
.module-title,
.block-title,
.bk-page-title {
font-family:"Cormorant Garamond",Georgia,serif !important;
font-weight:600 !important;
letter-spacing:-.01em !important;
text-transform:none !important;
color:#5C4338 !important;
}
/* Kill oversized newspaper-style legacy archive title */
.archive .page-title,
.blog .page-title,
.archive .archive-title,
.blog .archive-title {
font-size:clamp(42px,4vw,58px) !important;
line-height:.96 !important;
}
/* 2) One "Lire la suite" component across Home / Archive / Search */
.evc-archive-read,
.evc-search-read,
.evc-read-more,
.evc-card-read {
position:relative;
display:inline-flex !important;
align-items:center;
justify-content:center;
min-width:126px;
min-height:38px;
margin-top:8px;
padding:0 16px !important;
border:1px solid rgba(92,67,56,.55) !important;
background:#FFF7F2 !important;
color:#5C4338 !important;
font:800 8.5px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
text-decoration:none !important;
}
.evc-archive-read:hover,
.evc-search-read:hover,
.evc-read-more:hover,
.evc-card-read:hover {
background:#5C4338 !important;
border-color:#5C4338 !important;
color:#FFF7F2 !important;
}
/* 3) Sidebar stays secondary, never competes with content */
.evc-sidebar h2 {
font-size:30px !important;
line-height:1 !important;
}
.evc-sidebar-kicker {
font-size:9.5px !important;
}
.evc-sidebar-story h3 {
font-size:19px !important;
line-height:1.05 !important;
}
/* 4) Footer copyright is ours, period */
.evc-footer-copyright {
color:rgba(255,247,242,.62) !important;
font:700 8.5px/1.4 "Manrope",Arial,sans-serif !important;
letter-spacing:.06em !important;
text-transform:uppercase !important;
}
.evc-footer-bottom a {
color:rgba(255,247,242,.72) !important;
}
.evc-footer-bottom a:hover {
color:#E8C9C1 !important;
}
/* Hide any parent lower footer/copyright that manages to render */
.footer-lower,
.bk-footer-lower,
.copyright,
.bk-copyright,
.footer-copy,
.footer-copyright:not(.evc-footer-copyright) {
display:none !important;
}
/* 5) Clean archive/search spacing */
.evc-archive-layout,
.evc-search-layout {
padding-top:52px !important;
padding-bottom:110px !important;
}
/* 6) Mobile */
@media (max-width:767px) {
.evc-editorial-head {
width:calc(100% - 36px) !important;
padding:48px 0 30px !important;
}
.evc-editorial-title,
.evc-archive-head h1,
.evc-search-page-head h1 {
font-size:40px !important;
}
}
/* === EVC V7.0 END === */
/* === EVC V7.0.1 START ===
Fix réel de /chroniques/ + composant Lire la suite.
================================================================ */
/*
* /chroniques/ est une PAGE WordPress, pas l'archive de catégorie.
* page.php est désormais autonome et reprend le système Archive EVC.
*/
/* Même titre que toutes les pages rubrique, sans composant Sense */
.evc-section-page .evc-editorial-head {
padding-top:64px !important;
}
.evc-section-page .evc-editorial-title {
font-family:"Cormorant Garamond",Georgia,serif !important;
font-size:clamp(44px,4.2vw,60px) !important;
line-height:.96 !important;
font-weight:600 !important;
letter-spacing:-.012em !important;
text-transform:none !important;
}
/* EXACTEMENT le même Lire la suite que la home */
.evc-archive-card .evc-readmore-wrap,
.evc-search-card .evc-readmore-wrap,
.evc-section-page .evc-readmore-wrap {
position:relative !important;
display:flex !important;
align-items:center !important;
width:100% !important;
margin-top:22px !important;
}
.evc-archive-card .evc-readmore-wrap::before,
.evc-archive-card .evc-readmore-wrap::after,
.evc-search-card .evc-readmore-wrap::before,
.evc-search-card .evc-readmore-wrap::after,
.evc-section-page .evc-readmore-wrap::before,
.evc-section-page .evc-readmore-wrap::after {
content:"" !important;
display:block !important;
height:1px !important;
flex:1 1 auto !important;
background:rgba(92,67,56,.18) !important;
}
.evc-archive-card .evc-readmore,
.evc-search-card .evc-readmore,
.evc-section-page .evc-readmore {
flex:0 0 auto !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 10px !important;
padding:10px 15px 9px !important;
border:1px solid rgba(92,67,56,.34) !important;
background:#FFFAF6 !important;
color:#5C4338 !important;
font:800 8.5px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
text-decoration:none !important;
}
.evc-archive-card .evc-readmore:hover,
.evc-search-card .evc-readmore:hover,
.evc-section-page .evc-readmore:hover {
border-color:#D6725A !important;
background:#D6725A !important;
color:#fff !important;
}
/* Neutralise les anciens liens italic "Lire la suite" du parent */
.evc-section-page .read-more,
.evc-section-page .readmore,
.evc-section-page a.more-link {
font-style:normal !important;
}
/* Pages ordinaires */
.evc-standard-page {
background:#FFF7F2;
}
.evc-standard-page-content {
width:min(900px,calc(100% - 48px));
margin:0 auto;
padding:48px 0 100px;
color:#3F3632;
font-size:17px;
line-height:1.58;
}
@media (max-width:767px) {
.evc-standard-page-content {
width:calc(100% - 36px);
}
}
/* === EVC V7.0.1 END === */
/* === EVC V7.0.2 START ===
Correction demandée : archive.php reste "Le fil du magazine"
et reprend exactement le composant Lire la suite de la home.
================================================================ */
/* Archive heading */
.evc-archive-page .evc-editorial-title {
font-family:"Cormorant Garamond",Georgia,serif !important;
font-size:clamp(44px,4.2vw,60px) !important;
line-height:.96 !important;
font-weight:600 !important;
letter-spacing:-.012em !important;
text-transform:none !important;
}
/* Same component as homepage */
.evc-archive-card .evc-readmore-wrap,
.evc-search-card .evc-readmore-wrap,
.evc-section-page .evc-readmore-wrap {
position:relative !important;
display:flex !important;
align-items:center !important;
width:100% !important;
margin-top:22px !important;
}
.evc-archive-card .evc-readmore-wrap::before,
.evc-archive-card .evc-readmore-wrap::after,
.evc-search-card .evc-readmore-wrap::before,
.evc-search-card .evc-readmore-wrap::after,
.evc-section-page .evc-readmore-wrap::before,
.evc-section-page .evc-readmore-wrap::after {
content:"" !important;
display:block !important;
flex:1 1 auto !important;
height:1px !important;
background:rgba(92,67,56,.24) !important;
}
.evc-archive-card .evc-readmore,
.evc-search-card .evc-readmore,
.evc-section-page .evc-readmore {
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
margin:0 12px !important;
padding:11px 17px 10px !important;
border:1px solid rgba(92,67,56,.55) !important;
background:#FFF7F2 !important;
color:#5C4338 !important;
font:800 8.5px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.14em !important;
text-transform:uppercase !important;
text-decoration:none !important;
font-style:normal !important;
}
.evc-archive-card .evc-readmore:hover,
.evc-search-card .evc-readmore:hover,
.evc-section-page .evc-readmore:hover {
background:#5C4338 !important;
border-color:#5C4338 !important;
color:#FFF7F2 !important;
}
/* Hide any legacy italic text link that might still leak from Sense */
.evc-archive-page .evc-archive-read,
.evc-archive-page a.more-link,
.evc-archive-page .read-more:not(.evc-readmore) {
display:none !important;
}
/* === EVC V7.0.2 END === */
/* === EVC V7.0.3 START ===
Correctif de hiérarchie WordPress.
/chroniques/ = page des articles => home.php, pas archive.php.
================================================================ */
/*
* IMPORTANT:
* Le composant Lire la suite du fil du magazine n'a plus de variante archive.
* Il utilise littéralement les classes de la home et leurs règles d'origine.
*/
.evc-posts-index .evc-readmore-wrap,
.evc-archive-page .evc-readmore-wrap {
width:100% !important;
display:flex !important;
align-items:center !important;
gap:0 !important;
margin-top:auto !important;
padding-top:6px !important;
}
.evc-posts-index .evc-readmore-wrap::before,
.evc-posts-index .evc-readmore-wrap::after,
.evc-archive-page .evc-readmore-wrap::before,
.evc-archive-page .evc-readmore-wrap::after {
content:"" !important;
height:1px !important;
background:var(--evc-chocolate) !important;
opacity:.72 !important;
flex:1 1 auto !important;
}
.evc-posts-index .evc-readmore,
.evc-archive-page .evc-readmore {
flex:0 0 auto !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:38px !important;
margin:0 !important;
padding:0 18px !important;
border:1px solid var(--evc-chocolate) !important;
background:#fffaf6 !important;
color:var(--evc-chocolate) !important;
font-family:"Manrope",Arial,sans-serif !important;
font-size:10px !important;
line-height:1 !important;
font-weight:600 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
text-decoration:none !important;
font-style:normal !important;
}
.evc-posts-index .evc-readmore:hover,
.evc-archive-page .evc-readmore:hover {
background:var(--evc-chocolate) !important;
border-color:var(--evc-chocolate) !important;
color:var(--evc-ivory) !important;
}
/* Empêche l'ancien template Sense du blog de refaire surface */
.evc-posts-index .read-more:not(.evc-readmore),
.evc-posts-index .more-link:not(.evc-readmore),
.evc-posts-index .bk-read-more,
.evc-posts-index .post-read-more {
display:none !important;
}
/* Le titre garde le style EVC et pas le bandeau typographique Sense */
.evc-posts-index .evc-editorial-title {
font-family:"Cormorant Garamond",Georgia,serif !important;
font-size:clamp(44px,4.2vw,60px) !important;
font-weight:600 !important;
line-height:.96 !important;
letter-spacing:-.012em !important;
text-transform:none !important;
}
/* === EVC V7.0.3 END === */
/* === EVC V7.0.4 START === */
.evc-v6-menu { gap:30px !important; }
.evc-v6-menu > li > a {
font-size:10.5px !important;
letter-spacing:.045em !important;
}
/* Single : rythme plus dense */
.evc-single-content {
font-size:17px !important;
line-height:1.47 !important;
}
.evc-single-content p {
margin:0 0 13px !important;
}
.evc-single-content p + p {
margin-top:0 !important;
}
.evc-single-content h2 {
margin:36px 0 12px !important;
line-height:1 !important;
}
.evc-single-content h3 {
margin:28px 0 10px !important;
line-height:1.02 !important;
}
.evc-single-content h4 {
margin:24px 0 9px !important;
line-height:1.04 !important;
}
.evc-single-content ul,
.evc-single-content ol {
margin-top:0 !important;
margin-bottom:14px !important;
}
.evc-single-content li {
margin-bottom:4px !important;
}
.evc-single-content blockquote {
margin:28px 0 !important;
line-height:1.05 !important;
}
@media (min-width:1400px) {
.evc-single-content {
font-size:17.5px !important;
line-height:1.46 !important;
}
}
@media (max-width:767px) {
.evc-single-content {
font-size:16.5px !important;
line-height:1.48 !important;
}
.evc-single-content p {
margin-bottom:12px !important;
}
}
/* === EVC V7.0.4 END === */
/* === EVC V7.0.5 START ===
Bandeau éditorial homepage :
Essais Auto · Design Auto · Portraits de femmes · Histoires
================================================================ */
.evc-feature-title,
.evc-pillars h3,
.evc-pillar h3 {
font-size:12px !important;
letter-spacing:.10em !important;
}
@media (max-width:1100px) {
.evc-feature-title,
.evc-pillars h3,
.evc-pillar h3 {
font-size:11px !important;
}
}
/* === EVC V7.0.5 END === */
/* === EVC V7.1 FINAL RELEASE ===
Stable editorial base.
================================================================ */
/* Editorial selection block */
.evc-choice-copy .evc-mag-eyebrow {
font-size:10px !important;
line-height:1.1 !important;
letter-spacing:.15em !important;
font-weight:800 !important;
text-transform:uppercase !important;
}
.evc-choice-signature {
font-family:"Cormorant Garamond",Georgia,serif !important;
font-size:34px !important;
line-height:1 !important;
font-weight:600 !important;
letter-spacing:-.01em !important;
}
.evc-choice-link {
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
padding-bottom:4px !important;
border-bottom:1px solid currentColor !important;
font:800 10px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
}
.evc-choice-link:hover {
color:#D6725A !important;
}
/* Keep article reading rhythm dense */
.evc-single-content {
font-size:17px !important;
line-height:1.47 !important;
}
.evc-single-content p {
margin-bottom:13px !important;
}
/* Final anti-Sense guard */
#back-top,
.bk-next-post,
.bk-prev-post,
.next-story,
.prev-story,
.share-box,
.social-share,
.social-counter,
.share-count {
display:none !important;
}
/* === /EVC V7.1 FINAL RELEASE === */
/* === EVC V7.2 MEDIA START ===
Native WP galleries + gallery/video post formats.
================================================================ */
.evc-post-format-label {
display:inline-block;
margin-left:10px;
padding-left:11px;
border-left:1px solid rgba(214,114,90,.38);
color:#8C7B73;
font:800 10px/1 "Manrope",Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase;
}
/* WordPress-native [gallery] rendered editorially */
.evc-native-gallery {
clear:both;
width:100%;
margin:34px 0 42px;
}
.evc-native-gallery-grid {
display:flex;
flex-wrap:wrap;
gap:7px;
}
.evc-native-gallery-item {
position:relative;
flex-grow:var(--evc-ratio);
flex-basis:calc(var(--evc-ratio) * 175px);
min-width:150px;
margin:0 !important;
}
.evc-native-gallery-item a {
position:relative;
display:block;
width:100%;
height:200px;
overflow:hidden;
background:#F0E7E1;
}
.evc-native-gallery-image {
display:block;
width:100% !important;
height:100% !important;
object-fit:cover;
transition:transform .35s ease, opacity .25s ease;
}
.evc-native-gallery-item a:hover .evc-native-gallery-image {
transform:scale(1.018);
opacity:.94;
}
.evc-gallery-zoom {
position:absolute;
right:11px;
bottom:10px;
display:flex;
width:30px;
height:30px;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.70);
border-radius:50%;
background:rgba(45,35,31,.40);
color:#fff;
font:300 20px/1 "Manrope",Arial,sans-serif;
opacity:0;
transform:translateY(4px);
transition:opacity .2s ease, transform .2s ease;
}
.evc-native-gallery-item a:hover .evc-gallery-zoom {
opacity:1;
transform:none;
}
.evc-native-gallery-item figcaption {
padding:7px 2px 3px;
color:#887973;
font:500 9px/1.45 "Manrope",Arial,sans-serif;
}
/* Video post-format fallback */
.evc-post-format-video {
width:min(1180px,calc(100% - 48px));
margin:-24px auto 52px;
}
.evc-post-format-video iframe,
.evc-post-format-video video {
display:block;
width:100% !important;
aspect-ratio:16/9;
height:auto !important;
border:0;
}
/* Generic native embeds inside article */
.evc-single-content .wp-block-embed,
.evc-single-content .wp-block-video,
.evc-single-content iframe {
max-width:100%;
}
.evc-single-content .wp-block-embed iframe,
.evc-single-content iframe[src*="youtube"],
.evc-single-content iframe[src*="vimeo"],
.evc-single-content iframe[src*="dailymotion"] {
width:100%;
aspect-ratio:16/9;
height:auto;
border:0;
}
/* Lightbox */
html.evc-lightbox-open {
overflow:hidden;
}
.evc-lightbox {
position:fixed;
z-index:99999;
inset:0;
display:none;
align-items:center;
justify-content:center;
padding:56px 74px;
background:rgba(35,29,27,.94);
}
.evc-lightbox.is-open {
display:flex;
}
.evc-lightbox-figure {
max-width:min(1240px,86vw);
max-height:88vh;
margin:0;
text-align:center;
}
.evc-lightbox-image {
display:block;
max-width:100%;
max-height:80vh;
width:auto;
height:auto;
margin:auto;
object-fit:contain;
}
.evc-lightbox-caption {
max-width:760px;
margin:13px auto 0;
color:rgba(255,247,242,.74);
font:500 11px/1.5 "Manrope",Arial,sans-serif;
}
.evc-lightbox-close,
.evc-lightbox-prev,
.evc-lightbox-next {
position:absolute;
border:0 !important;
background:transparent !important;
color:#FFF7F2 !important;
box-shadow:none !important;
cursor:pointer;
}
.evc-lightbox-close {
top:22px;
right:28px;
font:300 38px/1 "Manrope",Arial,sans-serif !important;
}
.evc-lightbox-prev,
.evc-lightbox-next {
top:50%;
transform:translateY(-50%);
padding:16px !important;
font:300 52px/1 "Cormorant Garamond",Georgia,serif !important;
}
.evc-lightbox-prev { left:14px; }
.evc-lightbox-next { right:14px; }
@media (max-width:767px) {
.evc-native-gallery-grid {
gap:5px;
}
.evc-native-gallery-item {
flex-basis:calc(var(--evc-ratio) * 115px);
min-width:110px;
}
.evc-native-gallery-item a {
height:145px;
}
.evc-gallery-zoom {
display:none;
}
.evc-post-format-video {
width:calc(100% - 36px);
margin-top:-12px;
}
.evc-lightbox {
padding:48px 18px;
}
.evc-lightbox-prev,
.evc-lightbox-next {
font-size:38px !important;
padding:8px !important;
}
.evc-lightbox-prev { left:2px; }
.evc-lightbox-next { right:2px; }
}
/* === EVC V7.2 MEDIA END === */
/* === EVC V7.2.2 — SENSE POST FORMAT BRIDGE ========================= */
/* Homepage editorial band */
.evc-pillars h3,
.evc-pillar h3,
.evc-feature-title {
font-size:12px !important;
letter-spacing:.09em !important;
}
/* Parent Sense Gallery Post Format / Video Post Format, inside our single */
.evc-single-format-media {
width:min(1320px,calc(100% - 48px));
margin:0 auto 48px;
}
.evc-single-format-media .gallery-wrap,
.evc-single-format-media .bk-embed-video,
.evc-single-format-media .bk-frame-wrap {
width:100%;
max-width:none;
margin:0;
}
.evc-single-format-media #bk-gallery-slider {
margin:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
.evc-single-format-media #bk-gallery-slider .slides img {
width:100%;
height:auto;
display:block;
}
.evc-single-format-media .bk-gallery-item {
position:relative;
}
.evc-single-format-media .bk-gallery-item .caption {
padding:10px 12px;
background:#FFF7F2;
color:#746660;
font:500 10px/1.45 "Manrope",Arial,sans-serif;
}
/* Sense native [gallery] renderer: justified gallery in EVC rhythm */
.evc-single-content .zoom-gallery.justified-gallery {
width:100%;
margin:26px 0 34px !important;
overflow:visible;
}
.evc-single-content .zoom-gallery.justified-gallery > a {
overflow:hidden;
}
.evc-single-content .zoom-gallery.justified-gallery img {
transition:opacity .22s ease, transform .32s ease;
}
.evc-single-content .zoom-gallery.justified-gallery > a:hover img {
opacity:.94;
transform:scale(1.012);
}
/* Sense video format */
.evc-single-format-media .bk-frame-wrap {
position:relative;
overflow:hidden;
aspect-ratio:16/9;
}
.evc-single-format-media .bk-frame-wrap iframe,
.evc-single-format-media .bk-frame-wrap video {
position:absolute;
inset:0;
width:100% !important;
height:100% !important;
border:0 !important;
}
/* No yellow controls leaking from Sense */
.evc-single-format-media .flex-control-paging li a.flex-active,
.evc-single-format-media .flex-direction-nav a:hover {
background:#D6725A !important;
color:#FFF7F2 !important;
}
@media (max-width:767px) {
.evc-single-format-media {
width:calc(100% - 36px);
margin-bottom:32px;
}
.evc-pillars h3,
.evc-pillar h3,
.evc-feature-title {
font-size:10.5px !important;
}
}
/* === /EVC V7.2.2 ================================================ */
/* === EVC V7.2.3 — FAST NATIVE GALLERY ============================ */
.evc-sense-native-gallery {
min-height:180px;
margin:28px 0 40px !important;
background:transparent !important;
}
.evc-sense-native-gallery .spinner {
opacity:.45;
}
.evc-sense-native-gallery > a {
background:#F0E7E1;
}
.evc-sense-native-gallery img {
max-width:none !important;
}
.evc-sense-native-gallery + p {
margin-top:18px !important;
}
@media (max-width:767px) {
.evc-sense-native-gallery {
min-height:120px;
margin:22px 0 30px !important;
}
}
/* === /EVC V7.2.3 ================================================ */
/* === EVC V7.2.4 — GALLERY FALLBACK + SIDEBAR HOVER =============== */
/* Les univers : hover lisible */
.evc-universe-link:hover,
.evc-universe-link:focus,
.evc-sidebar .evc-universe-link:hover,
.evc-sidebar .evc-universe-link:focus,
.evc-sidebar-universes a:hover,
.evc-sidebar-universes a:focus,
.evc-sidebar .tag-cloud-link:hover,
.evc-sidebar .tag-cloud-link:focus {
background:#D6725A !important;
border-color:#D6725A !important;
color:#FFF7F2 !important;
text-decoration:none !important;
}
.evc-universe-link:hover *,
.evc-universe-link:focus *,
.evc-sidebar-universes a:hover *,
.evc-sidebar-universes a:focus * {
color:#FFF7F2 !important;
}
/* Galerie : si JS met un instant à calculer, les images restent visibles */
.evc-sense-native-gallery {
display:flex;
flex-wrap:wrap;
gap:5px;
}
.evc-sense-native-gallery.justified-gallery {
display:block;
}
.evc-sense-native-gallery > a {
display:block;
flex:1 1 220px;
min-width:180px;
}
.evc-sense-native-gallery > a > img {
display:block;
width:100%;
height:auto;
}
/* === /EVC V7.2.4 ================================================ */
/* === EVC V7.2.5 — FULL SENSE SLIDESHOW =========================== */
/*
* Native [gallery] is now intentionally rendered through Sense's genuine
* bk_get_gallery_postFormat() FlexSlider, not the justified mosaic.
*/
.evc-wp-gallery-slider {
width:100%;
margin:28px 0 42px !important;
}
.evc-wp-gallery-slider .gallery-wrap {
width:100%;
margin:0 !important;
}
.evc-wp-gallery-slider #bk-gallery-slider {
position:relative;
width:100%;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
background:#F0E7E1 !important;
box-shadow:none !important;
}
.evc-wp-gallery-slider #bk-gallery-slider .flex-viewport {
width:100%;
}
.evc-wp-gallery-slider #bk-gallery-slider .slides {
margin:0 !important;
padding:0 !important;
}
.evc-wp-gallery-slider #bk-gallery-slider .slides > li {
margin:0 !important;
background:#F0E7E1;
}
.evc-wp-gallery-slider #bk-gallery-slider .slides > li > a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
background:#F0E7E1;
}
.evc-wp-gallery-slider #bk-gallery-slider .slides > li img {
display:block;
width:100% !important;
max-height:760px;
height:auto !important;
object-fit:contain;
margin:0 auto;
}
/* Sense dots, recolored EVC */
.evc-wp-gallery-slider #bk-gallery-slider .flex-control-nav {
top:auto !important;
right:18px !important;
bottom:16px !important;
z-index:8;
}
.evc-wp-gallery-slider #bk-gallery-slider .flex-control-paging li a {
width:9px !important;
height:9px !important;
border:1px solid rgba(255,255,255,.88) !important;
background:rgba(92,67,56,.58) !important;
box-shadow:none !important;
}
.evc-wp-gallery-slider #bk-gallery-slider .flex-control-paging li a.flex-active {
border-color:#FFF7F2 !important;
background:#D6725A !important;
}
/* Large, discreet previous / next arrows */
.evc-wp-gallery-slider #bk-gallery-slider .flex-direction-nav a {
display:flex !important;
align-items:center;
justify-content:center;
width:48px !important;
height:64px !important;
margin-top:-32px !important;
background:rgba(35,29,27,.58) !important;
color:#FFF7F2 !important;
opacity:.82 !important;
text-shadow:none !important;
}
.evc-wp-gallery-slider #bk-gallery-slider .flex-direction-nav a:hover {
background:#5C4338 !important;
color:#FFF7F2 !important;
opacity:1 !important;
}
/* Captions */
.evc-wp-gallery-slider #bk-gallery-slider .slides > li .caption {
padding:10px 14px !important;
background:rgba(35,29,27,.72) !important;
color:#FFF7F2 !important;
font:500 10px/1.4 "Manrope",Arial,sans-serif !important;
}
/* Keep this slideshow visually dominant in the article column. */
.evc-single-content .evc-wp-gallery-slider {
width:calc(100% + 120px);
margin-left:-60px !important;
margin-right:-60px !important;
}
@media (max-width:1180px) {
.evc-single-content .evc-wp-gallery-slider {
width:100%;
margin-left:0 !important;
margin-right:0 !important;
}
}
@media (max-width:767px) {
.evc-wp-gallery-slider {
margin-top:20px !important;
margin-bottom:30px !important;
}
.evc-wp-gallery-slider #bk-gallery-slider .slides > li img {
max-height:68vh;
}
.evc-wp-gallery-slider #bk-gallery-slider .flex-direction-nav a {
width:38px !important;
height:52px !important;
margin-top:-26px !important;
}
}
/* "Les univers" hover: guaranteed contrast */
.evc-sidebar-universes a:hover,
.evc-sidebar-universes a:focus,
.evc-sidebar .evc-universe-link:hover,
.evc-sidebar .evc-universe-link:focus {
background:#D6725A !important;
border-color:#D6725A !important;
color:#FFF7F2 !important;
}
/* === /EVC V7.2.5 ================================================ */
/* === EVC V7.2.6 — GALLERY / SIDEBAR BREATHING ROOM =============== */
/*
* V7.2.5 enlarged the slideshow symmetrically:
* width: calc(100% + 120px) + margin-left/right:-60px.
* That visually ate almost all of the 72px grid gap before the sidebar.
*
* V7.2.6 keeps the magazine overflow ONLY toward the left.
* The right edge stays aligned with the article column, preserving
* a real visual gutter before the sidebar.
*/
.evc-single-content .evc-wp-gallery-slider {
width:calc(100% + 60px) !important;
margin-left:-60px !important;
margin-right:0 !important;
}
/* Slightly more editorial separation between article and sidebar */
.evc-single-layout {
gap:84px !important;
}
/* Keep sidebar visually distinct without adding a hard box */
.evc-single-layout > .evc-sidebar {
padding-left:4px;
}
@media (max-width:1180px) {
.evc-single-content .evc-wp-gallery-slider {
width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
}
.evc-single-layout {
gap:56px !important;
}
}
@media (max-width:900px) {
.evc-single-layout {
gap:0 !important;
}
.evc-single-layout > .evc-sidebar {
padding-left:0;
}
}
/* === /EVC V7.2.6 ================================================ */
/* === EVC V7.3 — PLAYLIST SAISONNIÈRE ============================= */
.evc-playlist-module {
position:relative;
overflow:hidden;
width:100%;
padding:28px;
border-top:1px solid rgba(92,67,56,.18);
border-bottom:1px solid rgba(92,67,56,.18);
background:#F2E8E2;
color:#5C4338;
}
.evc-playlist-printemps { background:#DCE4D8; }
.evc-playlist-ete { background:#F1DCCF; }
.evc-playlist-automne { background:#E7D4C7; }
.evc-playlist-hiver { background:#E4E7E7; }
.evc-playlist-head {
display:flex;
align-items:center;
gap:18px;
margin-bottom:15px;
}
.evc-playlist-disc {
position:relative;
flex:0 0 48px;
width:48px;
height:48px;
border-radius:50%;
background:#5C4338;
}
.evc-playlist-disc::before,
.evc-playlist-disc::after {
content:"";
position:absolute;
inset:7px;
border:1px solid rgba(255,247,242,.28);
border-radius:50%;
}
.evc-playlist-disc::after { inset:15px; }
.evc-playlist-disc span {
position:absolute;
top:50%; left:50%;
width:8px; height:8px;
transform:translate(-50%,-50%);
border-radius:50%;
background:#FFF7F2;
}
.evc-playlist-eyebrow {
margin-bottom:5px;
color:#D6725A;
font:800 9px/1 "Manrope",Arial,sans-serif;
letter-spacing:.16em;
text-transform:uppercase;
}
.evc-playlist-head h3 {
margin:0 !important;
color:#5C4338 !important;
font-family:"Cormorant Garamond",Georgia,serif !important;
font-size:34px !important;
font-weight:600 !important;
line-height:.95 !important;
}
.evc-playlist-intro {
max-width:620px;
margin:0 0 18px !important;
font:500 13px/1.5 "Manrope",Arial,sans-serif;
}
.evc-playlist-player {
overflow:hidden;
margin-top:16px;
border-radius:12px;
}
.evc-playlist-player iframe { display:block; width:100%; border:0; }
.evc-playlist-placeholder {
margin:16px 0;
padding:18px;
border:1px dashed rgba(92,67,56,.28);
color:#8C7B73;
font:600 11px/1.4 "Manrope",Arial,sans-serif;
}
.evc-playlist-cta {
display:inline-flex;
align-items:center;
gap:8px;
margin-top:18px;
padding-bottom:4px;
border-bottom:1px solid currentColor;
color:#5C4338 !important;
font:800 9.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.12em;
text-transform:uppercase;
text-decoration:none !important;
}
.evc-playlist-cta:hover { color:#D6725A !important; }
.evc-playlist-module.is-compact { padding:22px; }
.evc-playlist-module.is-compact .evc-playlist-disc {
flex-basis:38px; width:38px; height:38px;
}
.evc-playlist-module.is-compact .evc-playlist-head h3 {
font-size:27px !important;
}
.evc-playlist-module.is-compact .evc-playlist-intro {
font-size:11.5px;
}
@media (max-width:767px) {
.evc-playlist-module { padding:22px; }
.evc-playlist-head h3 { font-size:30px !important; }
}
/* === /EVC V7.3 ================================================== */
/* === EVC V7.3.1 — SUMMER PLAYLIST IN FOOTER ====================== */
.evc-footer-playlist {
margin-top:28px;
max-width:360px;
}
.evc-footer-playlist .evc-playlist-module {
padding:18px 0 0;
border-top:1px solid rgba(255,247,242,.22);
border-bottom:0;
background:transparent !important;
color:#FFF7F2;
}
.evc-footer-playlist .evc-playlist-head {
gap:12px;
margin-bottom:11px;
}
.evc-footer-playlist .evc-playlist-disc {
flex-basis:32px;
width:32px;
height:32px;
background:#FFF7F2;
}
.evc-footer-playlist .evc-playlist-disc::before,
.evc-footer-playlist .evc-playlist-disc::after {
border-color:rgba(92,67,56,.22);
}
.evc-footer-playlist .evc-playlist-disc span {
width:6px;
height:6px;
background:#5C4338;
}
.evc-footer-playlist .evc-playlist-eyebrow {
color:#F3A28D !important;
font-size:8px !important;
}
.evc-footer-playlist .evc-playlist-head h3 {
color:#FFF7F2 !important;
font-size:25px !important;
}
.evc-footer-playlist .evc-playlist-intro {
color:rgba(255,247,242,.78) !important;
font-size:10.5px !important;
line-height:1.45 !important;
margin-bottom:12px !important;
}
.evc-footer-playlist .evc-playlist-player {
border-radius:8px;
margin-top:12px;
}
.evc-footer-playlist .evc-playlist-cta {
color:#FFF7F2 !important;
border-bottom-color:rgba(255,247,242,.55) !important;
}
.evc-footer-playlist .evc-playlist-cta:hover {
color:#F3A28D !important;
}
/* Social links can remain empty for now without leaving awkward spacing */
.evc-footer-social:empty,
.evc-footer-follow-links:empty,
.evc-social-links:empty {
display:none !important;
}
@media (max-width:900px) {
.evc-footer-playlist {
max-width:100%;
}
}
/* === /EVC V7.3.1 ================================================ */
/* === EVC V7.3.3 — FOOTER BALANCE / CONTACT / NOTRE REGARD ======== */
.evc-footer-main.evc-footer-main-v732 {
grid-template-columns:1.08fr 1fr .92fr 1.16fr !important;
gap:62px !important;
align-items:start;
}
.evc-footer-mini-heading {
margin:27px 0 10px;
color:#F3A28D;
font:800 8px/1 "Manrope",Arial,sans-serif;
letter-spacing:.16em;
text-transform:uppercase;
}
.evc-footer-brand-col p {
max-width:370px;
font-size:11px !important;
line-height:1.62 !important;
color:rgba(255,247,242,.82) !important;
}
.evc-footer-reading-col .evc-footer-reading li {
padding:0 0 15px !important;
margin:0 0 15px !important;
}
.evc-footer-contact-intro {
margin:-2px 0 16px !important;
color:rgba(255,247,242,.72) !important;
font-size:10px !important;
line-height:1.5 !important;
}
.evc-contact-form {
display:grid;
gap:9px;
}
.evc-contact-form label {
display:block;
margin:0;
}
.evc-contact-form label > span {
display:block;
margin:0 0 5px;
color:rgba(255,247,242,.70);
font:700 7.5px/1 "Manrope",Arial,sans-serif;
letter-spacing:.11em;
text-transform:uppercase;
}
.evc-contact-form input,
.evc-contact-form textarea {
box-sizing:border-box;
width:100%;
border:1px solid rgba(255,247,242,.28) !important;
border-radius:0 !important;
outline:0 !important;
background:rgba(255,247,242,.035) !important;
color:#FFF7F2 !important;
font:500 10px/1.4 "Manrope",Arial,sans-serif !important;
box-shadow:none !important;
}
.evc-contact-form input {
height:36px;
padding:0 10px;
}
.evc-contact-form textarea {
min-height:82px;
padding:9px 10px;
resize:vertical;
}
.evc-contact-form input:focus,
.evc-contact-form textarea:focus {
border-color:#F3A28D !important;
background:rgba(255,247,242,.06) !important;
}
.evc-contact-form button {
justify-self:start;
margin-top:3px;
padding:10px 18px !important;
border:1px solid #FFF7F2 !important;
border-radius:0 !important;
background:transparent !important;
color:#FFF7F2 !important;
font:800 8px/1 "Manrope",Arial,sans-serif !important;
letter-spacing:.13em !important;
text-transform:uppercase;
box-shadow:none !important;
}
.evc-contact-form button:hover {
border-color:#D6725A !important;
background:#D6725A !important;
color:#FFF7F2 !important;
}
.evc-contact-honeypot {
position:absolute !important;
left:-99999px !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
}
.evc-contact-feedback {
margin:0 0 12px !important;
padding:8px 10px;
font:700 9px/1.4 "Manrope",Arial,sans-serif !important;
}
.evc-contact-feedback.is-success {
background:rgba(220,228,216,.12);
color:#E4EFDF !important;
}
.evc-contact-feedback.is-error {
background:rgba(214,114,90,.14);
color:#FFD8CE !important;
}
/* The Spotify player remains the visual anchor of the right column. */
.evc-footer-follow-col .evc-footer-playlist {
max-width:none;
margin-top:22px;
}
/* Home "Notre regard": a little more room for the human copy. */
.evc-about p {
font-size:12.5px !important;
line-height:1.62 !important;
}
.evc-about .evc-signature {
margin-top:16px;
}
@media (max-width:1350px) {
.evc-footer-main.evc-footer-main-v732 {
grid-template-columns:1fr 1fr !important;
gap:50px 70px !important;
}
}
@media (max-width:760px) {
.evc-footer-main.evc-footer-main-v732 {
grid-template-columns:1fr !important;
gap:42px !important;
}
.evc-footer-brand-col p {
max-width:none;
}
}
/* === /EVC V7.3.3 ================================================ */
/* === EVC V7.3.5 — LIFESTYLE EDITORIAL TITLES ===================== */
/*
* Titles are shortened in PHP with evc_editorial_title():
* - featured Lifestyle: 62 characters maximum
* - secondary Lifestyle cards: 50 characters maximum
* The function stops on a complete word and leaves the real WP title intact.
*/
.evc-life-mini h4 {
text-wrap:balance;
}
.evc-life-overlay h3 {
text-wrap:balance;
}
/* === /EVC V7.3.5 ================================================ */
/* === EVC V7.3.7 — EN IMAGES: ALIGNED EDITORIAL GRID ============== */
/*
* Suppression du décalage "escalier" ajouté dans les versions précédentes.
* Toutes les cartes commencent et finissent sur la même grille.
*/
.evc-gallery-item:nth-child(2),
.evc-gallery-item:nth-child(5) {
transform:none !important;
}
/*
* Un seul bloc visuel cohérent :
* grande image à gauche + quatre cases régulières à droite.
*/
.evc-gallery {
max-width:1180px;
margin:0 auto;
display:grid !important;
grid-template-columns:1.35fr .85fr .85fr !important;
grid-template-rows:250px 250px !important;
gap:12px !important;
align-items:stretch;
}
.evc-gallery-item {
min-width:0;
min-height:0;
transform:none !important;
}
.evc-gallery-item:first-child {
grid-row:1 / span 2 !important;
}
.evc-gallery-item img {
width:100%;
height:100%;
object-fit:cover;
}
@media (max-width:991px) {
.evc-gallery {
grid-template-columns:1fr 1fr !important;
grid-template-rows:auto !important;
}
.evc-gallery-item:first-child {
grid-column:1 / -1 !important;
grid-row:auto !important;
aspect-ratio:16/9;
}
.evc-gallery-item:not(:first-child) {
aspect-ratio:4/3;
}
}
@media (max-width:640px) {
.evc-gallery {
grid-template-columns:1fr !important;
}
.evc-gallery-item:first-child,
.evc-gallery-item:not(:first-child) {
grid-column:auto !important;
aspect-ratio:4/3;
}
}
/* === /EVC V7.3.7 ================================================ */
/* === EVC V7.3.10 — LIFESTYLE TITLE COLORS =========================
Neutralise le bleu de lien hérité de Sense uniquement dans le bloc
éditorial Lifestyle de la home.
================================================================== */
.evc-lifestyle a,
.evc-lifestyle a:link,
.evc-lifestyle a:visited,
.evc-lifestyle .evc-lifestyle-title,
.evc-lifestyle .evc-lifestyle-title a,
.evc-lifestyle-list a,
.evc-lifestyle-list a:link,
.evc-lifestyle-list a:visited,
.evc-home-lifestyle a,
.evc-home-lifestyle a:link,
.evc-home-lifestyle a:visited {
color: #5c4338 !important;
}
.evc-lifestyle a:hover,
.evc-lifestyle a:focus,
.evc-lifestyle .evc-lifestyle-title a:hover,
.evc-lifestyle .evc-lifestyle-title a:focus,
.evc-lifestyle-list a:hover,
.evc-lifestyle-list a:focus,
.evc-home-lifestyle a:hover,
.evc-home-lifestyle a:focus {
color: #d6725a !important;
}
/* === /EVC V7.3.10 ================================================ */
/* EVC V7.3.10 — exact Lifestyle classes detected */
.evc-lifestyle a,
.evc-lifestyle a:link,
.evc-lifestyle a:visited,
.evc-lifestyle-grid a,
.evc-lifestyle-grid a:link,
.evc-lifestyle-grid a:visited {
color: #5c4338 !important;
}
.evc-lifestyle a:hover,
.evc-lifestyle a:focus,
.evc-lifestyle-grid a:hover,
.evc-lifestyle-grid a:focus {
color: #d6725a !important;
}
/* === EVC V7.3.11 — COLOR + TYPOGRAPHY + SPOTIFY FOOTER ============ */
/*
* TYPOGRAPHIC SYSTEM
* Editorial serif = Cormorant Garamond
* Interface/body = Manrope
* Brand script = Italianno
*/
/* Brand must keep the handwritten magazine identity. */
.logo.logo-text a,
.evc-header-brand,
.evc-footer-brand {
font-family:"Italianno","Cormorant Garamond",Georgia,serif !important;
font-weight:400 !important;
}
/* Editorial headings. */
.evc-mag-title,
.evc-favorite-copy h3,
.evc-favorite-copy h3 a,
.evc-life-overlay h3,
.evc-life-overlay h3 a,
.evc-life-mini h4,
.evc-life-mini h4 a,
.evc-sidebar h2,
.evc-sidebar h2 a,
.evc-sidebar h3,
.evc-sidebar h3 a,
.evc-search-page-head h1,
.evc-archive-page-head h1,
.evc-archive-card h2,
.evc-archive-card h2 a,
.evc-single-title,
.evc-single-content h2,
.evc-single-content h3 {
font-family:"Cormorant Garamond",Georgia,serif !important;
color:#5C4338 !important;
}
/* Interface, body and metadata stay sans-serif. */
.evc-mag-eyebrow,
.evc-card-cat,
.evc-favorite-meta,
.evc-sidebar-eyebrow,
.evc-archive-meta,
.evc-single-meta,
.evc-footer-col h3,
.evc-footer-mini-heading,
.evc-contact-form,
.evc-playlist-eyebrow {
font-family:"Manrope",Arial,sans-serif !important;
}
/*
* Sense parent still pushes its link blue into archive/sidebar headings.
* Neutralize it only inside EVC editorial components.
*/
.evc-sidebar a,
.evc-sidebar a:link,
.evc-sidebar a:visited,
.evc-search-layout a,
.evc-search-layout a:link,
.evc-search-layout a:visited,
.evc-archive-layout a,
.evc-archive-layout a:link,
.evc-archive-layout a:visited,
.evc-mag-section a,
.evc-mag-section a:link,
.evc-mag-section a:visited {
color:#5C4338 !important;
}
.evc-sidebar a:hover,
.evc-sidebar a:focus,
.evc-search-layout a:hover,
.evc-search-layout a:focus,
.evc-archive-layout a:hover,
.evc-archive-layout a:focus,
.evc-mag-section a:hover,
.evc-mag-section a:focus {
color:#D6725A !important;
}
/* Sidebar editorial headings must never inherit Sense blue. */
.evc-sidebar h2,
.evc-sidebar h2 a,
.evc-sidebar .evc-sidebar-title,
.evc-sidebar .evc-sidebar-title a,
.evc-sidebar .widget-title,
.evc-sidebar .widget-title a,
.evc-sidebar .module-title,
.evc-sidebar .module-title a {
color:#5C4338 !important;
}
/* Footer: remove any legacy blue icon/background inherited from Sense. */
.evc-footer-socials a,
.evc-footer-socials a:link,
.evc-footer-socials a:visited,
.evc-footer-socials i,
.evc-footer-follow-col a,
.evc-footer-follow-col a:link,
.evc-footer-follow-col a:visited {
color:#FFF7F2 !important;
border-color:rgba(255,247,242,.35) !important;
}
.evc-footer-socials a:hover,
.evc-footer-follow-col a:hover {
color:#F3A28D !important;
}
/* Spotify is a permanent footer editorial module on every page. */
.evc-footer-playlist {
display:block !important;
}
/* Final defensive pass against Sense's historical cyan links. */
.evc-sidebar [style*="color"],
.evc-mag-section [style*="color"] {
--evc-force-link-color:#5C4338;
}
/* === /EVC V7.3.11 ================================================ */
/* === EVC V7.3.12 — FINAL TYPOGRAPHY NORMALIZATION =================
Maquette :
- marque manuscrite : Italianno
- titres éditoriaux : Cormorant Garamond
- interface / texte : Manrope
================================================================== */
/* Section titles on Home: "Derniers articles", "L'esprit...", etc. */
.evc-section-heading,
.evc-main-column .evc-section-heading,
.evc-latest .evc-section-heading,
section .evc-section-heading,
.evc-side-column h2,
.evc-side-column h3,
.evc-about h2,
.evc-about h3,
.evc-side-column .widget-title,
.evc-side-column .block-title,
.evc-side-column .module-title {
font-family:"Cormorant Garamond",Georgia,serif !important;
color:#5C4338 !important;
font-weight:600 !important;
text-transform:none !important;
letter-spacing:-.015em !important;
line-height:.94 !important;
}
/* Keep Home section proportions elegant, not giant. */
.evc-section-heading,
.evc-main-column .evc-section-heading,
.evc-latest .evc-section-heading {
font-size:clamp(30px,2.5vw,40px) !important;
}
.evc-side-column h2,
.evc-side-column h3,
.evc-about h2,
.evc-about h3,
.evc-side-column .widget-title,
.evc-side-column .block-title,
.evc-side-column .module-title {
font-size:clamp(27px,2.2vw,34px) !important;
}
/* Sidebar/archive magazine headings. */
.evc-sidebar h2,
.evc-sidebar .evc-sidebar-title,
.evc-sidebar .widget-title,
.evc-sidebar .module-title,
.evc-sidebar-archive h2,
.evc-sidebar-archive h3 {
font-family:"Cormorant Garamond",Georgia,serif !important;
color:#5C4338 !important;
font-weight:600 !important;
letter-spacing:-.01em !important;
}
/* Search/archive page titles stay editorial serif. */
.evc-search-page-head h1,
.evc-archive-page-head h1,
.evc-search-card h2,
.evc-search-card h2 a,
.evc-archive-card h2,
.evc-archive-card h2 a {
font-family:"Cormorant Garamond",Georgia,serif !important;
color:#5C4338 !important;
}
/* Body text remains Manrope. */
.evc-card-excerpt,
.evc-about p,
.evc-search-card p,
.evc-archive-card p,
.evc-sidebar p,
.evc-sidebar-archive p {
font-family:"Manrope",Arial,sans-serif !important;
}
/* Absolute protection against inherited Sense cyan on editorial headings. */
.evc-section-heading a,
.evc-side-column h2 a,
.evc-side-column h3 a,
.evc-sidebar h2 a,
.evc-sidebar h3 a,
.evc-search-page-head a,
.evc-archive-page-head a {
color:#5C4338 !important;
}
.evc-section-heading a:hover,
.evc-side-column h2 a:hover,
.evc-side-column h3 a:hover,
.evc-sidebar h2 a:hover,
.evc-sidebar h3 a:hover {
color:#D6725A !important;
}
/* === /EVC V7.3.12 ================================================ */
/* === EVC V7.3.13 — HARD TYPOGRAPHY LOCK ===========================
Objectif : empêcher Sense / Customizer de réinjecter une sans-serif
ou un bleu sur les titres éditoriaux.
================================================================== */
/* BRAND */
html body .logo.logo-text a,
html body .evc-header-brand,
html body .evc-footer-brand {
font-family:"Italianno","Cormorant Garamond",Georgia,serif !important;
font-weight:400 !important;
font-style:normal !important;
letter-spacing:-.01em !important;
}
/* HOME SECTION TITLES */
html body .evc-content-grid .evc-section-heading,
html body .evc-main-column > .evc-section-heading,
html body .evc-side-column .evc-section-heading,
html body .evc-about .evc-section-heading,
html body .evc-mag-section .evc-mag-title,
html body .evc-favorites .evc-mag-title {
font-family:"Cormorant Garamond",Georgia,serif !important;
font-style:normal !important;
font-weight:600 !important;
text-transform:none !important;
letter-spacing:-.018em !important;
line-height:.94 !important;
color:#5C4338 !important;
}
/* HOME proportions */
html body .evc-main-column > .evc-section-heading {
font-size:clamp(34px,2.8vw,43px) !important;
}
html body .evc-side-column .evc-section-heading {
font-size:clamp(29px,2.25vw,35px) !important;
}
/* CARDS + MAGAZINE LISTS */
html body .evc-card h3,
html body .evc-card h3 a,
html body .evc-favorite-copy h3,
html body .evc-favorite-copy h3 a,
html body .evc-life-mini h4,
html body .evc-life-mini h4 a,
html body .evc-life-overlay h3,
html body .evc-life-overlay h3 a {
font-family:"Cormorant Garamond",Georgia,serif !important;
font-weight:600 !important;
color:#5C4338 !important;
}
/* Overlay title remains white */
html body .evc-life-overlay h3,
html body .evc-life-overlay h3 a {
color:#FFF7F2 !important;
}
/* ARCHIVE / SEARCH / SIDEBAR */
html body .evc-search-page-head h1,
html body .evc-archive-page-head h1,
html body .evc-search-card h2,
html body .evc-search-card h2 a,
html body .evc-archive-card h2,
html body .evc-archive-card h2 a,
html body .evc-sidebar h2,
html body .evc-sidebar h2 a,
html body .evc-sidebar h3,
html body .evc-sidebar h3 a,
html body .evc-sidebar .widget-title,
html body .evc-sidebar .widget-title a,
html body .evc-sidebar .module-title,
html body .evc-sidebar .module-title a {
font-family:"Cormorant Garamond",Georgia,serif !important;
font-weight:600 !important;
color:#5C4338 !important;
text-transform:none !important;
}
/* No Sense cyan anywhere in the EVC sidebar/archive UI */
html body .evc-sidebar a:link,
html body .evc-sidebar a:visited,
html body .evc-search-layout a:link,
html body .evc-search-layout a:visited,
html body .evc-archive-layout a:link,
html body .evc-archive-layout a:visited {
color:#5C4338 !important;
}
html body .evc-sidebar a:hover,
html body .evc-sidebar a:focus,
html body .evc-search-layout a:hover,
html body .evc-search-layout a:focus,
html body .evc-archive-layout a:hover,
html body .evc-archive-layout a:focus {
color:#D6725A !important;
}
/* Interface / metadata / body */
html body .evc-mag-eyebrow,
html body .evc-card-cat,
html body .evc-favorite-meta,
html body .evc-search-page-head p,
html body .evc-archive-meta,
html body .evc-single-meta,
html body .evc-footer-col > h3,
html body .evc-contact-form,
html body .evc-sidebar-search-form,
html body .evc-card-excerpt,
html body .evc-about p {
font-family:"Manrope",Arial,sans-serif !important;
}
/* Footer CONTACT: form sits immediately in that editorial column */
html body .evc-footer-contact-col > h3 {
margin-bottom:14px !important;
}
html body .evc-footer-contact-intro {
margin-top:0 !important;
margin-bottom:16px !important;
}
html body .evc-footer-contact-col .evc-contact-form {
display:grid !important;
}
/* === /EVC V7.3.13 ================================================ */
/* === EVC V7.3.14 — LES UNIVERS HOVER ==============================
Le hover Sense mettait fond terracotta + texte de même ton / invisible.
On force un contraste lisible.
================================================================== */
html body .evc-category-chips a,
html body .evc-category-chips a:link,
html body .evc-category-chips a:visited {
background:#FFF7F2 !important;
color:#5C4338 !important;
border-color:rgba(92,67,56,.16) !important;
}
html body .evc-category-chips a:hover,
html body .evc-category-chips a:focus,
html body .evc-category-chips a:active {
background:#D6725A !important;
color:#FFF7F2 !important;
border-color:#D6725A !important;
}
/* Defensive selector if Sense wraps the chip text. */
html body .evc-category-chips a:hover *,
html body .evc-category-chips a:focus *,
html body .evc-category-chips a:active * {
color:#FFF7F2 !important;
}
/* Explorer block specifically */
html body .evc-sidebar .evc-category-chips a:hover,
html body .evc-sidebar .evc-category-chips a:focus,
html body .evc-sidebar .evc-category-chips a:active {
color:#FFF7F2 !important;
}
/* === /EVC V7.3.14 ================================================ */
/* === EVC V7.3.15 — HEADER NAV TYPO =============================== */
@media (min-width:992px){
html body header .menu > li > a,
html body header .menu-primary-container > ul > li > a,
html body #main-menu > li > a,
html body .main-menu > li > a,
html body .evc-header-nav a,
html body .evc-primary-nav a{
font-size:13px !important;
line-height:1.15 !important;
letter-spacing:.025em !important;
font-weight:700 !important;
}
}
@media (min-width:1200px){
html body header .menu > li > a,
html body header .menu-primary-container > ul > li > a,
html body #main-menu > li > a,
html body .main-menu > li > a,
html body .evc-header-nav a,
html body .evc-primary-nav a{
font-size:14px !important;
}
}
/* === /EVC V7.3.15 ================================================ */
/* === EVC V7.3.16 — LES UNIVERS : TYPO DES CHIPS ===================
Les libellés étaient visuellement trop petits par rapport au titre
et au corps éditorial de la colonne.
================================================================== */
html body .evc-univers a,
html body .evc-univers-grid a,
html body .evc-universe a,
html body .univers a,
html body .univers-grid a,
html body .evc-sidebar-univers a {
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: .02em !important;
padding: 10px 14px !important;
}
/* conserve le contraste du hover corrigé précédemment */
html body .evc-univers a:hover,
html body .evc-univers-grid a:hover,
html body .evc-universe a:hover,
html body .univers a:hover,
html body .univers-grid a:hover,
html body .evc-sidebar-univers a:hover,
html body .evc-univers a:focus,
html body .evc-univers-grid a:focus,
html body .evc-universe a:focus,
html body .univers a:focus,
html body .univers-grid a:focus,
html body .evc-sidebar-univers a:focus {
color: #fff8f2 !important;
}
@media (min-width: 1200px) {
html body .evc-univers a,
html body .evc-univers-grid a,
html body .evc-universe a,
html body .univers a,
html body .univers-grid a,
html body .evc-sidebar-univers a {
font-size: 14px !important;
}
}
/* === /EVC V7.3.16 ================================================ */
/* === EVC V7.3.17 — LIBELLÉS ÉDITORIAUX / RECHERCHE =============== */
/* "RECHERCHE", "DANS LE MAGAZINE", etc. : plus présents sans
concurrencer les titres serif. */
html body .search-page .section-label,
html body .search-results .section-label,
html body .archive-page .section-label,
html body .evc-section-label,
html body .widget-title-label,
html body .sidebar-label,
html body main .eyebrow,
html body aside .eyebrow {
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: .12em !important;
}
@media (min-width:1200px){
html body .search-page .section-label,
html body .search-results .section-label,
html body .archive-page .section-label,
html body .evc-section-label,
html body .widget-title-label,
html body .sidebar-label,
html body main .eyebrow,
html body aside .eyebrow {
font-size: 14px !important;
}
}
/* === /EVC V7.3.17 ================================================ */
/* === EVC V7.3.18 — HERO : DÉGRADÉ DE LISIBILITÉ ==================
Le chocolat du titre peut disparaître sur les photos sombres.
On ajoute seulement un voile progressif dans la zone basse,
sans assombrir toute l'image.
================================================================== */
html body .evc-lifestyle-feature,
html body .evc-featured-visual,
html body .evc-feature-card,
html body .evc-hero-card {
position: relative;
overflow: hidden;
}
html body .evc-lifestyle-feature::after,
html body .evc-featured-visual::after,
html body .evc-feature-card::after,
html body .evc-hero-card::after {
content: "";
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
height: 48%;
pointer-events: none;
background: linear-gradient(
to bottom,
rgba(255,248,242,0) 0%,
rgba(255,248,242,.08) 28%,
rgba(255,248,242,.55) 72%,
rgba(255,248,242,.84) 100%
);
}
/* Le contenu éditorial reste au-dessus du voile. */
html body .evc-lifestyle-feature > *,
html body .evc-featured-visual > *,
html body .evc-feature-card > *,
html body .evc-hero-card > * {
position: relative;
z-index: 2;
}
/* === /EVC V7.3.18 ================================================ */
/* === EVC V7.3.19 — TYPOGRAPHIE MAÎTRE : NAV / RUBRIQUES / FOOTER ===
------------------------------------------------------------------
SOURCE UNIQUE DE VÉRITÉ pour la TAILLE de la navigation, des titres
de rubriques (sidebar), de leurs surtitres et du footer « L'esprit ».
Pourquoi ce bloc existe :
Les tailles restaient minuscules malgré les corrections précédentes
parce que les blocs V7.3.15 et V7.3.17 ciblaient des sélecteurs qui
N'EXISTENT PAS dans le HTML de ce thème (.menu, #main-menu,
.evc-header-nav, main .eyebrow ...). Les vrais sélecteurs sont :
- Navigation ......... .evc-v6-menu > li > a
- Titres rubriques ... .evc-sidebar h2
- Surtitres rubriques .evc-sidebar-kicker
- Footer « L'esprit » .evc-footer-mini-heading
Ce bloc est le DERNIER du fichier et utilise « html body … » :
il gagne donc sur Sense ET sur tous les blocs EVC précédents.
>>> Pour ajuster la taille de la nav / des rubriques / du footer,
MODIFIER ICI, nulle part ailleurs. <<<
Rythme visé : presse premium type Monocle (lisible, aéré, élégant),
sans copier son identité.
================================================================== */
/* ---------- 1) NAVIGATION PRINCIPALE -----------------------------
Avant : 8.2px (992–1320px) puis 10.5px. Beaucoup trop petit face
au logo manuscrit (60px). On remonte à une échelle « magazine ». */
@media (min-width:992px){
html body .evc-v6-menu > li > a{
font-size:14px !important;
line-height:1.15 !important;
letter-spacing:.07em !important;
font-weight:700 !important;
}
}
@media (min-width:1200px){
html body .evc-v6-menu > li > a{ font-size:14.5px !important; }
}
@media (min-width:1440px){
html body .evc-v6-menu > li > a{ font-size:15px !important; }
}
/* Espacement entre items un peu plus généreux à ces nouvelles tailles. */
@media (min-width:992px){
html body .evc-v6-menu{ gap:34px !important; }
}
@media (min-width:992px) and (max-width:1320px){
html body .evc-v6-menu{ gap:26px !important; }
}
/* ---------- 2) TITRES DE RUBRIQUES (SIDEBAR) ---------------------
« Les univers », « Remonter le temps », « À lire maintenant »…
Cormorant, plus présents. */
html body .evc-sidebar h2,
html body .evc-sidebar-block h2{
font-family:"Cormorant Garamond",Georgia,serif !important;
font-size:clamp(32px,2.7vw,39px) !important;
line-height:.96 !important;
font-weight:600 !important;
letter-spacing:-.012em !important;
color:#5C4338 !important;
}
/* Surtitres de rubriques : « EXPLORER », « DEPUIS 2014 », etc.
Avant 9.5px → petit label ; on passe à une capitale lisible. */
html body .evc-sidebar-kicker{
font-family:"Manrope",Arial,sans-serif !important;
font-size:11px !important;
line-height:1.2 !important;
font-weight:800 !important;
letter-spacing:.17em !important;
text-transform:uppercase !important;
}
/* ---------- 3) TITRES DE SECTION HOME (cohérence) ----------------
« Derniers articles », « L'esprit d'En Voiture Carine »…
On garde l'harmonie avec les rubriques ci-dessus. */
html body .evc-section-heading,
html body .evc-main-column > .evc-section-heading,
html body .evc-about .evc-section-heading{
font-family:"Cormorant Garamond",Georgia,serif !important;
font-size:clamp(38px,3vw,48px) !important;
line-height:.95 !important;
font-weight:600 !important;
letter-spacing:-.015em !important;
}
html body .evc-side-column .evc-section-heading{
font-size:clamp(30px,2.35vw,37px) !important;
}
/* ---------- 4) FOOTER : « L'ESPRIT D'EN VOITURE CARINE » ---------
Avant 8px (plus petit que les titres de colonnes à 9px !).
On en fait un vrai surtitre éditorial, et on aligne les titres
de colonnes « À lire / Contact / Suivre » sur la même échelle. */
html body .evc-footer-mini-heading{
font-family:"Manrope",Arial,sans-serif !important;
font-size:12px !important;
line-height:1.25 !important;
font-weight:800 !important;
letter-spacing:.18em !important;
text-transform:uppercase !important;
margin:26px 0 12px !important;
}
html body .evc-footer h3,
html body .evc-footer-col h3,
html body .evc-footer-col > h3{
font-size:12px !important;
line-height:1.2 !important;
letter-spacing:.16em !important;
}
/* Chapô sous « L'esprit » : un cran plus lisible. */
html body .evc-footer-brand-col p{
font-size:12.5px !important;
line-height:1.66 !important;
}
/* ---------- Repli mobile (< 992px) : rubriques & footer ----------
La nav horizontale est masquée < 992px (menu burger), donc rien à
faire côté nav ici ; on borne juste les titres pour le mobile. */
@media (max-width:600px){
html body .evc-section-heading,
html body .evc-main-column > .evc-section-heading,
html body .evc-about .evc-section-heading{
font-size:clamp(32px,8vw,40px) !important;
}
html body .evc-sidebar h2,
html body .evc-sidebar-block h2{
font-size:clamp(30px,7.5vw,36px) !important;
}
}
/* === /EVC V7.3.19 ================================================ */
/* === EVC V7.3.20 — HEADER SANS COLLISION / LISIBILITÉ PHOTOS /
LOUPE / SURTITRES ============================================
Retours du 09/08 :
1) Loupe (recherche) trop petite.
2) La nav agrandie (7.3.19) « mange » le logo central, pire en
fenêtre réduite.
3) Titre chocolat illisible sur photos foncées (le voile 7.3.18
ne s'appliquait pas : il visait .evc-hero-card /
.evc-lifestyle-feature, INEXISTANTS ; les vraies classes sont
.evc-hero-media et .evc-life-feature).
4) Surtitre « Portfolio » (et surtitres de section) trop petits.
Objectif : lisibilité type presse (Monocle), identité chocolat.
================================================================== */
/* ---------- 1) LOUPE (icône recherche) : plus présente ----------- */
html body .evc-search-toggle,
html body .evc-v6-search-toggle{
width:48px !important;
height:48px !important;
}
html body .evc-search-svg{
width:26px !important;
height:26px !important;
stroke-width:1.6 !important;
}
/* ---------- 2) HEADER : la nav ne touche JAMAIS le logo ----------
La nav (5 items dont « Code de la route ») + un logo script centré
sont trop larges ensemble aux largeurs courantes. Deux garde-fous :
(a) on met nav + logo à l'échelle ENSEMBLE par palier ;
(b) le logo est posé sur une plaque ivoire au premier plan : même
approché, il reste net (jamais « mangé »). */
/* (b) Plaque ivoire : le logo passe DEVANT la nav. */
html body .evc-v6-brand-zone{
position:relative;
z-index:5;
background:var(--evc-ivory);
padding:0 16px;
}
html body .evc-v6-nav-zone,
html body .evc-v6-actions{ min-width:0 !important; }
/* (a) Paliers : nav aussi grande que possible SANS toucher le logo. */
@media (min-width:1500px){
html body .evc-v6-header-inner{ column-gap:30px !important; }
html body .evc-v6-menu{ gap:24px !important; }
html body .evc-v6-menu > li > a{ font-size:14px !important; letter-spacing:.05em !important; }
html body .evc-v6-brand{ font-size:56px !important; }
html body .evc-v6-brand-zone{ min-width:320px !important; }
}
@media (min-width:1200px) and (max-width:1499px){
html body .evc-v6-header-inner{ column-gap:22px !important; padding-left:26px !important; padding-right:26px !important; }
html body .evc-v6-menu{ gap:15px !important; }
html body .evc-v6-menu > li > a{ font-size:12px !important; letter-spacing:.04em !important; }
html body .evc-v6-brand{ font-size:48px !important; }
html body .evc-v6-brand-zone{ min-width:270px !important; }
html body .evc-v6-tagline{ font-size:7.5px !important; letter-spacing:.24em !important; }
}
@media (min-width:992px) and (max-width:1199px){
html body .evc-v6-header-inner{ column-gap:16px !important; padding-left:20px !important; padding-right:20px !important; }
html body .evc-v6-menu{ gap:12px !important; }
html body .evc-v6-menu > li > a{ font-size:11px !important; letter-spacing:.03em !important; }
html body .evc-v6-brand{ font-size:44px !important; }
html body .evc-v6-brand-zone{ min-width:250px !important; }
html body .evc-v6-tagline{ font-size:7px !important; letter-spacing:.2em !important; }
}
/* ---------- 3) SURTITRES DE SECTION (« Portfolio »…) -------------
.evc-mag-eyebrow était à 10px, .evc-kicker à 11px : trop discrets
face aux grands titres serif. On remonte à une capitale nette. */
html body .evc-mag-eyebrow,
html body .evc-kicker{
font-size:12.5px !important;
letter-spacing:.16em !important;
font-weight:800 !important;
line-height:1.2 !important;
}
/* ---------- 4) TITRE CHOCOLAT LISIBLE SUR PHOTO -----------------
Voile IVOIRE progressif en bas du visuel Lifestyle, pour que le
titre CHOCOLAT reste lisible sur photo claire OU sombre.
(On remplace l'ancien voile SOMBRE et on fixe la couleur du titre,
qui oscillait entre blanc et chocolat selon les patchs.) */
html body .evc-life-feature::after{
content:"" !important;
position:absolute !important;
left:0 !important; right:0 !important; bottom:0 !important;
top:auto !important;
height:74% !important;
z-index:1 !important;
pointer-events:none !important;
background:linear-gradient(
to bottom,
rgba(255,247,242,0) 0%,
rgba(255,247,242,.14) 22%,
rgba(255,247,242,.72) 55%,
rgba(255,247,242,.95) 100%
) !important;
}
html body .evc-life-overlay{ z-index:2 !important; }
/* Titre + chapô incrustés : CHOCOLAT (identité de marque). */
html body .evc-lifestyle .evc-life-overlay h3,
html body .evc-lifestyle .evc-life-overlay h3 a,
html body .evc-life-overlay h3,
html body .evc-life-overlay h3 a{
color:#5C4338 !important;
text-shadow:0 1px 0 rgba(255,247,242,.6) !important;
}
html body .evc-life-overlay h3 a:hover{ color:#D6725A !important; }
html body .evc-life-overlay p{
color:rgba(31,31,31,.82) !important;
text-shadow:0 1px 0 rgba(255,247,242,.5) !important;
}
/* === /EVC V7.3.20 ================================================ */
/* === EVC V7.3.21 — NAV PLUS GRANDE (SANS COUPER) / LES UNIVERS /
FIL D'ARIANE / CORRECTIFS MOBILE ==============================
Retours du 09/08 (2) :
- nav encore petite (réf. Monocle) ET « Code de la route » coupé
par le logo -> on réduit un peu le LOGO central pour laisser la
nav grandir et s'afficher en entier ;
- « Les univers » + ses puces toujours trop petits (les puces
réelles = .evc-category-chips a, restées à 8px ; le patch 7.3.16
visait .evc-univers a, INEXISTANT) ;
- fil d'ariane un peu petit ;
- sur mobile : loupe trop grosse + titres « Coups de cœur » écrasés.
================================================================== */
/* ---------- 1) HEADER : nav plus grande, logo un cran plus petit,
« Code de la route » toujours visible. Le logo reste nettement plus
grand que la nav (règle CTO) mais cesse d'écraser le menu. */
html body .evc-v6-brand-zone{ padding:0 10px !important; }
@media (min-width:1600px){
html body .evc-v6-header-inner{ column-gap:30px !important; }
html body .evc-v6-menu{ gap:22px !important; }
html body .evc-v6-menu > li > a{ font-size:15px !important; letter-spacing:.05em !important; }
html body .evc-v6-brand{ font-size:50px !important; }
html body .evc-v6-brand-zone{ min-width:290px !important; }
}
@media (min-width:1400px) and (max-width:1599px){
html body .evc-v6-header-inner{ column-gap:28px !important; }
html body .evc-v6-menu{ gap:20px !important; }
html body .evc-v6-menu > li > a{ font-size:14px !important; letter-spacing:.045em !important; }
html body .evc-v6-brand{ font-size:48px !important; }
html body .evc-v6-brand-zone{ min-width:280px !important; }
}
@media (min-width:1200px) and (max-width:1399px){
html body .evc-v6-header-inner{ column-gap:22px !important; padding-left:26px !important; padding-right:26px !important; }
html body .evc-v6-menu{ gap:14px !important; }
html body .evc-v6-menu > li > a{ font-size:12.5px !important; letter-spacing:.03em !important; }
html body .evc-v6-brand{ font-size:42px !important; }
html body .evc-v6-brand-zone{ min-width:230px !important; }
html body .evc-v6-tagline{ font-size:7.5px !important; letter-spacing:.22em !important; }
}
@media (min-width:992px) and (max-width:1199px){
html body .evc-v6-header-inner{ column-gap:16px !important; padding-left:20px !important; padding-right:20px !important; }
html body .evc-v6-menu{ gap:9px !important; }
html body .evc-v6-menu > li > a{ font-size:11px !important; letter-spacing:.02em !important; }
html body .evc-v6-brand{ font-size:36px !important; }
html body .evc-v6-brand-zone{ min-width:175px !important; }
html body .evc-v6-tagline{ font-size:6.5px !important; letter-spacing:.18em !important; }
}
/* ---------- 2) « LES UNIVERS » : titre + PUCES plus lisibles -----
Puces réelles = .evc-category-chips a (étaient à 8px). */
html body .evc-sidebar h2,
html body .evc-sidebar-block h2{
font-size:clamp(35px,3vw,44px) !important;
}
html body .evc-category-chips a,
html body .evc-category-chips a:link,
html body .evc-category-chips a:visited{
font-size:12.5px !important;
line-height:1.15 !important;
font-weight:600 !important;
letter-spacing:.02em !important;
padding:9px 14px 8px !important;
}
@media (min-width:1200px){
html body .evc-category-chips a{ font-size:13.5px !important; padding:10px 15px 9px !important; }
}
/* ---------- 3) FIL D'ARIANE : un cran plus présent -------------- */
html body .evc-breadcrumbs-inner{
font-size:12px !important;
letter-spacing:.01em !important;
}
/* ---------- 4) MOBILE : LOUPE ----------------------------------
L'agrandissement 7.3.20 ne concerne QUE le desktop. */
@media (max-width:991px){
html body .evc-search-toggle,
html body .evc-v6-search-toggle{ width:38px !important; height:38px !important; }
html body .evc-search-svg{ width:20px !important; height:20px !important; }
}
/* ---------- 5) MOBILE : « COUPS DE CŒUR » qui respirent --------
Titres plus petits, marge à droite, flèche décorative masquée sur
téléphone pour rendre toute la largeur au titre. */
@media (max-width:991px){
html body .evc-favorite-row{
grid-template-columns:44px minmax(0,1fr) 34px !important;
gap:16px !important;
}
html body .evc-favorite-copy{ padding-right:10px !important; }
html body .evc-favorite-copy h3{
font-size:clamp(22px,3.4vw,30px) !important;
line-height:1.03 !important;
}
}
@media (max-width:767px){
html body .evc-favorites{ padding-left:22px !important; padding-right:22px !important; }
html body .evc-favorite-arrow{ display:none !important; }
html body .evc-favorite-row{
grid-template-columns:30px minmax(0,1fr) !important;
gap:14px !important;
min-height:0 !important;
padding:18px 0 !important;
}
html body .evc-favorite-copy{ padding-right:4px !important; }
html body .evc-favorite-copy h3{
font-size:clamp(21px,5.2vw,26px) !important;
line-height:1.05 !important;
}
html body .evc-favorite-number{ font-size:20px !important; }
}
/* === /EVC V7.3.21 ================================================ */
/* === EVC V7.3.22 — HEADER 2 LIGNES (MASTHEAD MONOCLE) ============
Nouvelle structure demandée le 09/08 :
Ligne 1 : LOGO centré (masthead) + loupe à droite.
Ligne 2 : le MENU sur sa propre ligne, centré, encadré de deux
filets fins (bandeau « magazine »).
-> Plus aucune collision : le menu peut enfin être grand et élégant.
Le triptyque « Conduite · Style · Liberté » est retiré.
Aucune modif PHP : on réagence la grille existante en CSS.
Ce bloc, dernier du fichier, supplante les réglages header 7.3.19→21.
================================================================== */
/* Triptyque retiré partout. */
html body .evc-v6-tagline{ display:none !important; }
/* ---------- DESKTOP (>=992px) : deux lignes --------------------- */
@media (min-width:992px){
html body .evc-v6-header{ min-height:0 !important; }
html body .evc-v6-header-inner{
min-height:0 !important;
grid-template-columns:1fr auto 1fr !important;
grid-template-rows:auto auto !important;
column-gap:24px !important;
row-gap:0 !important;
align-items:center !important;
padding-top:24px !important;
padding-bottom:0 !important;
}
/* LIGNE 1 : logo centré */
html body .evc-v6-brand-zone{
grid-row:1 !important;
grid-column:2 !important;
justify-self:center !important;
align-self:center !important;
min-width:0 !important;
padding:0 !important;
background:transparent !important;
}
html body .evc-v6-brand{
font-size:60px !important;
line-height:.8 !important;
min-width:0 !important;
}
/* LIGNE 1 : loupe (et réseaux) à droite */
html body .evc-v6-actions{
grid-row:1 !important;
grid-column:3 !important;
justify-self:end !important;
align-self:center !important;
min-width:0 !important;
}
/* LIGNE 2 : le menu, bandeau centré encadré de filets. */
html body .evc-v6-nav-zone{
grid-row:2 !important;
grid-column:1 / -1 !important;
justify-content:center !important;
width:100% !important;
margin-top:20px !important;
min-width:0 !important;
}
html body .evc-v6-nav{
width:100% !important;
display:flex !important;
justify-content:center !important;
border-top:1px solid rgba(92,67,56,.16) !important;
border-bottom:1px solid rgba(92,67,56,.16) !important;
}
html body .evc-v6-menu{
justify-content:center !important;
flex-wrap:nowrap !important;
gap:40px !important;
padding:0 !important;
}
html body .evc-v6-menu > li > a{
font-size:15px !important;
letter-spacing:.14em !important;
font-weight:700 !important;
padding:16px 0 17px !important;
}
html body .evc-v6-menu > li > a:after{ bottom:9px !important; }
/* Un peu plus serré sur les portables intermédiaires. */
html body .evc-v6-header-inner{ padding-left:34px !important; padding-right:34px !important; }
}
@media (min-width:992px) and (max-width:1199px){
html body .evc-v6-brand{ font-size:52px !important; }
html body .evc-v6-menu{ gap:30px !important; }
html body .evc-v6-menu > li > a{ font-size:13.5px !important; letter-spacing:.12em !important; }
}
/* ---------- MOBILE (<992px) : une ligne, loupe dégagée du titre -- */
@media (max-width:991px){
html body .evc-v6-header-inner{ column-gap:16px !important; }
html body .evc-v6-actions{ justify-self:end !important; }
html body .evc-v6-brand{ font-size:32px !important; }
/* marge nette entre le titre et la loupe */
html body .evc-v6-search-toggle{ margin-left:6px !important; }
}
/* === /EVC V7.3.22 ================================================ */
/* === EVC V7.3.23 — MENU 16px + AIR SOUS LE MENU + NEWSLETTER BREVO
------------------------------------------------------------------
- Menu monté à 16px (desktop).
- Espace ajouté entre la ligne du menu et le contenu (le bandeau
n'est plus collé au Hero).
- Cartouche newsletter harmonisée pour le formulaire Brevo
([sibwp_form ...]) collé dans Personnaliser > En Voiture Carine.
================================================================== */
/* ---------- MENU : 16px + respiration sous le bandeau ------------ */
@media (min-width:992px){
/* On enlève le 3e filet (bord bas du header) pour ne pas doubler
le filet bas du bandeau menu ; l'air vient du padding-bottom. */
html body .evc-v6-header{ border-bottom:0 !important; }
html body .evc-v6-header-inner{ padding-bottom:26px !important; }
}
@media (min-width:1200px){
html body .evc-v6-menu{ gap:44px !important; }
html body .evc-v6-menu > li > a{
font-size:16px !important;
letter-spacing:.13em !important;
padding:16px 0 18px !important;
}
}
@media (min-width:992px) and (max-width:1199px){
html body .evc-v6-menu{ gap:30px !important; }
html body .evc-v6-menu > li > a{ font-size:14px !important; letter-spacing:.11em !important; }
}
/* ---------- NEWSLETTER : le formulaire Brevo aux couleurs EVC ----
Le plugin Brevo rend un formulaire inline (.sib-form). On l'aligne
sobrement sur l'identité (police, champs, bouton), sans le casser. */
html body .evc-newsletter-provider{ width:100%; }
html body .evc-newsletter-provider .sib-form,
html body .evc-newsletter-provider form{
padding:0 !important;
background:transparent !important;
}
html body .evc-newsletter-provider input[type="text"],
html body .evc-newsletter-provider input[type="email"]{
font-family:"Manrope",Arial,sans-serif !important;
font-size:14px !important;
color:#5C4338 !important;
background:#FFF7F2 !important;
border:1px solid rgba(92,67,56,.22) !important;
border-radius:0 !important;
padding:14px 16px !important;
}
html body .evc-newsletter-provider input::placeholder{ color:rgba(92,67,56,.55) !important; }
html body .evc-newsletter-provider button[type="submit"],
html body .evc-newsletter-provider input[type="submit"],
html body .evc-newsletter-provider .sib-default-btn,
html body .evc-newsletter-provider .sib-form-block__button{
width:auto !important;
font-family:"Manrope",Arial,sans-serif !important;
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
color:#FFF7F2 !important;
background:#D6725A !important;
border:0 !important;
border-radius:0 !important;
padding:15px 26px !important;
cursor:pointer !important;
transition:background .2s ease !important;
}
html body .evc-newsletter-provider button[type="submit"]:hover,
html body .evc-newsletter-provider input[type="submit"]:hover,
html body .evc-newsletter-provider .sib-default-btn:hover,
html body .evc-newsletter-provider .sib-form-block__button:hover{
background:#5C4338 !important;
}
/* Libellés des champs (formulaire simple Brevo) : sobres, Manrope. */
html body .evc-newsletter-provider label{
font-family:"Manrope",Arial,sans-serif !important;
font-size:10px !important;
font-weight:800 !important;
letter-spacing:.1em !important;
text-transform:uppercase !important;
color:rgba(92,67,56,.7) !important;
}
/* Messages Brevo (succès/erreur) lisibles sur les fonds EVC. */
html body .evc-newsletter-provider .sib-form-message-panel{
font-family:"Manrope",Arial,sans-serif !important;
font-size:12.5px !important;
}
/* === /EVC V7.3.23 ================================================ */
/* === EVC V7.3.25 — LIEN « CONTACT » DU FOOTER ==================== */
/* Le titre « Contact » pointe vers la page /contact/ et garde la
couleur ivoire du footer (jamais le bleu de lien Sense). */
html body .evc-footer-contact-col h3 a.evc-footer-contact-link,
html body .evc-footer-contact-col h3 a.evc-footer-contact-link:link,
html body .evc-footer-contact-col h3 a.evc-footer-contact-link:visited{
color:inherit !important;
text-decoration:none !important;
transition:color .2s ease;
}
html body .evc-footer-contact-col h3 a.evc-footer-contact-link:hover,
html body .evc-footer-contact-col h3 a.evc-footer-contact-link:focus{
color:#F3A28D !important;
}
/* === /EVC V7.3.25 ================================================ */
/* === EVC V7.3.26 — NEWSLETTER BREVO SUR UNE SEULE LIGNE ==========
Le formulaire simple Brevo met le champ e-mail et le bouton dans
deux
séparés -> ils s'empilent. On les remet sur une ligne,
centrés, avec un champ de largeur maîtrisée. */
html body .evc-newsletter-provider form{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
justify-content:center !important;
gap:12px !important;
max-width:560px !important;
margin:0 auto !important;
}
html body .evc-newsletter-provider form p{
margin:0 !important;
padding:0 !important;
}
/* Le bloc du champ e-mail prend la place souple, le bouton reste compact. */
html body .evc-newsletter-provider .sib-email-area{
flex:1 1 300px !important;
min-width:220px !important;
}
html body .evc-newsletter-provider input[type="email"],
html body .evc-newsletter-provider .sib-email-area input{
width:100% !important;
box-sizing:border-box !important;
}
/* Labels courts au-dessus du champ : discrets (souvent vides sur ce form). */
html body .evc-newsletter-provider .sib-email-area label:empty{ display:none !important; }
/* === /EVC V7.3.26 ================================================ */
/* === EVC V7.3.27 — LIEN « ÉCRIRE À LA RÉDACTION » (footer) ======= */
/* Lien visible sous le titre Contact, pointant vers /contact/. */
html body .evc-footer-contact-cta{
margin:6px 0 14px !important;
}
html body .evc-footer-contact-cta a,
html body .evc-footer-contact-cta a:link,
html body .evc-footer-contact-cta a:visited{
font-family:"Manrope",Arial,sans-serif !important;
font-size:12px !important;
font-weight:800 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
color:#F3A28D !important;
text-decoration:none !important;
transition:color .2s ease;
}
html body .evc-footer-contact-cta a:hover,
html body .evc-footer-contact-cta a:focus{
color:#FFF7F2 !important;
}
/* === /EVC V7.3.27 ================================================ */
/* V7.3.29 — signature éditoriale uniquement */
.evc-editor-signature {
margin-top: 10px;
text-align: center;
color: var(--evc-chocolate);
}
.evc-editor-signature span {
display: block;
font-family: "Cormorant Garamond", Georgia, serif;
font-style: italic;
font-size: 18px;
line-height: 1.1;
}
.evc-editor-signature small {
display: block;
margin-top: 2px;
font-size: 10px;
line-height: 1.2;
letter-spacing: .04em;
}
/* === EVC V7.3.33 — SUPPRESSION DÉFINITIVE DU BLEU (contenus/pages)
+ HEADER PILOTÉ PAR LE MENU WORDPRESS ==========================
1) Le header suit désormais le menu assigné à « Main Menu »
(Apparence > Menus). Voir header.php.
2) On neutralise le bleu Sense/WordPress résiduel dans TOUS les
contenus éditoriaux (pages type Contact / À propos, articles,
archives) : liens en CHOCOLAT, CORAIL au survol ; titres jamais
bleus. Ciblé sur les zones de CONTENU (pas la nav/cartes/boutons).
================================================================== */
/* Liens éditoriaux : chocolat, corail au survol. */
html body .evc-standard-page-content a,
html body .evc-standard-page-content a:link,
html body .evc-standard-page-content a:visited,
html body .evc-single-content a,
html body .evc-single-content a:link,
html body .evc-single-content a:visited,
html body .entry-content a,
html body .entry-content a:link,
html body .entry-content a:visited,
html body .evc-archive-card a,
html body .evc-search-card a{
color:#5C4338 !important;
text-decoration-color:rgba(92,67,56,.35) !important;
}
html body .evc-standard-page-content a:hover,
html body .evc-standard-page-content a:focus,
html body .evc-single-content a:hover,
html body .evc-single-content a:focus,
html body .entry-content a:hover,
html body .entry-content a:focus,
html body .evc-archive-card a:hover,
html body .evc-search-card a:hover{
color:#D6725A !important;
}
/* Titres de contenu : jamais le bleu Sense (ni via lien interne). */
html body .evc-standard-page-content :is(h1,h2,h3,h4,h5,h6),
html body .evc-standard-page-content :is(h1,h2,h3,h4,h5,h6) a,
html body .evc-single-content :is(h1,h2,h3,h4,h5,h6),
html body .evc-single-content :is(h1,h2,h3,h4,h5,h6) a,
html body .entry-content :is(h1,h2,h3,h4,h5,h6),
html body .entry-content :is(h1,h2,h3,h4,h5,h6) a{
color:#5C4338 !important;
}
html body .evc-standard-page-content :is(h2,h3,h4) a:hover,
html body .evc-single-content :is(h2,h3,h4) a:hover,
html body .entry-content :is(h2,h3,h4) a:hover{
color:#D6725A !important;
}
/* === /EVC V7.3.33 ================================================ */
/* === EVC V7.3.34 — NEWSLETTER : LOCK-UP VOLANT EVC + TITRE ========
Le volant EVC se place à GAUCHE de « En Voiture Carine » (avec le
surtitre « La lettre » au-dessus). Sur mobile, le volant passe
au-dessus, centré. L'image n'apparaît que si le fichier
assets/images/evc-newsletter-wheel.png est présent (garde PHP).
================================================================== */
html body .evc-newsletter-lockup{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:26px !important;
flex-wrap:wrap !important;
margin:0 auto 18px !important;
}
html body .evc-newsletter-wheel{
flex:0 0 auto !important;
width:clamp(84px,9vw,128px) !important;
height:auto !important;
display:block !important;
}
html body .evc-newsletter-lockup .evc-newsletter-heading{
text-align:left !important;
}
/* Le surtitre et le titre gardent leurs styles, juste regroupés. */
html body .evc-newsletter-lockup .evc-mag-eyebrow{ margin-bottom:6px !important; }
html body .evc-newsletter-lockup h2{ margin:0 !important; }
@media (max-width:640px){
html body .evc-newsletter-lockup{ flex-direction:column !important; gap:14px !important; }
html body .evc-newsletter-lockup .evc-newsletter-heading{ text-align:center !important; }
}
/* === /EVC V7.3.34 ================================================ */
/* === EVC V7.3.35 — NEWSLETTER BREVO : CHAMP + BOUTON COLLÉS, 1 LIGNE
Couvre les DEUX structures Brevo :
- « simple » :