@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=Montserrat:wght@400;500;600&display=swap"); :root { --gold:#c8a97e; --gold-dk:#8B6340; --dark:#1C1C1C; --medium:#4A4540; --muted:#6B6560; --cream:#F9F7F4; --border:#E8E4DE; --white:#FFFFFF; --serif:"Cormorant Garamond",Georgia,serif; --sans:"DM Sans",system-ui,sans-serif; --label:"Montserrat",sans-serif; --radius:4px; --shadow:0 2px 16px rgba(0,0,0,.07); --shadow2:0 8px 32px rgba(0,0,0,.13); } *,*::before,*::after{box-sizing:border-box} body{font-family:var(--sans)!important;font-size:16px!important;line-height:1.7!important;color:var(--dark)!important;background:var(--cream)!important} /* HEADER */ #masthead,.site-header{background:var(--white)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 1px 8px rgba(0,0,0,.04)!important;position:sticky!important;top:0!important;z-index:999!important} .site-header::before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-dk))} .site-title{font-family:var(--serif)!important;font-size:26px!important;font-weight:700!important;letter-spacing:.02em!important} .site-title a{color:var(--dark)!important;text-decoration:none!important} .ast-nav-menu>li>a,.main-navigation .menu>li>a{font-family:var(--label)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--medium)!important;transition:color .2s!important} .ast-nav-menu>li>a:hover,.main-navigation .menu>li>a:hover{color:var(--gold)!important} /* TYPO */ h1,h2,h3,h4,.entry-title{font-family:var(--serif)!important;font-weight:700!important;color:var(--dark)!important;line-height:1.2!important} h1{font-size:clamp(30px,5vw,54px)!important} h2{font-size:clamp(22px,3.5vw,38px)!important} h3{font-size:clamp(18px,2.5vw,26px)!important} a{color:var(--dark)!important;transition:color .2s!important} a:hover{color:var(--gold)!important} /* CARDS */ article.post,.ast-article-post{background:var(--white)!important;border-radius:var(--radius)!important;overflow:hidden!important;box-shadow:var(--shadow)!important;transition:box-shadow .25s,transform .25s!important;border:none!important} article.post:hover{box-shadow:var(--shadow2)!important;transform:translateY(-3px)!important} article.post .post-thumb img,.ast-article-inner-link img{width:100%!important;height:210px!important;object-fit:cover!important;display:block!important;transition:transform .4s ease!important} article.post:hover .post-thumb img{transform:scale(1.04)!important} .entry-meta .cat-links a,.ast-category a{font-family:var(--label)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--white)!important;background:var(--gold)!important;padding:3px 8px!important;border-radius:2px!important;text-decoration:none!important;display:inline-block!important;margin-bottom:6px!important} .wp-block-heading{font-family:var(--serif)!important;border-bottom:2px solid var(--gold)!important;padding-bottom:8px!important;margin-bottom:28px!important;display:inline-block!important} /* RUBRIQUES COLUMNS */ .wp-block-column{background:var(--white)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:20px 22px!important;transition:border-color .2s,box-shadow .2s!important} .wp-block-column:hover{border-color:var(--gold)!important;box-shadow:var(--shadow)!important} .wp-block-column h3 a{color:var(--dark)!important;text-decoration:none!important;font-family:var(--serif)!important} .wp-block-column h3 a:hover{color:var(--gold)!important} /* SINGLE */ .single .entry-title{font-size:clamp(26px,4vw,48px)!important;line-height:1.15!important;margin-bottom:18px!important} .single .entry-content p{font-size:17px!important;line-height:1.85!important;color:#2a2a2a!important;margin-bottom:1.4em!important} .single .entry-content h2{font-size:26px!important;border-left:3px solid var(--gold)!important;padding-left:14px!important;margin:2em 0 .8em!important;display:block!important;border-bottom:none!important} .single .entry-content h3{font-size:21px!important;margin:1.6em 0 .6em!important} .single .entry-content li{font-size:17px!important;margin-bottom:.5em!important} .single .post-thumbnail img,.single .wp-post-image{width:100%!important;max-height:480px!important;object-fit:cover!important;border-radius:var(--radius)!important;margin-bottom:32px!important} /* MISC */ .ast-read-more,a.ast-read-more{font-family:var(--label)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--gold)!important;border-bottom:1px solid var(--gold)!important;text-decoration:none!important;padding-bottom:1px!important;display:inline-block!important} .entry-meta,.posted-on{font-family:var(--label)!important;font-size:11px!important;color:var(--muted)!important;letter-spacing:.05em!important} .page-numbers{font-family:var(--label)!important;font-size:13px!important;padding:8px 14px!important;border-radius:var(--radius)!important;border:1px solid var(--border)!important;color:var(--medium)!important;text-decoration:none!important;transition:all .2s!important} .page-numbers.current,.page-numbers:hover{background:var(--gold)!important;color:var(--white)!important;border-color:var(--gold)!important} .ast-archive-description h1.page-title{font-family:var(--serif)!important;font-size:clamp(30px,4vw,44px)!important;border-bottom:2px solid var(--gold)!important;padding-bottom:12px!important;margin-bottom:32px!important} /* FOOTER */ #colophon,.site-footer,footer.site-footer{background:#1a1a1a!important;color:#aaa!important;padding:40px 0 20px!important;border-top:3px solid var(--gold)!important} .site-footer a{color:var(--gold)!important} .site-footer .site-info{font-size:13px!important;color:#777!important;text-align:center!important;border-top:1px solid #2e2e2e!important;padding-top:20px!important;margin-top:20px!important} /* HERO HP */ .hp-hero{position:relative;background:#111;overflow:hidden;margin-bottom:52px} .hp-hero img{width:100%;height:520px;object-fit:cover;opacity:.52;display:block} .hp-hero-inner{position:absolute;bottom:0;left:0;right:0;padding:52px 48px;background:linear-gradient(to top,rgba(0,0,0,.88),transparent)} .hp-hero-badge{font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#c8a97e;padding:4px 10px;border-radius:2px;display:inline-block;margin-bottom:14px} .hp-hero-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(26px,4vw,52px);font-weight:700;color:#fff;line-height:1.15;margin:0 0 12px;max-width:800px} .hp-hero-title a{color:#fff!important;text-decoration:none} .hp-hero-title a:hover{color:#c8a97e!important} .hp-hero-meta{font-family:Montserrat,sans-serif;font-size:12px;color:rgba(255,255,255,.65)} @media(max-width:768px){ .hp-hero img{height:280px} .hp-hero-inner{padding:24px} article.post:hover{transform:none!important} .wp-block-column{margin-bottom:12px!important} } /* =========================== HOMEPAGE MAGAZINE GRID v2 =========================== */ /* Ticker breaking news */ .ca-ticker { background: var(--gold); padding: 8px 0; overflow: hidden; position: relative; } .ca-ticker-inner { display: flex; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 24px; gap: 16px; } .ca-ticker-label { font-family: var(--label); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--white); background: rgba(0,0,0,.2); padding: 3px 10px; border-radius: 2px; white-space: nowrap; } .ca-ticker-text { font-family: var(--label); font-size: 12px; font-weight: 500; color: var(--white); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ca-ticker-text a { color: var(--white) !important; text-decoration: none; } .ca-ticker-text a:hover { text-decoration: underline !important; } /* Section labels */ .ca-section { max-width: 1200px; margin: 0 auto; padding: 0 24px 52px; } .ca-section-header { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; border-bottom: 1px solid var(--border); padding-bottom: 12px; } .ca-section-title { font-family: var(--serif); font-size: 22px; font-weight: 700; color: var(--dark); margin: 0; } .ca-section-link { font-family: var(--label); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--gold); text-decoration: none; margin-left: auto; } .ca-section-link:hover { color: var(--gold-dk) !important; } /* Grille vedette : 1 grande + 4 petites */ .ca-featured-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 20px; } .ca-card-main { grid-row: span 2; } /* Cartes article */ .ca-card { background: var(--white); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); transition: box-shadow .25s, transform .25s; } .ca-card:hover { box-shadow: var(--shadow2); transform: translateY(-3px); } .ca-card-img { width: 100%; object-fit: cover; display: block; transition: transform .4s ease; } .ca-card:hover .ca-card-img { transform: scale(1.04); } .ca-card-main .ca-card-img { height: 400px; } .ca-card-small .ca-card-img { height: 140px; } .ca-card-body { padding: 16px 18px 18px; } .ca-card-cat { font-family: var(--label); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--white); background: var(--gold); padding: 3px 8px; border-radius: 2px; display: inline-block; margin-bottom: 8px; text-decoration: none; } .ca-card-main .ca-card-title { font-family: var(--serif); font-size: 26px; line-height: 1.2; font-weight: 700; margin: 0 0 10px; } .ca-card-small .ca-card-title { font-family: var(--serif); font-size: 17px; line-height: 1.3; font-weight: 700; margin: 0 0 6px; } .ca-card-title a { color: var(--dark) !important; text-decoration: none; } .ca-card-title a:hover { color: var(--gold) !important; } .ca-card-excerpt { font-size: 14px; color: var(--muted); line-height: 1.6; margin: 0 0 10px; } .ca-card-meta { font-family: var(--label); font-size: 11px; color: var(--muted); } .ca-card-small .ca-card-excerpt { display: none; } /* Grille 3 colonnes standard */ .ca-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .ca-grid-3 .ca-card-img { height: 200px; } .ca-grid-3 .ca-card-title { font-family: var(--serif); font-size: 19px; line-height: 1.25; font-weight: 700; margin: 0 0 8px; } /* Bandeau newsletter */ .ca-newsletter { background: var(--dark); color: var(--white); padding: 48px 24px; text-align: center; margin: 0 0 0; } .ca-newsletter-title { font-family: var(--serif); font-size: 32px; font-weight: 700; color: var(--white); margin: 0 0 10px; } .ca-newsletter-sub { font-size: 15px; color: rgba(255,255,255,.65); margin: 0 0 24px; } .ca-newsletter-form { display: flex; gap: 0; max-width: 440px; margin: 0 auto; border-radius: var(--radius); overflow: hidden; } .ca-newsletter-input { flex: 1; padding: 12px 16px; font-family: var(--sans); font-size: 14px; border: none; outline: none; } .ca-newsletter-btn { background: var(--gold); color: var(--white); border: none; padding: 12px 24px; font-family: var(--label); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: background .2s; white-space: nowrap; } .ca-newsletter-btn:hover { background: var(--gold-dk); } /* Catégories couleurs */ .cat-business .ca-card-cat { background: #2d6a4f; } .cat-reglementation .ca-card-cat { background: #6d4c8e; } .cat-tendances .ca-card-cat { background: #c77dff; } .cat-equipement .ca-card-cat { background: #e07a5f; } .cat-formations .ca-card-cat { background: #3d405b; } .cat-emploi .ca-card-cat { background: #457b9d; } .cat-evenements .ca-card-cat { background: #e63946; } .cat-interviews .ca-card-cat { background: #b5838d; } @media(max-width:900px) { .ca-featured-grid { grid-template-columns: 1fr; } .ca-card-main { grid-row: span 1; } .ca-card-main .ca-card-img { height: 260px; } .ca-grid-3 { grid-template-columns: 1fr 1fr; } } @media(max-width:600px) { .ca-grid-3 { grid-template-columns: 1fr; } .ca-card-small { display: flex; gap: 12px; } .ca-card-small .ca-card-img { width: 120px; height: 90px; flex-shrink: 0; border-radius: var(--radius) 0 0 var(--radius); } .ca-card-small .ca-card-body { padding: 12px; } } /* =========================== PHASE 3 - REFINEMENTS =========================== */ /* Ticker bar */ .ca-ticker { background: #1a1a1a; padding: 9px 0; } .ca-ticker-inner { display: flex; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 24px; gap: 14px; overflow: hidden; } .ca-ticker-label { font-family: var(--label); font-size: 9px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: #1a1a1a; background: var(--gold); padding: 3px 10px; border-radius: 2px; white-space: nowrap; flex-shrink: 0; } .ca-ticker-text { font-family: var(--label); font-size: 12px; font-weight: 400; color: rgba(255,255,255,.75); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ca-ticker-text a { color: rgba(255,255,255,.85) !important; text-decoration: none !important; transition: color .2s !important; } .ca-ticker-text a:hover { color: var(--gold) !important; } /* No sidebar partout */ .ast-single-post-summary { max-width: 860px !important; margin: 0 auto !important; } .site-content .ast-container { max-width: 1200px !important; } /* Blog archive - no sidebar */ .blog .site-content, .archive .site-content, .single .site-content { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 32px 24px !important; } /* Article single amélioration */ .single article.post { background: transparent !important; box-shadow: none !important; } .single .entry-header { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--border); } .single .entry-meta { margin-bottom: 8px; } .single .post-thumbnail { overflow: hidden; border-radius: var(--radius); margin-bottom: 32px; } .single .post-thumbnail img { width: 100% !important; max-height: 480px !important; object-fit: cover !important; transition: transform .4s ease !important; } /* Breadcrumb styling */ .rank-math-breadcrumb { font-family: var(--label) !important; font-size: 12px !important; color: var(--muted) !important; margin-bottom: 16px !important; } .rank-math-breadcrumb a { color: var(--muted) !important; text-decoration: none !important; } .rank-math-breadcrumb a:hover { color: var(--gold) !important; } /* Tags */ .ast-tags-list a { font-family: var(--label) !important; font-size: 11px !important; font-weight: 500 !important; padding: 4px 10px !important; border-radius: 3px !important; background: var(--cream) !important; border: 1px solid var(--border) !important; color: var(--medium) !important; text-decoration: none !important; display: inline-block !important; margin: 3px !important; transition: all .2s !important; } .ast-tags-list a:hover { background: var(--gold) !important; color: var(--white) !important; border-color: var(--gold) !important; } /* Bouton CTA primaire */ .wp-block-button .wp-block-button__link, button[type="submit"], input[type="submit"] { background: var(--gold) !important; color: var(--white) !important; border: none !important; border-radius: var(--radius) !important; font-family: var(--label) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; padding: 12px 24px !important; transition: background .2s !important; cursor: pointer !important; } .wp-block-button .wp-block-button__link:hover, button[type="submit"]:hover { background: var(--gold-dk) !important; color: var(--white) !important; } /* Posts related box */ .ast-related-posts-section { background: var(--cream) !important; padding: 32px 0 !important; border-top: 1px solid var(--border) !important; margin-top: 48px !important; } .ast-related-posts-section h3 { font-family: var(--serif) !important; font-size: 22px !important; } /* Table of contents Rank Math */ .rank-math-block-toc-heading { font-family: var(--label) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; } /* Blockquote */ .single .entry-content blockquote { border-left: 3px solid var(--gold) !important; background: var(--cream) !important; padding: 20px 24px !important; margin: 2em 0 !important; border-radius: 0 var(--radius) var(--radius) 0 !important; } .single .entry-content blockquote p { font-family: var(--serif) !important; font-size: 20px !important; font-style: italic !important; color: var(--dark) !important; margin: 0 !important; } /* Table */ .single .entry-content table { width: 100% !important; border-collapse: collapse !important; margin: 1.5em 0 !important; } .single .entry-content th { background: var(--dark) !important; color: var(--white) !important; padding: 10px 14px !important; font-family: var(--label) !important; font-size: 12px !important; letter-spacing: .06em !important; text-align: left !important; } .single .entry-content td { padding: 10px 14px !important; border-bottom: 1px solid var(--border) !important; font-size: 15px !important; } .single .entry-content tr:nth-child(even) td { background: var(--cream) !important; } /* Archive title */ .ast-page-banner-area .entry-title, .ast-archive-description h1 { font-family: var(--serif) !important; } /* Search bar */ .ast-search-menu-icon .search-field, .search-form .search-field { border: 1px solid var(--border) !important; border-radius: var(--radius) !important; font-family: var(--sans) !important; padding: 8px 14px !important; } /* Woocommerce n/a - on est editorial */ @media(max-width:768px) { .ca-ticker-text { display: none; } .single .entry-title { font-size: 26px !important; } } /* =========================== PHASE 4 - SINGLE + CATEGORIES =========================== */ /* === SINGLE ARTICLE === */ body.single { background: var(--cream) !important; } body.single .site-content { padding: 0 !important; } body.single .ast-container { padding: 0 !important; max-width: 100% !important; } .single-article-wrapper { max-width: 1200px; margin: 0 auto; padding: 40px 24px; display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start; } .single-article-content { min-width: 0; } .single-article-sidebar { position: sticky; top: 80px; } /* Header d'article */ .single .entry-header .entry-title { font-size: clamp(26px, 4vw, 44px) !important; line-height: 1.12 !important; margin: 12px 0 16px !important; } .single .entry-header { border-bottom: none !important; } /* Image à la une */ .single .post-thumbnail { margin: 0 0 32px !important; border-radius: var(--radius) !important; overflow: hidden !important; } .single .post-thumbnail img { width: 100% !important; height: auto !important; max-height: 500px !important; object-fit: cover !important; } /* Contenu */ .single .entry-content { font-size: 16.5px !important; line-height: 1.8 !important; color: #2C2C2C !important; } .single .entry-content > p:first-of-type { font-size: 18px !important; line-height: 1.75 !important; color: var(--medium) !important; font-weight: 400 !important; } .single .entry-content h2 { font-size: 24px !important; margin: 2.2em 0 .8em !important; border-left: 3px solid var(--gold) !important; padding-left: 14px !important; display: block !important; border-bottom: none !important; } .single .entry-content h3 { font-size: 20px !important; margin: 1.8em 0 .6em !important; color: var(--dark) !important; } /* Sidebar article */ .ca-sidebar-widget { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; margin-bottom: 24px; } .ca-sidebar-title { font-family: var(--label); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); border-bottom: 1px solid var(--border); padding-bottom: 10px; margin-bottom: 16px; } .ca-sidebar-post { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--border); } .ca-sidebar-post:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .ca-sidebar-post img { width: 72px; height: 52px; object-fit: cover; border-radius: 3px; flex-shrink: 0; } .ca-sidebar-post-title { font-family: var(--serif); font-size: 14px; line-height: 1.3; font-weight: 700; } .ca-sidebar-post-title a { color: var(--dark) !important; text-decoration: none; } .ca-sidebar-post-title a:hover { color: var(--gold) !important; } .ca-sidebar-post-date { font-family: var(--label); font-size: 11px; color: var(--muted); margin-top: 3px; } /* === ARCHIVES / CATÉGORIES === */ body.archive .site-content, body.category .site-content { padding: 32px 24px !important; max-width: 1200px !important; margin: 0 auto !important; } .ast-archive-description { background: transparent !important; } .archive-title-wrapper { background: var(--white); border-radius: var(--radius); padding: 32px; margin-bottom: 32px; border-left: 4px solid var(--gold); box-shadow: var(--shadow); } .archive-title-wrapper h1 { font-family: var(--serif) !important; font-size: 36px !important; margin: 0 0 8px !important; border-bottom: none !important; padding-bottom: 0 !important; } .archive-title-wrapper p { font-size: 15px !important; color: var(--muted) !important; margin: 0 !important; } /* Blog listing posts */ body.blog .ast-article-post, body.archive .ast-article-post, body.category .ast-article-post { background: var(--white) !important; border-radius: var(--radius) !important; overflow: hidden !important; box-shadow: var(--shadow) !important; transition: box-shadow .25s, transform .25s !important; margin-bottom: 24px !important; } body.blog .ast-article-post:hover, body.archive .ast-article-post:hover { box-shadow: var(--shadow2) !important; transform: translateY(-2px) !important; } /* === 404 PAGE === */ .error404 .entry-title { font-family: var(--serif) !important; } /* === RESPONSIVE SINGLE === */ @media(max-width: 960px) { .single-article-wrapper { grid-template-columns: 1fr; } .single-article-sidebar { position: static; } } @media(max-width: 600px) { .single .entry-content { font-size: 15.5px !important; } .single .entry-content h2 { font-size: 20px !important; } } /* === SCROLL TO TOP === */ .ca-scroll-top { position: fixed; bottom: 24px; right: 24px; z-index: 998; width: 42px; height: 42px; border-radius: 50%; background: var(--gold); color: var(--white); border: none; cursor: pointer; font-size: 18px; box-shadow: 0 2px 12px rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; transition: background .2s, transform .2s; text-decoration: none; opacity: 0; pointer-events: none; } .ca-scroll-top.visible { opacity: 1; pointer-events: auto; } .ca-scroll-top:hover { background: var(--gold-dk) !important; transform: translateY(-2px); color: var(--white) !important; } /* =========================== FINAL POLISH =========================== */ /* LOGO texte si pas d'image */ .site-title { font-family: "Cormorant Garamond", Georgia, serif !important; font-size: 28px !important; font-weight: 700 !important; letter-spacing: .04em !important; color: var(--dark) !important; } .site-title span { color: var(--gold) !important; } .site-title a { color: inherit !important; text-decoration: none !important; } .site-description { font-family: var(--label) !important; font-size: 10px !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--muted) !important; margin: 0 !important; } /* NAV AMÉLIORÉE */ .main-navigation, .ast-nav-menu { gap: 0 !important; } .ast-nav-menu > li.current-menu-item > a, .main-navigation .menu > li.current-menu-item > a { color: var(--gold) !important; } .ast-nav-menu > li:hover > .sub-menu, .main-navigation .menu > li:hover > .sub-menu { box-shadow: var(--shadow2) !important; border-top: 2px solid var(--gold) !important; } /* FOOTER COMPLET */ .site-footer { padding: 0 !important; } .ca-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; max-width: 1200px; margin: 0 auto; padding: 52px 24px 40px; } .ca-footer-col-title { font-family: var(--label); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #fff; margin-bottom: 18px; } .ca-footer-logo { font-family: "Cormorant Garamond", Georgia, serif; font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 12px; } .ca-footer-logo span { color: var(--gold); } .ca-footer-desc { font-size: 13px; color: #888; line-height: 1.7; margin-bottom: 20px; } .ca-footer-links { list-style: none; padding: 0; margin: 0; } .ca-footer-links li { margin-bottom: 8px; } .ca-footer-links a { font-size: 13px; color: #888 !important; text-decoration: none !important; transition: color .2s; } .ca-footer-links a:hover { color: var(--gold) !important; } .ca-footer-bottom { border-top: 1px solid #2a2a2a; max-width: 1200px; margin: 0 auto; padding: 18px 24px; display: flex; justify-content: space-between; align-items: center; } .ca-footer-copy { font-size: 12px; color: #666; } .ca-footer-social { display: flex; gap: 12px; } .ca-footer-social a { width: 32px; height: 32px; border-radius: 50%; background: #2a2a2a; color: #aaa !important; display: flex; align-items: center; justify-content: center; font-size: 13px; text-decoration: none !important; transition: background .2s; } .ca-footer-social a:hover { background: var(--gold) !important; color: #fff !important; } @media(max-width:900px) { .ca-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; } } @media(max-width:600px) { .ca-footer-grid { grid-template-columns: 1fr; gap: 20px; padding: 32px 20px; } .ca-footer-bottom { flex-direction: column; gap: 12px; text-align: center; } } /* PARTAGE SOCIAL */ .ca-share-box { background: var(--cream); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px 24px; margin: 32px 0; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .ca-share-label { font-family: var(--label); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-right: 4px; } .ca-share-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: var(--radius); font-family: var(--label); font-size: 12px; font-weight: 600; text-decoration: none !important; transition: opacity .2s; color: #fff !important; } .ca-share-btn:hover { opacity: .85; } .ca-share-fb { background: #1877F2; } .ca-share-tw { background: #000; } .ca-share-li { background: #0A66C2; } .ca-share-wa { background: #25D366; } /* PROGRESS BAR lecture */ .ca-reading-progress { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: 3px; background: var(--gold); transform-origin: left; transform: scaleX(0); transition: transform .1s linear; } /* CARTE category index */ .cat-color-bar { height: 3px; background: var(--gold); width: 100%; margin-bottom: 0; } /* Image lazy blur */ img.lazyload { filter: blur(5px); transition: filter .3s; } img.lazyloaded { filter: none; }