/* =====================================================
   PAGE MAGAZINE — De Pierre en Pierre
   Version complète V3 premium
   Remplacer entièrement :
   /wp-content/themes/houzez-child/assets/css/magazine.css
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');

/* =====================================================
   BASE
   ===================================================== */

.dpep-magazine {
    --serif: 'Cormorant Garamond', Georgia, serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    --c-text: #1A1A1A;
    --c-text-soft: #626970;
    --c-text-muted: #9A9A9A;

    --c-accent: #1F4E79;
    --c-accent-dark: #163B5E;

    --c-primary: #2A8B7E;
    --c-primary-dark: #1F6B62;

    --c-bg-soft: #FAF8F5;
    --c-bg-warm: #F4F1EC;
    --c-border: #EAE5DC;

    font-family: var(--sans);
    color: var(--c-text);
    background: #fff;
    line-height: 1.65;
    font-weight: 400;
    overflow: hidden;
}

.dpep-magazine *,
.dpep-magazine *::before,
.dpep-magazine *::after {
    box-sizing: border-box;
}

.dpep-magazine h1,
.dpep-magazine h2,
.dpep-magazine h3,
.dpep-magazine h4 {
    font-family: var(--serif);
    font-weight: 400;
    color: var(--c-accent);
    letter-spacing: -0.018em;
    line-height: 1.1;
}

.dpep-magazine p {
    font-family: var(--sans);
}

.dpep-magazine a {
    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        transform .22s ease,
        box-shadow .22s ease,
        opacity .22s ease;
}

.dpep-magazine-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
}

.dpep-magazine-section {
    padding: 112px 0;
}

.dpep-magazine-section--soft {
    background: var(--c-bg-soft);
}

.dpep-magazine-eyebrow {
    display: block;
    font-family: var(--sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--c-primary) !important;
    margin: 0 0 16px 0 !important;
}

.dpep-magazine-eyebrow--light {
    color: rgba(255,255,255,.74) !important;
}

.dpep-magazine-section-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 62px;
}

.dpep-magazine-section-header--left {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}

.dpep-magazine-section-header h2 {
    font-size: 54px !important;
    line-height: 1.05 !important;
    margin: 0 0 20px 0 !important;
    color: var(--c-accent) !important;
    font-weight: 400 !important;
}

.dpep-magazine-section-sub {
    max-width: 760px;
    margin: 0 auto !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    font-weight: 300 !important;
    color: var(--c-text-soft) !important;
}

/* =====================================================
   HERO
   ===================================================== */

.dpep-magazine-hero {
    position: relative;
    padding: 152px 24px 122px;
    overflow: hidden;
    border-bottom: 1px solid var(--c-border);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.88) 100%),
        radial-gradient(circle at 18% 20%, rgba(42,139,126,0.10) 0%, transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(31,78,121,0.10) 0%, transparent 34%),
        linear-gradient(135deg, #F4F1EC 0%, #FAF8F5 56%, #F1EDE6 100%);
}

.dpep-magazine-hero::before {
    content: "";
    position: absolute;
    inset: 28px;
    border: 1px solid rgba(31,78,121,0.09);
    pointer-events: none;
}

.dpep-magazine-hero::after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: -220px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(42,139,126,0.11) 0%, transparent 67%);
    pointer-events: none;
}

.dpep-magazine-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 990px;
    margin: 0 auto;
    text-align: center;
    animation: dpep-magazine-fade-up .75s ease-out;
}

@keyframes dpep-magazine-fade-up {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dpep-magazine-hero h1 {
    font-size: 72px !important;
    line-height: 1.02 !important;
    margin: 0 0 28px 0 !important;
    color: var(--c-accent) !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
}

.dpep-magazine-hero-sub {
    max-width: 770px;
    margin: 0 auto 42px auto !important;
    font-size: 20px !important;
    line-height: 1.7 !important;
    color: #5F666D !important;
    font-weight: 300 !important;
}

.dpep-magazine-hero-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* =====================================================
   BOUTONS
   ===================================================== */

.dpep-magazine-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 32px;
    border-radius: 3px;
    border: 1.5px solid var(--c-accent);
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
}

.dpep-magazine-btn--primary {
    background: var(--c-accent);
    border-color: var(--c-accent);
    color: #fff !important;
}

.dpep-magazine-btn--primary:hover {
    background: var(--c-accent-dark);
    border-color: var(--c-accent-dark);
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(31,78,121,0.20);
}

.dpep-magazine-btn--ghost {
    background: rgba(255,255,255,0.76);
    border-color: rgba(31,78,121,0.24);
    color: var(--c-accent) !important;
}

.dpep-magazine-btn--ghost:hover {
    background: var(--c-accent);
    border-color: var(--c-accent);
    color: #fff !important;
}

.dpep-magazine-btn--light {
    background: #fff;
    border-color: #fff;
    color: var(--c-accent) !important;
}

.dpep-magazine-btn--light:hover {
    background: rgba(255,255,255,.92);
    border-color: rgba(255,255,255,.92);
    color: var(--c-accent) !important;
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.16);
}

/* =====================================================
   ARTICLE À LA UNE
   ===================================================== */

.dpep-magazine-featured-section {
    background: #fff;
}

.dpep-magazine-featured-card {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
    min-height: 530px;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 56px rgba(0,0,0,0.08);
}

.dpep-magazine-featured-media {
    display: block;
    min-height: 530px;
    position: relative;
    overflow: hidden;
    background: var(--c-bg-warm);
}

.dpep-magazine-featured-media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 530px;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform .55s ease;
}

.dpep-magazine-featured-card:hover .dpep-magazine-featured-media img {
    transform: scale(1.055);
}

.dpep-magazine-featured-content {
    padding: 58px 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dpep-magazine-featured-content h3 {
    font-size: 44px !important;
    line-height: 1.08 !important;
    margin: 0 0 22px 0 !important;
    color: var(--c-accent) !important;
}

.dpep-magazine-featured-content h3 a,
.dpep-magazine-post-content h3 a {
    color: var(--c-accent) !important;
    text-decoration: none !important;
}

.dpep-magazine-featured-content h3 a:hover,
.dpep-magazine-post-content h3 a:hover {
    color: var(--c-primary) !important;
}

.dpep-magazine-featured-content p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    font-weight: 300 !important;
    color: #646B72 !important;
    margin: 0 0 26px 0 !important;
}

.dpep-magazine-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px 0;
    font-family: var(--sans);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #90979E;
}

.dpep-magazine-card-meta a {
    color: var(--c-primary) !important;
    text-decoration: none !important;
}

.dpep-magazine-card-meta a:hover {
    color: var(--c-primary-dark) !important;
}

.dpep-magazine-read {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 10px;
    color: var(--c-accent) !important;
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none !important;
}

.dpep-magazine-read::after {
    content: "→";
    font-size: 16px;
    line-height: 1;
    transform: translateY(-1px);
    transition: transform .2s ease;
}

.dpep-magazine-read:hover {
    color: var(--c-primary) !important;
}

.dpep-magazine-read:hover::after {
    transform: translate(4px, -1px);
}

/* Placeholder quand un article n'a pas d'image mise en avant */
.dpep-magazine-image-placeholder {
    min-height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 34px;
    text-align: center;
    background:
        linear-gradient(135deg, rgba(31,78,121,0.92) 0%, rgba(42,139,126,0.84) 100%);
    color: #fff;
    font-family: var(--serif);
    font-size: 36px;
    line-height: 1.08;
    letter-spacing: -0.015em;
}

/* =====================================================
   RUBRIQUES
   ===================================================== */

.dpep-magazine-categories-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.dpep-magazine-category-card {
    position: relative;
    display: block;
    min-height: 265px;
    padding: 34px 30px 32px;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 8px;
    text-decoration: none !important;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(0,0,0,0.05);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.dpep-magazine-category-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--c-accent), var(--c-primary));
    opacity: .9;
}

.dpep-magazine-category-card:hover {
    transform: translateY(-4px);
    border-color: rgba(31,78,121,0.20);
    box-shadow: 0 18px 42px rgba(0,0,0,0.09);
}

.dpep-magazine-category-card span {
    display: inline-block;
    margin: 0 0 15px 0;
    font-family: var(--sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--c-primary);
}

.dpep-magazine-category-card h3 {
    font-size: 32px !important;
    line-height: 1.1 !important;
    margin: 0 0 14px 0 !important;
    color: var(--c-accent) !important;
}

.dpep-magazine-category-card p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 300 !important;
    color: #666D75 !important;
}

/* =====================================================
   DERNIÈRES PUBLICATIONS
   ===================================================== */

.dpep-magazine-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.dpep-magazine-post-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(0,0,0,0.05);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.dpep-magazine-post-card:hover {
    transform: translateY(-4px);
    border-color: rgba(31,78,121,0.16);
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

.dpep-magazine-post-media {
    display: block;
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--c-bg-warm);
}

.dpep-magazine-post-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.01);
    transition: transform .48s ease;
}

.dpep-magazine-post-card:hover .dpep-magazine-post-media img {
    transform: scale(1.055);
}

.dpep-magazine-post-content {
    padding: 27px 25px 26px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.dpep-magazine-post-content h3 {
    font-size: 30px !important;
    line-height: 1.12 !important;
    margin: 0 0 15px 0 !important;
    color: var(--c-accent) !important;
}

.dpep-magazine-post-content p {
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 300 !important;
    color: #666D75 !important;
    margin: 0 0 20px 0 !important;
}

.dpep-magazine-post-content .dpep-magazine-read {
    margin-top: auto;
}

/* =====================================================
   ÉTAT VIDE
   ===================================================== */

.dpep-magazine-empty {
    max-width: 720px;
    margin: 0 auto;
    padding: 52px 42px;
    text-align: center;
    background: var(--c-bg-soft);
    border: 1px solid var(--c-border);
    border-radius: 8px;
}

.dpep-magazine-empty h3 {
    font-size: 38px !important;
    line-height: 1.1 !important;
    margin: 0 0 16px 0 !important;
    color: var(--c-accent) !important;
}

.dpep-magazine-empty p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: var(--c-text-soft) !important;
    margin: 0 !important;
}

/* =====================================================
   CTA FINAL
   ===================================================== */

.dpep-magazine-cta {
    padding: 112px 0;
    background:
        linear-gradient(135deg, rgba(31,78,121,0.97) 0%, rgba(42,139,126,0.91) 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
}

.dpep-magazine-cta::before {
    content: "";
    position: absolute;
    inset: 28px;
    border: 1px solid rgba(255,255,255,0.14);
    pointer-events: none;
}

.dpep-magazine-cta::after {
    content: "";
    position: absolute;
    right: -150px;
    top: -180px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.14) 0%, transparent 66%);
    pointer-events: none;
}

.dpep-magazine-cta-inner {
    position: relative;
    z-index: 2;
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}

.dpep-magazine-cta h2 {
    font-size: 58px !important;
    line-height: 1.06 !important;
    margin: 0 0 20px 0 !important;
    color: #fff !important;
    font-weight: 400 !important;
}

.dpep-magazine-cta p {
    max-width: 660px;
    margin: 0 auto 36px auto !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
    font-weight: 300 !important;
    color: rgba(255,255,255,0.88) !important;
}

/* =====================================================
   PROTECTION CONTRE STYLES HOUZEZ / WORDPRESS
   ===================================================== */

.dpep-magazine .container,
.dpep-magazine .row {
    max-width: none;
}

.dpep-magazine h1,
.dpep-magazine h2,
.dpep-magazine h3,
.dpep-magazine p {
    text-transform: none;
}

.dpep-magazine img {
    max-width: 100%;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 1200px) {
    .dpep-magazine-hero h1 {
        font-size: 62px !important;
    }

    .dpep-magazine-section-header h2,
    .dpep-magazine-cta h2 {
        font-size: 48px !important;
    }

    .dpep-magazine-featured-content {
        padding: 48px 42px;
    }

    .dpep-magazine-featured-content h3 {
        font-size: 38px !important;
    }
}

@media (max-width: 1100px) {
    .dpep-magazine-featured-card {
        grid-template-columns: 1fr;
    }

    .dpep-magazine-featured-media,
    .dpep-magazine-featured-media img {
        min-height: 380px;
    }

    .dpep-magazine-categories-grid,
    .dpep-magazine-posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .dpep-magazine-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .dpep-magazine-hero {
        padding: 106px 16px 86px;
    }

    .dpep-magazine-hero::before,
    .dpep-magazine-cta::before {
        inset: 14px;
    }

    .dpep-magazine-hero h1 {
        font-size: 42px !important;
        line-height: 1.08 !important;
    }

    .dpep-magazine-hero-sub {
        font-size: 17px !important;
        line-height: 1.65 !important;
    }

    .dpep-magazine-hero-actions {
        flex-direction: column;
        align-items: stretch;
        max-width: 320px;
        margin: 0 auto;
    }

    .dpep-magazine-btn {
        width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    .dpep-magazine-section {
        padding: 78px 0;
    }

    .dpep-magazine-section-header {
        margin-bottom: 42px;
    }

    .dpep-magazine-section-header h2,
    .dpep-magazine-cta h2 {
        font-size: 36px !important;
        line-height: 1.08 !important;
    }

    .dpep-magazine-section-sub,
    .dpep-magazine-cta p {
        font-size: 16px !important;
    }

    .dpep-magazine-featured-media,
    .dpep-magazine-featured-media img {
        min-height: 280px;
    }

    .dpep-magazine-featured-content {
        padding: 34px 24px;
    }

    .dpep-magazine-featured-content h3,
    .dpep-magazine-post-content h3,
    .dpep-magazine-category-card h3 {
        font-size: 28px !important;
    }

    .dpep-magazine-categories-grid,
    .dpep-magazine-posts-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dpep-magazine-category-card {
        min-height: auto;
        padding: 30px 24px;
    }

    .dpep-magazine-post-content {
        padding: 24px 22px;
    }

    .dpep-magazine-cta {
        padding: 82px 0;
    }
}

@media (max-width: 420px) {
    .dpep-magazine-hero h1 {
        font-size: 36px !important;
    }

    .dpep-magazine-section-header h2,
    .dpep-magazine-cta h2 {
        font-size: 32px !important;
    }
}



/* =====================================================
   AJOUT V9 — CATÉGORIES ET ARTICLES ROBUSTES
   ===================================================== */

/* =====================================================
   MAGAZINE — De Pierre en Pierre
   V8 robuste : catégories + articles
   ===================================================== */


/* Nettoyage des éléments Houzez sur catégories/articles */
body.category .advanced-search-wrap,
body.category .advanced-search-mobile,
body.category #advanced-search,
body.category .page-title-wrap,
body.category .breadcrumb-wrap,
body.single-post .advanced-search-wrap,
body.single-post .advanced-search-mobile,
body.single-post #advanced-search,
body.single-post .page-title-wrap,
body.single-post .breadcrumb-wrap {
    display: none !important;
}

body.category,
body.single-post {
    background: #fff !important;
}

.dpep-magazine {
    --serif: 'Cormorant Garamond', Georgia, serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --blue: #1F4E79;
    --blue-dark: #163B5E;
    --green: #2A8B7E;
    --green-dark: #1F6B62;
    --ink: #1A1A1A;
    --soft: #636B74;
    --muted: #98A0A8;
    --cream: #FAF8F5;
    --warm: #F4F1EC;
    --line: #EAE5DC;
    --shadow: 0 24px 70px rgba(22, 35, 48, .10);

    font-family: var(--sans) !important;
    color: var(--ink) !important;
    background: #fff !important;
    overflow: hidden;
}

.dpep-magazine,
.dpep-magazine * {
    box-sizing: border-box;
}

.dpep-magazine-container {
    width: min(1240px, calc(100% - 80px)) !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.dpep-magazine h1,
.dpep-magazine h2,
.dpep-magazine h3 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    color: var(--blue) !important;
    letter-spacing: -.025em !important;
    text-transform: none !important;
}

.dpep-magazine p {
    font-family: var(--sans) !important;
}

.dpep-kicker {
    display: block !important;
    margin: 0 0 14px 0 !important;
    font-family: var(--sans) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: var(--green) !important;
}

.dpep-read-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    color: var(--blue) !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.dpep-read-link::after {
    content: "→";
    font-size: 16px;
    line-height: 1;
    transform: translateY(-1px);
    transition: transform .2s ease;
}

.dpep-read-link:hover {
    color: var(--green) !important;
}

.dpep-read-link:hover::after {
    transform: translate(4px, -1px);
}

/* =====================================================
   CATÉGORIE
   ===================================================== */

.dpep-catv8-hero {
    position: relative !important;
    padding: 130px 0 94px !important;
    background:
        radial-gradient(circle at 16% 10%, rgba(42,139,126,.12) 0%, transparent 34%),
        radial-gradient(circle at 84% 15%, rgba(31,78,121,.10) 0%, transparent 34%),
        linear-gradient(135deg, #F4F1EC 0%, #FAF8F5 58%, #F1EDE6 100%) !important;
    border-bottom: 1px solid var(--line) !important;
    text-align: center !important;
}

.dpep-catv8-hero::before {
    content: "";
    position: absolute;
    inset: 26px;
    border: 1px solid rgba(31,78,121,.08);
    pointer-events: none;
}

.dpep-catv8-hero .dpep-magazine-container {
    position: relative;
    z-index: 2;
    max-width: 980px !important;
}

.dpep-catv8-hero h1 {
    margin: 0 0 24px 0 !important;
    font-size: 72px !important;
    line-height: .98 !important;
}

.dpep-catv8-intro {
    max-width: 750px !important;
    margin: 0 auto 36px auto !important;
    color: var(--soft) !important;
    font-size: 20px !important;
    line-height: 1.75 !important;
    font-weight: 300 !important;
}

.dpep-catv8-nav {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.dpep-catv8-nav a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 0 17px !important;
    border: 1px solid rgba(31,78,121,.18) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.78) !important;
    color: var(--blue) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.dpep-catv8-nav a:hover,
.dpep-catv8-nav a.is-active {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: #fff !important;
}

.dpep-catv8-main {
    background: #fff !important;
    padding: 78px 0 110px !important;
}

.dpep-catv8-featured {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    min-height: 460px !important;
    margin-bottom: 92px !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: var(--shadow) !important;
}

.dpep-catv8-featured-text {
    padding: 64px 66px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.dpep-catv8-featured-text h2 {
    margin: 0 0 22px 0 !important;
    font-size: 58px !important;
    line-height: 1.02 !important;
}

.dpep-catv8-featured-text h2 a {
    color: var(--blue) !important;
    text-decoration: none !important;
}

.dpep-catv8-featured-text h2 a:hover {
    color: var(--green) !important;
}

.dpep-catv8-featured-text p:not(.dpep-kicker) {
    max-width: 680px !important;
    margin: 0 0 28px 0 !important;
    color: var(--soft) !important;
    font-size: 17px !important;
    line-height: 1.85 !important;
    font-weight: 300 !important;
}

.dpep-catv8-featured-visual {
    min-height: 460px !important;
    padding: 40px 34px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    background:
        linear-gradient(150deg, rgba(31,78,121,.97), rgba(42,139,126,.84)),
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.20), transparent 38%) !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

.dpep-catv8-featured-visual img {
    width: 100% !important;
    height: 100% !important;
    min-height: 460px !important;
    object-fit: cover !important;
    display: block !important;
    margin: -40px -34px !important;
    max-width: calc(100% + 68px) !important;
}

.dpep-catv8-featured-visual span {
    color: rgba(255,255,255,.74) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

.dpep-catv8-featured-visual strong {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 44px !important;
    line-height: 1.02 !important;
    color: #fff !important;
}

.dpep-catv8-list {
    padding: 86px 0 0 !important;
    border-top: 1px solid var(--line) !important;
}

.dpep-catv8-heading {
    max-width: 720px !important;
    margin: 0 auto 56px auto !important;
    text-align: center !important;
}

.dpep-catv8-heading h2 {
    margin: 0 !important;
    font-size: 54px !important;
    line-height: 1.03 !important;
}

.dpep-catv8-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.dpep-catv8-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(25,35,45,.045) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.dpep-catv8-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(31,78,121,.18) !important;
    box-shadow: 0 20px 44px rgba(25,35,45,.09) !important;
}

.dpep-catv8-card-image {
    display: block !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    background: var(--warm) !important;
}

.dpep-catv8-card-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.dpep-catv8-card-content {
    padding: 30px 28px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.dpep-catv8-card-content h3 {
    margin: 0 0 16px 0 !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
}

.dpep-catv8-card-content h3 a {
    color: var(--blue) !important;
    text-decoration: none !important;
}

.dpep-catv8-card-content h3 a:hover {
    color: var(--green) !important;
}

.dpep-catv8-card-content p:not(.dpep-kicker) {
    margin: 0 0 24px 0 !important;
    color: var(--soft) !important;
    font-size: 15px !important;
    line-height: 1.78 !important;
    font-weight: 300 !important;
}

.dpep-catv8-card-content .dpep-read-link {
    margin-top: auto !important;
}

/* =====================================================
   ARTICLE
   ===================================================== */

.dpep-articlev8-hero {
    position: relative !important;
    padding: 132px 0 98px !important;
    background:
        radial-gradient(circle at 16% 14%, rgba(42,139,126,.11) 0%, transparent 34%),
        radial-gradient(circle at 84% 10%, rgba(31,78,121,.10) 0%, transparent 34%),
        linear-gradient(135deg, #F4F1EC 0%, #FAF8F5 58%, #F1EDE6 100%) !important;
    border-bottom: 1px solid var(--line) !important;
    text-align: center !important;
}

.dpep-articlev8-hero::before {
    content: "";
    position: absolute;
    inset: 26px;
    border: 1px solid rgba(31,78,121,.08);
    pointer-events: none;
}

.dpep-articlev8-hero .dpep-magazine-container {
    position: relative !important;
    z-index: 2 !important;
    max-width: 980px !important;
}

.dpep-articlev8-breadcrumb {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
    color: var(--muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.dpep-articlev8-breadcrumb a {
    color: var(--green) !important;
    text-decoration: none !important;
}

.dpep-articlev8-breadcrumb a:hover {
    color: var(--green-dark) !important;
}

.dpep-articlev8-hero h1 {
    max-width: 980px !important;
    margin: 0 auto 28px auto !important;
    font-size: 70px !important;
    line-height: .99 !important;
}

.dpep-articlev8-excerpt {
    max-width: 760px !important;
    margin: 0 auto !important;
    color: var(--soft) !important;
    font-size: 21px !important;
    line-height: 1.75 !important;
    font-weight: 300 !important;
}

.dpep-articlev8-cover {
    max-width: 1140px !important;
    margin: 72px auto 0 auto !important;
    padding: 0 40px !important;
}

.dpep-articlev8-cover img {
    display: block !important;
    width: 100% !important;
    max-height: 660px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    box-shadow: var(--shadow) !important;
}

.dpep-articlev8-body {
    padding: 86px 0 108px !important;
    background: #fff !important;
}

.dpep-articlev8-paper {
    max-width: 880px !important;
    margin: 0 auto !important;
}

.dpep-articlev8-content {
    max-width: 760px !important;
    margin: 0 auto !important;
}

.dpep-articlev8-content > *:first-child {
    margin-top: 0 !important;
}

.dpep-articlev8-content p,
.dpep-articlev8-content li {
    color: #2E353B !important;
    font-size: 19px !important;
    line-height: 1.95 !important;
    font-weight: 300 !important;
}

.dpep-articlev8-content p {
    margin: 0 0 30px 0 !important;
}

.dpep-articlev8-content p:first-of-type {
    font-size: 21px !important;
    line-height: 1.85 !important;
    color: #26313B !important;
}

.dpep-articlev8-content h2 {
    margin: 62px 0 20px 0 !important;
    color: var(--blue) !important;
    font-family: var(--serif) !important;
    font-size: 46px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
}

.dpep-articlev8-content h3 {
    margin: 44px 0 16px 0 !important;
    color: var(--blue) !important;
    font-family: var(--serif) !important;
    font-size: 34px !important;
    line-height: 1.14 !important;
    font-weight: 400 !important;
}

.dpep-articlev8-content ul,
.dpep-articlev8-content ol {
    margin: 0 0 32px 30px !important;
    padding: 0 !important;
}

.dpep-articlev8-content li {
    margin-bottom: 10px !important;
}

.dpep-articlev8-content strong {
    font-weight: 600 !important;
    color: #152230 !important;
}

.dpep-articlev8-content blockquote {
    margin: 46px 0 !important;
    padding: 34px 38px !important;
    border-left: 4px solid var(--green) !important;
    background: var(--cream) !important;
    color: var(--blue) !important;
    font-family: var(--serif) !important;
    font-size: 31px !important;
    line-height: 1.28 !important;
}

.dpep-articlev8-content a {
    color: var(--green) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.dpep-articlev8-content a:hover {
    color: var(--green-dark) !important;
}

.dpep-articlev8-content img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
}

.dpep-articlev8-content figure {
    margin: 40px 0 !important;
}

.dpep-articlev8-related {
    padding: 92px 0 110px !important;
    background: var(--cream) !important;
}

/* Pagination */
.dpep-magazine-pagination {
    margin-top: 56px !important;
    text-align: center !important;
}

.dpep-magazine-pagination .nav-links {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.dpep-magazine-pagination a,
.dpep-magazine-pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid var(--line) !important;
    background: #fff !important;
    color: var(--blue) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.dpep-magazine-pagination .current,
.dpep-magazine-pagination a:hover {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: #fff !important;
}

.dpep-catv8-empty {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 54px 42px !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    box-shadow: var(--shadow) !important;
    text-align: center !important;
}

.dpep-catv8-empty h2 {
    margin: 0 0 16px 0 !important;
    font-size: 42px !important;
}

.dpep-catv8-empty p {
    margin: 0 !important;
    color: var(--soft) !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

/* Responsive */
@media (max-width: 1160px) {
    .dpep-catv8-featured {
        grid-template-columns: 1fr !important;
    }

    .dpep-catv8-featured-visual,
    .dpep-catv8-featured-visual img {
        min-height: 300px !important;
    }

    .dpep-catv8-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dpep-catv8-hero h1,
    .dpep-articlev8-hero h1 {
        font-size: 58px !important;
    }
}

@media (max-width: 767px) {
    .dpep-magazine-container {
        width: min(100% - 40px, 1240px) !important;
    }

    .dpep-catv8-hero,
    .dpep-articlev8-hero {
        padding: 88px 0 70px !important;
    }

    .dpep-catv8-hero::before,
    .dpep-articlev8-hero::before {
        inset: 14px !important;
    }

    .dpep-catv8-hero h1,
    .dpep-articlev8-hero h1 {
        font-size: 40px !important;
        line-height: 1.07 !important;
    }

    .dpep-catv8-intro,
    .dpep-articlev8-excerpt {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .dpep-catv8-nav {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: 8px !important;
    }

    .dpep-catv8-nav a {
        white-space: nowrap !important;
    }

    .dpep-catv8-main,
    .dpep-articlev8-body,
    .dpep-articlev8-related {
        padding-top: 64px !important;
        padding-bottom: 74px !important;
    }

    .dpep-catv8-featured {
        margin-bottom: 62px !important;
    }

    .dpep-catv8-featured-text,
    .dpep-catv8-card-content {
        padding: 28px 24px !important;
    }

    .dpep-catv8-featured-text h2,
    .dpep-catv8-heading h2 {
        font-size: 36px !important;
    }

    .dpep-catv8-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .dpep-catv8-card-content h3 {
        font-size: 30px !important;
    }

    .dpep-articlev8-cover {
        padding: 0 20px !important;
    }

    .dpep-articlev8-content p,
    .dpep-articlev8-content li,
    .dpep-articlev8-content p:first-of-type {
        font-size: 16px !important;
        line-height: 1.82 !important;
    }

    .dpep-articlev8-content h2 {
        font-size: 34px !important;
    }

    .dpep-articlev8-content h3 {
        font-size: 27px !important;
    }

    .dpep-articlev8-content blockquote {
        padding: 26px 24px !important;
        font-size: 25px !important;
    }
}

/* =====================================================
   PATCH COMPATIBILITÉ PAGE RACINE MAGAZINE
   Le bloc V9 ne doit pas casser /magazine/
   ===================================================== */

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-container {
    max-width: 1280px !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

.dpep-magazine-category-v8 .dpep-magazine-container,
.dpep-articlev8 .dpep-magazine-container {
    width: min(1240px, calc(100% - 80px)) !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .dpep-magazine-category-v8 .dpep-magazine-container,
    .dpep-articlev8 .dpep-magazine-container {
        width: min(100% - 40px, 1240px) !important;
    }
}


/* =====================================================
   V10 — FORCE PAGE RACINE /MAGAZINE/
   Ces règles sont volontairement en fin de fichier.
   ===================================================== */

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) {
    background: #fff !important;
    color: #1A1A1A !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    line-height: 1.65 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-container {
    max-width: 1280px !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) h1,
.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) h2,
.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) h3 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: #1F4E79 !important;
    text-transform: none !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-hero {
    position: relative !important;
    overflow: hidden !important;
    padding: 150px 24px 120px !important;
    border-bottom: 1px solid #EAE5DC !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.88) 100%),
        radial-gradient(circle at 18% 20%, rgba(42,139,126,0.10) 0%, transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(31,78,121,0.10) 0%, transparent 34%),
        linear-gradient(135deg, #F4F1EC 0%, #FAF8F5 56%, #F1EDE6 100%) !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 28px !important;
    border: 1px solid rgba(31,78,121,0.09) !important;
    pointer-events: none !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-hero h1 {
    margin: 0 0 28px 0 !important;
    font-size: 72px !important;
    line-height: 1.02 !important;
    color: #1F4E79 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-hero-sub {
    max-width: 760px !important;
    margin: 0 auto 42px auto !important;
    color: #5F666D !important;
    font-size: 20px !important;
    line-height: 1.7 !important;
    font-weight: 300 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-hero-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-eyebrow {
    display: block !important;
    margin: 0 0 16px 0 !important;
    color: #2A8B7E !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 0 32px !important;
    border-radius: 3px !important;
    border: 1.5px solid #1F4E79 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-btn--primary {
    background: #1F4E79 !important;
    color: #fff !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-btn--ghost {
    background: rgba(255,255,255,.76) !important;
    color: #1F4E79 !important;
    border-color: rgba(31,78,121,.24) !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-section {
    padding: 112px 0 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-section--soft {
    background: #FAF8F5 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-section-header {
    max-width: 780px !important;
    margin: 0 auto 62px auto !important;
    text-align: center !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-section-header--left {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-section-header h2 {
    margin: 0 0 20px 0 !important;
    font-size: 54px !important;
    line-height: 1.05 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-section-sub {
    max-width: 760px !important;
    margin: 0 auto !important;
    color: #626970 !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    font-weight: 300 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) !important;
    min-height: 530px !important;
    background: #fff !important;
    border: 1px solid #EAE5DC !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 56px rgba(0,0,0,.08) !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-media {
    display: block !important;
    min-height: 530px !important;
    background: #F4F1EC !important;
    overflow: hidden !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-media img {
    width: 100% !important;
    height: 100% !important;
    min-height: 530px !important;
    object-fit: cover !important;
    display: block !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-content {
    padding: 58px 54px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-content h3 {
    margin: 0 0 22px 0 !important;
    font-size: 44px !important;
    line-height: 1.08 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-content h3 a {
    color: #1F4E79 !important;
    text-decoration: none !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-content p {
    margin: 0 0 26px 0 !important;
    color: #646B72 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    font-weight: 300 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-card-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 18px 0 !important;
    color: #90979E !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-card-meta a {
    color: #2A8B7E !important;
    text-decoration: none !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-read {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    color: #1F4E79 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-read::after {
    content: "→" !important;
    font-size: 16px !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-categories-grid,
.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card,
.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-post-card {
    display: block !important;
    background: #fff !important;
    border: 1px solid #EAE5DC !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.05) !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card {
    min-height: 265px !important;
    padding: 34px 30px 32px !important;
    position: relative !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(90deg, #1F4E79, #2A8B7E) !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card span {
    display: inline-block !important;
    margin: 0 0 15px 0 !important;
    color: #2A8B7E !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card h3 {
    margin: 0 0 14px 0 !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card p {
    margin: 0 !important;
    color: #666D75 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 300 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-post-media {
    display: block !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    background: #F4F1EC !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-post-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-post-content {
    padding: 27px 25px 26px !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-post-content h3 {
    margin: 0 0 15px 0 !important;
    font-size: 30px !important;
    line-height: 1.12 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-post-content h3 a {
    color: #1F4E79 !important;
    text-decoration: none !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-post-content p {
    margin: 0 0 20px 0 !important;
    color: #666D75 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    font-weight: 300 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-cta {
    padding: 112px 0 !important;
    background: linear-gradient(135deg, rgba(31,78,121,.97), rgba(42,139,126,.91)) !important;
    color: #fff !important;
    text-align: center !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-cta-inner {
    max-width: 860px !important;
    margin: 0 auto !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-cta h2 {
    margin: 0 0 20px 0 !important;
    color: #fff !important;
    font-size: 58px !important;
    line-height: 1.06 !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-cta p {
    max-width: 660px !important;
    margin: 0 auto 36px auto !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
    font-weight: 300 !important;
}

@media (max-width: 1100px) {
    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-card {
        grid-template-columns: 1fr !important;
    }

    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-categories-grid,
    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-hero {
        padding: 106px 16px 86px !important;
    }

    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-hero h1 {
        font-size: 40px !important;
        line-height: 1.08 !important;
    }

    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-section {
        padding: 78px 0 !important;
    }

    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-section-header h2,
    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-cta h2 {
        font-size: 36px !important;
    }

    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-categories-grid,
    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-posts-grid {
        grid-template-columns: 1fr !important;
    }

    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-featured-content {
        padding: 34px 24px !important;
    }
}


/* =====================================================
   V25 — VISUELS SUR LES RUBRIQUES MAGAZINE
   ===================================================== */
.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    min-height: 100% !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-media {
    display: block !important;
    position: relative !important;
    aspect-ratio: 4 / 2.8 !important;
    overflow: hidden !important;
    background: #F4F1EC !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-media::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(31,78,121,0.04) 0%, rgba(31,78,121,0.10) 100%) !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform .45s ease !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card:hover .dpep-magazine-category-media img {
    transform: scale(1.04) !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 26px 28px 28px !important;
    flex: 1 1 auto !important;
}

.dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-card span {
    margin: 0 0 13px 0 !important;
}

@media (max-width: 767px) {
    .dpep-magazine:not(.dpep-magazine-category-v8):not(.dpep-articlev8) .dpep-magazine-category-content {
        padding: 22px 20px 24px !important;
    }
}