/* Theme Name: Gatinel Theme URI: https://gatinel.com Author: Studio Cassette Description: Theme de blocs (FSE) pour le Pr. Damien Gatinel. Pixel-perfect sur le prototype Lovable, 100% administrable. Version: 1.14.0 Text Domain: gatinel */ /* ============ BASE ============ */ .gatinel-eyebrow { font-family: var(--wp--preset--font-family--body) !important; font-weight: 600; font-size: 0.6875rem !important; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--gold) !important; display: block; } .gatinel-sub { color: var(--wp--preset--color--muted-foreground) !important; font-size: 1rem !important; line-height: 1.7; } .gatinel-card { background: var(--wp--preset--color--card); border: 1px solid rgba(227,230,235,0.7); border-radius: 1rem; transition: transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s cubic-bezier(.4,0,.2,1); box-shadow: 0 1px 2px 0 hsl(220 20% 20% / .04); } .gatinel-card:hover { transform: translateY(-2px); box-shadow: 0 12px 32px -8px hsl(220 20% 20% / .12); } .gatinel-cta-gold .wp-block-button__link { background: var(--wp--preset--color--gold); color: #fff; box-shadow: 0 10px 15px -3px rgba(192,152,90,0.2), 0 4px 6px -4px rgba(192,152,90,0.2); height: 3rem; display: inline-flex; align-items: center; padding: 0 2rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 600; } .gatinel-cta-gold .wp-block-button__link:hover { background: var(--wp--preset--color--gold-hover); } .gatinel-cta-ghost .wp-block-button__link { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.25); color: #fff; height: 3rem; display: inline-flex; align-items: center; padding: 0 2rem; border-radius: 0.75rem; font-size: 0.9375rem; font-weight: 500; } .gatinel-cta-ghost .wp-block-button__link:hover { background: rgba(255,255,255,0.12); } .wp-site-blocks > * { margin-top: 0 !important; margin-bottom: 0 !important; } .gatinel-link-gold, .gatinel-link-gold a { color: var(--wp--preset--color--gold); text-decoration: none; font-weight: 600; } /* ============ HEADER ============ */ .gatinel-header { position: sticky; top: 0; z-index: 100; background: rgba(246,247,249,0.97); border-bottom: 1px solid var(--wp--preset--color--border); transition: background .4s ease, box-shadow .4s ease, border-color .4s ease; padding: 1.25rem 1.5rem; } .gatinel-header .wp-block-group { margin: 0; } .gatinel-header.is-scrolled { background: rgba(246,247,249,0.95); backdrop-filter: blur(16px) saturate(1.4); box-shadow: 0 4px 24px -10px hsl(220 30% 20% / .2); } body.home .gatinel-header { position: fixed; left: 0; right: 0; background: transparent; border-bottom-color: transparent; } body.home .gatinel-header.is-scrolled { background: rgba(246,247,249,0.95); backdrop-filter: blur(16px) saturate(1.4); box-shadow: 0 4px 24px -10px hsl(220 30% 20% / .2); border-bottom-color: var(--wp--preset--color--border); } .gatinel-logo .wp-block-site-title { font-family: var(--wp--preset--font-family--heading); font-weight: 400; font-size: 1.5rem; line-height: 1.2; } .gatinel-logo .wp-block-site-title a { color: var(--wp--preset--color--primary); text-decoration: none; transition: color .3s ease; } .gatinel-logo-sub { margin: 0 !important; font-weight: 400; font-size: 0.6875rem !important; letter-spacing: 0.08em; color: var(--wp--preset--color--gold) !important; } /* --- Mega menu --- */ .gatinel-menu { align-items: center; } .gatinel-mi, .gatinel-mi-link { margin: 0 !important; } .gatinel-mi { position: static; } .gatinel-mi-link a { display: inline-flex; align-items: center; font-size: 0.875rem; font-weight: 500; color: var(--wp--preset--color--primary); padding: 0.5rem 0.875rem; border-radius: 0.75rem; text-decoration: none; transition: background .2s ease, color .2s ease; } .gatinel-mi.has-mega > .gatinel-mi-link a::after { content: ""; width: 7px; height: 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg) translateY(-2px); margin-left: 0.45rem; transition: transform .2s ease; } .gatinel-mi:hover > .gatinel-mi-link a, .gatinel-mi.open > .gatinel-mi-link a { background: var(--wp--preset--color--muted); } .gatinel-mi.has-mega.open > .gatinel-mi-link a::after { transform: rotate(-135deg) translateY(2px); } .gatinel-mega { visibility: hidden; opacity: 0; pointer-events: none; position: absolute; left: 0; right: 0; top: 100%; max-width: none !important; background: rgb(246,247,249); border-bottom: 1px solid rgba(227,230,235,0.6); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1); padding: 2rem 1.5rem; transition: opacity .18s ease; z-index: 90; margin: 0 !important; } .gatinel-mi.open > .gatinel-mega { visibility: visible; opacity: 1; pointer-events: auto; } .gatinel-mega-cols { max-width: 1200px; margin: 0 auto !important; } .gatinel-mega-title { font-size: 0.6875rem !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--wp--preset--color--primary) !important; margin: 0 0 1rem !important; } .gatinel-mega-item { margin: 0 0 0.25rem !important; } .gatinel-mega-item a { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem; border-radius: 0.75rem; text-decoration: none; transition: background .15s ease; } .gatinel-mega-item .mi-t { display: block; color: var(--wp--preset--color--muted-foreground); font-size: 0.75rem; line-height: 1.55; } .gatinel-mega-item a strong { display: block; font-size: 0.875rem; font-weight: 600; color: var(--wp--preset--color--foreground); margin-bottom: 0.125rem; line-height: 1.4; transition: color .15s ease; } .gatinel-mega-item a:hover { background: rgba(192,152,90,0.05); } .gatinel-mega-item a:hover strong { color: var(--wp--preset--color--gold); } .gicon { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 0.5rem; background: rgba(192,152,90,0.08); flex-shrink: 0; margin-top: 2px; transition: background .15s ease; } .gatinel-mega-item a:hover .gicon { background: rgba(192,152,90,0.15); } .gicon::before { content: ""; width: 1rem; height: 1rem; background: var(--wp--preset--color--gold); -webkit-mask: var(--gi) center / contain no-repeat; mask: var(--gi) center / contain no-repeat; } .gi-eye { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); } .gi-scaneye { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M17 3h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M21 17v2a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cpath d='M5.1 12a7.5 7.5 0 0 1 13.8 0 7.5 7.5 0 0 1-13.8 0'/%3E%3C/svg%3E"); } .gi-circledot { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3C/svg%3E"); } .gi-layers { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E"); } .gi-zap { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E"); } .gi-sparkles { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.8a2 2 0 0 0 1.3 1.3L21 12l-5.8 1.9a2 2 0 0 0-1.3 1.3L12 21l-1.9-5.8a2 2 0 0 0-1.3-1.3L3 12l5.8-1.9a2 2 0 0 0 1.3-1.3z'/%3E%3Cpath d='M19 3v4'/%3E%3Cpath d='M21 5h-4'/%3E%3C/svg%3E"); } .gi-activity { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E"); } .gi-bookopen { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E"); } .gi-scissors { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cline x1='20' y1='4' x2='8.12' y2='15.88'/%3E%3Cline x1='14.47' y1='14.48' x2='20' y2='20'/%3E%3Cline x1='8.12' y1='8.12' x2='12' y2='12'/%3E%3C/svg%3E"); } .gi-microscope { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18h8'/%3E%3Cpath d='M3 22h18'/%3E%3Cpath d='M14 22a7 7 0 1 0 0-14h-1'/%3E%3Cpath d='M9 14h2'/%3E%3Cpath d='M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z'/%3E%3Cpath d='M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3'/%3E%3C/svg%3E"); } .gi-gradcap { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10L12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5'/%3E%3C/svg%3E"); } .gi-flask { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2v7.5L4.7 20.6a1 1 0 0 0 .9 1.4h12.8a1 1 0 0 0 .9-1.4L14 9.5V2'/%3E%3Cpath d='M8.5 2h7'/%3E%3Cpath d='M7 16h10'/%3E%3C/svg%3E"); } .gi-calc { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cline x1='8' y1='6' x2='16' y2='6'/%3E%3Cline x1='16' y1='14' x2='16' y2='18'/%3E%3Cpath d='M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M8 18h.01M12 18h.01'/%3E%3C/svg%3E"); } .gi-building { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'/%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M10 6h4'/%3E%3Cpath d='M10 10h4'/%3E%3Cpath d='M10 14h4'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E"); } .gi-users { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); } .gi-award { --gi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 12.9 17 22l-5-3-5 3 1.5-9.1'/%3E%3C/svg%3E"); } /* Icône « lien externe » inline — hérite la couleur du texte (gext) */ .gext { display: inline-block; width: 0.85em; height: 0.85em; margin-left: 0.32em; vertical-align: -0.08em; background: currentColor; -webkit-mask: var(--gext) center / contain no-repeat; mask: var(--gext) center / contain no-repeat; --gext: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E"); } .gatinel-mega-feat { background: rgba(3,14,63,0.05); border: 1px solid rgba(3,14,63,0.1); border-radius: 1rem; padding: 1.25rem !important; align-self: flex-start; } .gatinel-mega-feat-t { font-family: var(--wp--preset--font-family--body) !important; font-weight: 600; font-size: 1.125rem !important; color: var(--wp--preset--color--foreground) !important; margin: 0 0 0.5rem !important; } .gatinel-mega-feat-d { font-size: 0.875rem !important; color: var(--wp--preset--color--muted-foreground) !important; margin: 0 !important; line-height: 1.6; } .gatinel-mega-feat-img { display: block; width: 100%; aspect-ratio: 2/1; border-radius: 0.75rem; margin-top: 0.75rem; background-size: cover; background-position: center 30%; } .fi-refractive { background-image: url('assets/images/refractive-card.jpg'); } .fi-cataract { background-image: url('assets/images/cataract-card.jpg'); } .fi-research { background-image: url('assets/images/research-card.jpg'); } .gatinel-mega-feat-l { margin: 0.75rem 0 0 !important; } .gatinel-mega-feat-l a { color: var(--wp--preset--color--gold); font-weight: 500; font-size: 0.875rem; text-decoration: none; } /* Header solide quand le mega est ouvert (comportement du prototype) */ .gatinel-header.mega-open { background: rgba(246,247,249,0.95); backdrop-filter: blur(16px) saturate(1.4); box-shadow: 0 1px 2px rgba(0,0,0,0.05); border-bottom-color: rgba(227,230,235,0.5); } body.home .gatinel-header.mega-open { background: rgba(246,247,249,0.95); backdrop-filter: blur(16px) saturate(1.4); border-bottom-color: rgba(227,230,235,0.5); } /* Recherche + RDV */ .gatinel-search-toggle { display: inline-flex; align-items: center; justify-content: center; background: transparent; border: none; color: var(--wp--preset--color--muted-foreground); padding: 0.45rem; border-radius: 0.5rem; cursor: pointer; } .gatinel-search-toggle svg { width: 1.15rem; height: 1.15rem; } .gatinel-search-toggle:hover { background: var(--wp--preset--color--muted); color: var(--wp--preset--color--primary); } /* Barre de recherche déroulante (ouverte au clic sur la loupe) */ .gatinel-searchbar { position: absolute; top: 100%; left: 0; right: 0; width: 100%; background: var(--wp--preset--color--background, #f6f7f9); border-bottom: 1px solid var(--wp--preset--color--border); box-shadow: 0 16px 30px -18px rgba(10,20,50,0.3); z-index: 90; padding: 1.1rem 1.5rem; animation: gatinel-searchbar-in .22s ease; } .gatinel-searchbar[hidden] { display: none; } .gatinel-searchbar-inner { max-width: 1200px; margin: 0 auto; } .gatinel-searchbar-form { display: flex; align-items: center; gap: 0.85rem; background: #fff; border: 1px solid rgba(192,152,90,0.45); border-radius: 0.85rem; padding: 0.85rem 1.15rem; box-shadow: 0 1px 2px rgba(0,0,0,0.04); } .gatinel-searchbar-ico { display: inline-flex; flex: 0 0 auto; color: var(--wp--preset--color--gold); } .gatinel-searchbar-ico svg { width: 1.35rem; height: 1.35rem; } .gatinel-searchbar-input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; font-family: var(--wp--preset--font-family--body); font-size: 1.05rem; color: var(--wp--preset--color--foreground); } .gatinel-searchbar-input::placeholder { color: var(--wp--preset--color--muted-foreground); } .gatinel-searchbar-close { flex: 0 0 auto; background: none; border: 0; cursor: pointer; color: var(--wp--preset--color--muted-foreground); font-size: 1.6rem; line-height: 1; padding: 0 0.3rem; } .gatinel-searchbar-close:hover { color: var(--wp--preset--color--primary); } @keyframes gatinel-searchbar-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } .gatinel-rdv { margin-left: 0.5rem; } .gatinel-rdv .wp-block-button__link { background: var(--wp--preset--color--gold); color: #fff; height: 2.25rem; display: inline-flex; align-items: center; padding: 0 1rem; border-radius: 0.375rem; font-weight: 600; font-size: 0.8125rem; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .gatinel-rdv .wp-block-button__link:hover { background: var(--wp--preset--color--gold-hover); } /* Accueil transparent : texte blanc */ body.home .gatinel-header:not(.is-scrolled):not(.mega-open) .gatinel-logo .wp-block-site-title a { color: #fff; } body.home .gatinel-header:not(.is-scrolled):not(.mega-open) .gatinel-mi-link a { color: rgba(255,255,255,0.6); } body.home .gatinel-header:not(.is-scrolled):not(.mega-open) .gatinel-mi:hover > .gatinel-mi-link a { background: rgba(255,255,255,0.08); color: #fff; } body.home .gatinel-header:not(.is-scrolled):not(.mega-open) .gatinel-search-toggle { color: rgba(255,255,255,0.75); } body.home .gatinel-header:not(.is-scrolled):not(.mega-open) .gatinel-search-toggle:hover { background: rgba(255,255,255,0.08); color: #fff; } /* Burger */ .gatinel-burger { display: none; background: none; border: 0; cursor: pointer; padding: 0.5rem; } .gatinel-burger span { display: block; width: 22px; height: 2px; background: var(--wp--preset--color--primary); margin: 5px 0; transition: .2s; } body.home .gatinel-header:not(.is-scrolled):not(.mega-open) .gatinel-burger span { background: #fff; } .gatinel-mega-all { display: none; } @media (max-width:1080px){ /* !important pour battre la règle de layout flex générée par WordPress */ .gatinel-menu { display: none !important; } .gatinel-burger { display: block; } .gatinel-header.menu-open .gatinel-menu { display: flex !important; flex-direction: column; align-items: stretch; position: absolute; left: 0; right: 0; top: 100%; background: #fff; padding: 0.5rem 1.5rem 1.5rem; box-shadow: 0 30px 60px -20px rgba(10,20,50,0.3); max-height: 82vh; overflow-y: auto; gap: 0; } /* Rubriques de 1er niveau */ .gatinel-header.menu-open .gatinel-mi { position: static; } .gatinel-header.menu-open .gatinel-mi-link a { display: flex; align-items: center; justify-content: space-between; color: var(--wp--preset--color--primary) !important; padding: 0.85rem 0.5rem; border-bottom: 1px solid var(--wp--preset--color--border); border-radius: 0; background: none !important; font-size: 0.95rem; } .gatinel-header.menu-open .gatinel-mi.has-mega.open > .gatinel-mi-link a::after { transform: rotate(-135deg) translateY(2px); } /* Panneau méga -> accordéon inline (replié par défaut, déplié si .open) */ .gatinel-header.menu-open .gatinel-mega { display: none; position: static; visibility: visible; opacity: 1; pointer-events: auto; box-shadow: none; border: 0; background: transparent; padding: 0.4rem 0 0.6rem 0.75rem; max-width: none !important; } .gatinel-header.menu-open .gatinel-mi.open > .gatinel-mega { display: block; } .gatinel-header.menu-open .gatinel-mega-cols { display: block !important; max-width: none; margin: 0 !important; } .gatinel-header.menu-open .gatinel-mega-cols .wp-block-column { flex-basis: auto !important; width: auto !important; margin: 0 0 0.5rem !important; } .gatinel-header.menu-open .gatinel-mega-feat { display: none; } .gatinel-header.menu-open .gatinel-mega-title { margin: 0.5rem 0 0.25rem !important; } .gatinel-header.menu-open .gatinel-mega-item a { padding: 0.5rem; } .gatinel-header.menu-open .gatinel-mega-all { display: block; margin: 0 0 0.25rem !important; } .gatinel-header.menu-open .gatinel-mega-all a { color: var(--wp--preset--color--gold); font-weight: 600; font-size: 0.85rem; text-decoration: none; } } /* ============ HERO (cover natif) ============ */ .gatinel-hero { position: relative; } .gatinel-hero .wp-block-cover__image-background { opacity: 1; } .gatinel-hero .wp-block-cover__background { background: rgba(0,0,0,0.4) !important; opacity: 1 !important; } .gatinel-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 14rem; background: linear-gradient(to top, rgba(0,0,0,0.25), transparent); pointer-events: none; z-index: 1; } .gatinel-hero .wp-block-cover__inner-container { max-width: 1200px; width: 100%; margin: 0 auto; padding: 8.75rem 1.5rem 4.375rem; position: relative; z-index: 2; } .gatinel-hero-eyebrow { display: inline-flex !important; align-items: center; gap: 0.625rem; margin: 0 0 2rem !important; } .gicon-award { display: inline-block; width: 24px; height: 24px; background: var(--wp--preset--color--gold); -webkit-mask: var(--gaw) center / contain no-repeat; mask: var(--gaw) center / contain no-repeat; --gaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 12.9 17 22l-5-3-5 3 1.5-9.1'/%3E%3C/svg%3E"); } .gatinel-hero-title { font-family: var(--wp--preset--font-family--heading); font-weight: 300 !important; color: #fff !important; font-size: clamp(2rem, 5vw, 4rem) !important; line-height: 1.1 !important; letter-spacing: -0.025em; margin: 0 0 1.75rem !important; overflow-wrap: break-word; } .gatinel-hero-title em { font-style: normal; color: var(--wp--preset--color--gold); } .gatinel-hero-lead { color: #ffffff !important; font-size: 1rem !important; line-height: 1.7; max-width: 32rem; margin: 0 0 2.5rem !important; font-weight: 400; } .gatinel-hero-ctas { margin: 0 !important; } .gicon-calc { display: inline-block; width: 1rem; height: 1rem; margin-right: 0.5rem; vertical-align: -2px; background: #fff; -webkit-mask: var(--gca) center / contain no-repeat; mask: var(--gca) center / contain no-repeat; --gca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cline x1='8' y1='6' x2='16' y2='6'/%3E%3Cline x1='16' y1='14' x2='16' y2='18'/%3E%3Cpath d='M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M8 18h.01M12 18h.01'/%3E%3C/svg%3E"); } .gatinel-hero-stats { margin-top: 2.5rem !important; flex-wrap: nowrap !important; gap: 2.5rem !important; align-items: flex-start; justify-content: flex-start; } .gatinel-hero-stats > div { min-width: 0; flex: 0 0 auto; max-width: 15rem; } .gatinel-hero-stats h3 { font-family: var(--wp--preset--font-family--heading) !important; font-weight: 600 !important; font-size: 1.625rem !important; letter-spacing: -0.025em; color: #fff !important; margin: 0 !important; line-height: 1.2; } @media (max-width:1080px){ .gatinel-hero-stats { flex-wrap: wrap !important; } .gatinel-hero-stats > div { flex: 1 1 40%; max-width: none; } } .gatinel-hero-stats h3 a { color: #fff; text-decoration: none; transition: color .2s ease; } .gatinel-hero-stats h3 a:hover { color: var(--wp--preset--color--gold); } .gatinel-hero-stats p { font-size: 0.875rem !important; color: rgba(255,255,255,0.8) !important; line-height: 1.375; font-weight: 500; margin: 0 !important; } .gatinel-hero-stats p em { font-style: normal; color: var(--wp--preset--color--gold); } .gatinel-hero-visual { position: relative; flex-grow: 0 !important; } .gatinel-hero-eye-img { margin: 0 !important; border-radius: 1rem; overflow: hidden; border: 1px solid rgba(255,255,255,0.1); outline: 1px solid rgba(192,152,90,0.3); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.4); } .gatinel-hero-eye-img img { width: 100%; height: auto; display: block; } .gatinel-hero-caption { position: absolute; right: -2.5rem; bottom: -2rem; max-width: 440px; text-align: right; font-family: var(--wp--preset--font-family--heading) !important; font-style: italic; color: #fff !important; font-size: 1.875rem !important; line-height: 1.25; text-shadow: 0 2px 12px rgba(0,0,0,0.85); margin: 0 !important; } .gatinel-hero-caption em { color: var(--wp--preset--color--gold); font-style: normal; } @media (max-width:1024px){ .gatinel-hero-visual { display:none; } .gatinel-hero .wp-block-cover__inner-container { padding: 7.5rem 1.5rem 4rem; } } /* ============ TITRES DE SECTION ============ */ .gatinel-rubrics h2, .gatinel-tools h2, .gatinel-reco h2, .gatinel-faq h2, .gatinel-contact h2 { font-family: var(--wp--preset--font-family--heading); font-weight: 400 !important; font-size: clamp(1.9rem, 3.5vw, 3rem) !important; line-height: 1.15; letter-spacing: -0.01em; margin: 0 !important; color: var(--wp--preset--color--primary); } /* ============ EXPERTISES ============ */ .gatinel-rubrics { background: rgba(240,241,245,0.3); padding: 3rem 1.5rem !important; } @media (min-width:768px){ .gatinel-rubrics { padding: 70px 1.5rem 100px !important; } } .gatinel-rubrics-head { text-align: center; margin-bottom: 3.5rem !important; } .gatinel-rubrics-head h2 { max-width: 48rem !important; margin-left: auto !important; margin-right: auto !important; } .gatinel-rubrics-grid { margin-top: 0 !important; } .gatinel-rubric { background: var(--wp--preset--color--card); border: 1px solid rgba(227,230,235,0.7); border-radius: 1rem; overflow: hidden; transition: transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s ease, border-color .35s ease; } .gatinel-rubric:hover { box-shadow: 0 12px 32px -8px hsl(220 20% 20% / .12); border-color: rgba(192,152,90,0.25); } .gatinel-rubric-img { margin: 0 !important; } .gatinel-rubric-img img { width: 100%; height: 160px; object-fit: cover; display: block; } .gatinel-rubric-body { padding: 2rem; } .gatinel-rubric-body h3 { font-family: var(--wp--preset--font-family--body) !important; font-size: 1.125rem !important; font-weight: 600; margin: 0 0 1rem !important; } .gatinel-rubric-body h3 a { color: var(--wp--preset--color--primary); text-decoration: none; } .gatinel-rubric-body h3 a:hover { color: var(--wp--preset--color--gold); } .gatinel-rubric-body p:not(.gatinel-rubric-more) { color: var(--wp--preset--color--foreground); font-size: 0.875rem; line-height: 1.625; margin: 0 0 1.25rem !important; } .gatinel-rubric-more { margin: 0 !important; } .gatinel-rubric-more a { color: var(--wp--preset--color--gold) !important; font-weight: 500; font-size: 0.9rem; text-decoration: none; } .gatinel-rubric-ico { margin: 0 0 1rem !important; } .gatinel-rubric-ico .gicon { width: 2.75rem; height: 2.75rem; border-radius: 0.85rem; margin-top: 0; } .gatinel-rubric-ico .gicon::before { width: 1.4rem; height: 1.4rem; } /* ============ OUTILS ============ */ .gatinel-tools { position: relative; padding: 3rem 1.5rem !important; overflow: hidden; background: #030E3F; } @media (min-width:768px){ .gatinel-tools { padding: 7rem 1.5rem !important; } } .gatinel-tools::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(3,14,64,0.5), rgba(3,14,64,0.5)), url('assets/images/tools-bg.jpg') center / cover fixed; } .gatinel-tools > * { position: relative; z-index: 1; } .gatinel-tools-head { margin-bottom: 3.5rem !important; } .gatinel-tools h2 { color: #fff !important; } .gatinel-tools-sub { color: rgba(255,255,255,0.8) !important; max-width: 34rem; } .gatinel-tool-feat { background: #fff; border-radius: 1rem; padding: 2rem; box-shadow: 0 14px 36px -16px rgba(0,0,0,0.4); transition: transform .35s ease, box-shadow .35s ease; display: flex; flex-direction: column; } .gatinel-tool-feat:hover { transform: translateY(-2px); box-shadow: 0 22px 48px -16px rgba(0,0,0,0.5); } .gatinel-tool-feat h3 { font-family: var(--wp--preset--font-family--body) !important; font-size: 1.5rem !important; font-weight: 700; margin: 0 0 0.25rem !important; } .gatinel-tool-feat h3 a { color: var(--wp--preset--color--primary); text-decoration: none; } .gatinel-tool-feat h3 a:hover { color: var(--wp--preset--color--gold); } .gatinel-tool-sub { color: var(--wp--preset--color--gold) !important; font-weight: 600; font-size: 0.92rem !important; margin: 0 0 0.6rem !important; } .gatinel-tool-desc { color: var(--wp--preset--color--muted-foreground) !important; font-size: 0.875rem !important; line-height: 1.6; margin: 0 !important; } .gatinel-tool-link { margin: auto 0 0 !important; padding-top: 1.25rem; } .gatinel-tool-link a { color: var(--wp--preset--color--gold); font-weight: 500; font-size: 0.875rem; text-decoration: none; } .gatinel-tool-minis { display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 1rem; align-items: stretch; } .gatinel-tool-mini { background: #fff; border-radius: 0.75rem; padding: 1.25rem; box-shadow: 0 14px 36px -16px rgba(0,0,0,0.4); transition: transform .35s ease, box-shadow .35s ease; display: flex; flex-direction: column; align-self: stretch !important; height: 100% !important; margin: 0 !important; } .gatinel-tool-mini:hover { transform: translateY(-2px); box-shadow: 0 22px 48px -16px rgba(0,0,0,0.5); } .gatinel-tool-mini .t { margin: 0 !important; font-size: 0.875rem !important; line-height: 1.3 !important; } .gatinel-tool-mini .t a { color: var(--wp--preset--color--primary); font-weight: 600; font-size: 0.875rem; line-height: 1.3; text-decoration: none; } .gatinel-tool-mini .t a:hover { color: var(--wp--preset--color--gold); } .gatinel-tool-mini .d { color: var(--wp--preset--color--muted-foreground) !important; font-size: 0.8rem !important; line-height: 1.4; margin: 0 !important; } @media (max-width:900px){ .gatinel-tool-minis { grid-template-columns: 1fr; grid-template-rows: none; } } /* ============ PUBLICATIONS ============ */ .gatinel-pubs { padding: 3rem 1.5rem !important; } @media (min-width:768px){ .gatinel-pubs { padding: 80px 1.5rem !important; } } .gatinel-pubs-cols { margin-top: 3rem !important; } .gatinel-pubs-colhead { margin-bottom: 1.5rem !important; } .gatinel-pubs-colhead h3 { font-family: var(--wp--preset--font-family--body) !important; font-size: 1.5rem !important; font-weight: 700; color: var(--wp--preset--color--primary); margin: 0 !important; } .gatinel-pubs-alllink { margin: 0 !important; } .gatinel-pubs-alllink a { display: inline-flex; align-items: center; color: var(--wp--preset--color--gold); font-weight: 500; font-size: 0.875rem; text-decoration: none; white-space: nowrap; } .gatinel-pubs-meta { align-items: center; margin-bottom: 0.5rem !important; } .gatinel-pubs-meta .gatinel-eyebrow { margin: 0 !important; } .gatinel-pubs-date { color: var(--wp--preset--color--muted-foreground) !important; font-size: 0.7rem !important; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; } .gatinel-pubs-date::before { content: "·"; margin-right: 0.5rem; color: var(--wp--preset--color--muted-foreground); } .gatinel-pubs-card .wp-block-post-title { font-family: var(--wp--preset--font-family--body) !important; font-size: 1.05rem !important; font-weight: 700; line-height: 1.35; margin: 0 0 0.5rem !important; } .gatinel-pubs-card .wp-block-post-title a { color: var(--wp--preset--color--primary); text-decoration: none; } .gatinel-pubs-card .wp-block-post-title a:hover { color: var(--wp--preset--color--gold); } .gatinel-pubs-card .wp-block-post-excerpt__excerpt { font-size: 0.875rem !important; line-height: 1.6; margin: 0 !important; } .gatinel-pubs-card .wp-block-post-excerpt__more-link { display: none; } /* Flux PubMed stylé (maquette) */ .gatinel-pubmed-list { display: grid; gap: 0.75rem; } .gatinel-pubmed-item { position: relative; display: flex; align-items: flex-start; gap: 0.9rem; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 0.85rem; padding: 1rem 1.1rem; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .gatinel-pubmed-item:hover { border-color: rgba(192,152,90,0.45); box-shadow: 0 10px 28px -14px rgba(10,20,50,0.35); transform: translateY(-1px); } .gatinel-pubmed-ico { flex: 0 0 auto; width: 2.25rem; height: 2.25rem; border-radius: 0.6rem; background: var(--wp--preset--color--gold); display: inline-flex; } .gatinel-pubmed-ico::before { content: ""; width: 1.15rem; height: 1.15rem; margin: auto; background: #fff; -webkit-mask: var(--gi-book) center / contain no-repeat; mask: var(--gi-book) center / contain no-repeat; --gi-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E"); } .gatinel-pubmed-body { flex: 1 1 auto; min-width: 0; padding-right: 1.5rem; } .gatinel-pubmed-title { display: block; color: var(--wp--preset--color--primary); font-weight: 600; font-size: 0.92rem; line-height: 1.35; } .gatinel-pubmed-meta { display: block; margin-top: 0.3rem; font-size: 0.8rem; color: var(--wp--preset--color--muted-foreground); } .gatinel-pubmed-meta em { font-style: italic; color: var(--wp--preset--color--gold); font-weight: 500; } .gatinel-pubmed-ext { position: absolute; top: 1rem; right: 1rem; color: var(--wp--preset--color--muted-foreground); margin: 0; } .gatinel-pubmed-item:hover .gatinel-pubmed-ext { color: var(--wp--preset--color--gold); } .gatinel-pubmed-empty { color: var(--wp--preset--color--muted-foreground); font-size: 0.9rem; } @media (max-width:781px){ .gatinel-pubs-cols { gap: 2.5rem; } } /* ============ RECONNAISSANCE ============ */ .gatinel-reco { padding: 3rem 1.5rem !important; background: var(--wp--preset--color--background); } @media (min-width:768px){ .gatinel-reco { padding: 80px 1.5rem !important; } } .gatinel-reco-head { margin-bottom: 3.5rem !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; width: 100%; } .gatinel-reco-head > * { margin-left: 0 !important; margin-right: auto !important; } .gatinel-reco-head h2 { max-width: none; } .gatinel-reco-head .gatinel-sub { max-width: 46rem; } .gatinel-reco-grid { margin-bottom: 3rem !important; } .gatinel-reco-card { padding: 2rem; } .gatinel-reco-card h3 { font-family: var(--wp--preset--font-family--body) !important; font-size: 1.05rem !important; font-weight: 600; color: var(--wp--preset--color--primary); margin: 0 0 1.1rem !important; } .gatinel-reco-card ul { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 0.85rem; } .gatinel-reco-card li { color: var(--wp--preset--color--muted-foreground); font-size: 0.875rem; line-height: 1.55; } /* Icônes de cartes (outils + affiliations) */ .gatinel-tool-ico, .gatinel-reco-ico { margin: 0 0 1.1rem !important; } .gatinel-tool-ico .gicon, .gatinel-reco-ico .gicon { width: 2.75rem; height: 2.75rem; border-radius: 0.85rem; margin-top: 0; } .gatinel-tool-ico .gicon::before, .gatinel-reco-ico .gicon::before { width: 1.4rem; height: 1.4rem; } .gatinel-tool-mini .gatinel-tool-ico { margin: 0 0 0.65rem !important; } .gatinel-tool-mini .gatinel-tool-ico .gicon { width: 2.25rem; height: 2.25rem; border-radius: 0.65rem; } .gatinel-tool-mini .gatinel-tool-ico .gicon::before { width: 1.15rem; height: 1.15rem; } .gatinel-biblio { background: rgba(238,240,243,0.3); border: 1px solid rgba(227,230,235,0.6); border-radius: 1rem; padding: 2.5rem !important; } .gatinel-biblio-left h3 { font-family: var(--wp--preset--font-family--heading) !important; font-size: 1.5rem !important; margin: 0 !important; color: var(--wp--preset--color--primary); } .gatinel-biblio-stats .num { font-family: var(--wp--preset--font-family--heading) !important; font-size: 2.25rem !important; color: var(--wp--preset--color--primary) !important; margin: 0 !important; } .gatinel-biblio-stats .lbl { font-size: 0.7rem !important; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wp--preset--color--muted-foreground) !important; margin: 0 !important; } .gatinel-biblio-link { flex-basis: 100%; width: 100%; margin: 2rem 0 0 !important; padding-top: 1.75rem; border-top: 1px solid rgba(227,230,235,0.7); } .gatinel-biblio-link a { display: inline-flex; align-items: center; } .gatinel-biblio-link a { color: var(--wp--preset--color--gold); font-weight: 500; font-size: 0.875rem; text-decoration: none; } /* ============ FAQ (bloc Details natif) ============ */ .gatinel-faq { padding: 3rem 1.5rem !important; background: rgba(240,241,245,0.3); } @media (min-width:768px){ .gatinel-faq { padding: 7rem 1.5rem !important; } } .gatinel-faq-item { background: var(--wp--preset--color--card); border: 1px solid rgba(227,230,235,0.6); border-radius: 0.75rem; margin: 0 0 0.75rem !important; padding: 0 1.5rem; box-shadow: 0 1px 2px rgba(0,0,0,0.04); } .gatinel-faq-item summary { cursor: pointer; list-style: none; padding: 1.25rem 0; font-weight: 600; color: var(--wp--preset--color--primary); font-size: 0.95rem; display: flex; align-items: center; gap: 0.85rem; } .gatinel-faq-item summary::-webkit-details-marker { display: none; } .gatinel-faq-item summary::before { content: "?"; flex: 0 0 auto; width: 1.65rem; height: 1.65rem; border-radius: 50%; background: rgba(192,152,90,0.12); color: var(--wp--preset--color--gold); font-weight: 700; font-size: 0.85rem; display: inline-flex; align-items: center; justify-content: center; } .gatinel-faq-item summary::after { content: ""; width: 1.05rem; height: 1.05rem; flex-shrink: 0; margin-left: auto; background: var(--wp--preset--color--muted-foreground); -webkit-mask: var(--gchev) center / contain no-repeat; mask: var(--gchev) center / contain no-repeat; --gchev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); transition: transform .2s ease; } .gatinel-faq-item[open] summary::after { transform: rotate(180deg); } .gatinel-faq-item p { padding: 0 0 1.25rem 2.5rem; color: var(--wp--preset--color--muted-foreground); line-height: 1.625; font-size: 0.9375rem; margin: 0 !important; } /* ============ CONTACT ============ */ .gatinel-contact { position: relative; padding: 3rem 1.5rem !important; overflow: hidden; background: linear-gradient(135deg, #ffffff 0%, rgba(192,152,90,0.03) 50%, rgba(192,152,90,0.07) 100%); } @media (min-width:768px){ .gatinel-contact { padding: 7rem 1.5rem !important; } } .gatinel-contact-head { max-width: 48rem; margin-bottom: 3rem !important; } .gatinel-contact-map { border-radius: 1rem; overflow: hidden; border: 1px solid var(--wp--preset--color--border); box-shadow: 0 10px 30px -12px rgba(0,0,0,0.18); min-height: 360px; } .gatinel-contact-map iframe { width: 100%; height: 100%; min-height: 340px; border: 0; display: block; } /* Carte Leaflet (Carto Voyager + épingles dorées) */ .gatinel-map { width: 100%; height: 440px; min-height: 360px; background: #eef0f3; } .gatinel-map.leaflet-container { font-family: var(--wp--preset--font-family--body); } .gatinel-pin svg { width: 30px; height: 42px; filter: drop-shadow(0 3px 4px rgba(3,14,63,0.35)); } .gatinel-map .leaflet-popup-content-wrapper { border-radius: 0.6rem; box-shadow: 0 8px 24px -10px rgba(3,14,63,0.35); } .gatinel-map .leaflet-popup-content { margin: 0.7rem 0.9rem; font-size: 0.85rem; color: var(--wp--preset--color--foreground); line-height: 1.5; } .gatinel-map .leaflet-popup-content strong { color: var(--wp--preset--color--primary); } .gatinel-map .leaflet-bar a { color: var(--wp--preset--color--primary); } .gatinel-map .leaflet-control-attribution { font-size: 0.62rem; } .gatinel-site { padding: 1.5rem; margin-bottom: 1.25rem; background: rgba(255,255,255,0.78); backdrop-filter: blur(4px); } .gatinel-site-name { font-family: var(--wp--preset--font-family--heading) !important; font-size: 1.1rem !important; color: var(--wp--preset--color--primary) !important; margin: 0 !important; } .gatinel-site-addr { color: var(--wp--preset--color--muted-foreground) !important; font-size: 0.9rem !important; margin: 0 !important; } .gatinel-site-links { margin: 0.35rem 0 0 !important; } .gatinel-site-links a { text-decoration: none; color: var(--wp--preset--color--primary); font-weight: 600; font-size: 0.9rem; } .gatinel-site-links a:hover { color: var(--wp--preset--color--gold); } /* ============ FOOTER ============ */ .gatinel-footer { background: var(--wp--preset--color--primary); color: #fff; padding: 4rem 1.5rem 0 !important; } /* ===== Bande newsletter (haut du footer) ===== */ .gatinel-footer-news { gap: 1.5rem 2rem !important; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid rgba(255,255,255,0.12); } .gatinel-footer-news-title { font-family: var(--wp--preset--font-family--heading) !important; font-weight: 500; font-size: 1.4rem !important; color: #fff !important; margin: 0 !important; } .gatinel-footer-news-sub { color: rgba(255,255,255,0.6) !important; font-size: 0.9rem !important; margin: 0 !important; max-width: 30rem; } .gatinel-footer-news .gform_wrapper { margin: 0 !important; min-width: min(420px, 100%); } .gatinel-footer-news .gform_wrapper form { margin: 0 !important; display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center !important; } .gatinel-footer-news .gform_footer br, .gatinel-footer-news .gform_footer p:empty, .gatinel-footer-news .gform-footer br, .gatinel-footer-news .gform-footer p:empty { display: none !important; } .gatinel-footer-news .gform-body, .gatinel-footer-news .gform_body { flex: 1 1 240px; } .gatinel-footer-news .gform_fields { display: block !important; } .gatinel-footer-news .gfield { margin: 0 !important; padding: 0 !important; } .gatinel-footer-news .gfield_label { display: none !important; } .gatinel-footer-news input[type="email"] { width: 100%; border: 1px solid rgba(255,255,255,0.25) !important; background: rgba(255,255,255,0.08) !important; color: #fff !important; border-radius: 999px !important; padding: 0.72rem 1.2rem !important; font-size: 0.9rem; } .gatinel-footer-news input[type="email"]::placeholder { color: rgba(255,255,255,0.55); } .gatinel-footer-news .gform_footer { margin: 0 !important; padding: 0 !important; display: flex; align-items: center; flex: 0 0 auto; } .gatinel-footer-news .gform_button { background: var(--wp--preset--color--gold) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; padding: 0.72rem 1.6rem !important; font-weight: 600 !important; font-size: 0.9rem !important; cursor: pointer; white-space: nowrap; transition: filter .18s ease; } .gatinel-footer-news .gform_button:hover { filter: brightness(0.93); } .gatinel-footer-news .gform_confirmation_message { color: #fff !important; font-size: 0.95rem; } .gatinel-footer-news .gfield_required { color: var(--wp--preset--color--gold); } .gatinel-footer-news .validation_message, .gatinel-footer-news .gform_validation_errors { color: #ffd9d9 !important; font-size: 0.8rem; } @media (max-width:560px){ .gatinel-footer-news .gform_fields { flex-direction: column; } .gatinel-footer-news .gform_footer .gform_button { width: 100%; } } /* ===== Page « Médias TV Presse » : grille de cartes média uniformes ===== */ .gatinel-media-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin: 1.5rem 0 2.5rem; } .gatinel-media-card { background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 0.9rem; padding: 0 0 1.25rem !important; overflow: hidden; box-shadow: 0 6px 24px -16px rgba(3,14,63,0.18); display: flex; flex-direction: column; gap: 0 !important; transition: box-shadow .2s ease, transform .2s ease; } .gatinel-media-card:hover { box-shadow: 0 16px 36px -18px rgba(3,14,63,0.3); transform: translateY(-2px); } .gatinel-media-thumb { margin: 0 0 1rem !important; } .gatinel-media-card .gatinel-media-thumb img { display: block; width: 100%; height: 190px !important; object-fit: cover; border-radius: 0 !important; box-shadow: none !important; border: 0 !important; } .gatinel-media-card > :not(.gatinel-media-thumb) { padding-left: 1.25rem; padding-right: 1.25rem; } .gatinel-media-meta { font-family: var(--wp--preset--font-family--base,'Inter',sans-serif) !important; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem !important; font-weight: 600; color: var(--wp--preset--color--gold) !important; margin: 0 0 0.4rem !important; } .gatinel-media-title { font-family: var(--wp--preset--font-family--heading) !important; font-weight: 500; font-size: 1.15rem !important; margin: 0 0 0.4rem !important; line-height: 1.25; border: 0 !important; padding: 0 1.25rem !important; } .gatinel-media-desc { font-size: 0.9rem !important; line-height: 1.55; color: var(--wp--preset--color--muted-foreground) !important; margin: 0 0 0.7rem !important; } .gatinel-media-link { margin: auto 0 0 !important; } .gatinel-media-link a { color: var(--wp--preset--color--gold) !important; font-weight: 600; font-size: 0.85rem; text-decoration: none; } .gatinel-media-link a:hover { text-decoration: underline; } /* ===== Page Livres : ouvrage en ligne (couverture + texte) ===== */ .gatinel-livre { margin: 0 !important; align-items: center; gap: 2.5rem; } .gatinel-livre + .gatinel-livre { margin-top: 2.75rem !important; padding-top: 2.75rem; border-top: 1px solid var(--wp--preset--color--border,#e7e3da); } .gatinel-livre .gatinel-book-cover { margin: 0 !important; text-align: center; } .gatinel-livre .gatinel-book-cover img { width: auto; max-width: 200px; height: auto; border-radius: 4px; box-shadow: 0 8px 26px rgba(10,22,50,.16); } .gatinel-livre h2 { margin-top: 0 !important; } .gatinel-livre p { margin-bottom: 0.6rem; } .gatinel-book-ref { font-size: 0.82rem !important; color: var(--wp--preset--color--muted-foreground) !important; border-left: 3px solid var(--wp--preset--color--gold); padding-left: 0.85rem; margin: 0.6rem 0 1rem !important; line-height: 1.5; } .gatinel-livre .wp-block-buttons { margin-top: 0.4rem; } @media (max-width: 781px) { .gatinel-livre { gap: 1.25rem; text-align: center; } .gatinel-livre h2 { text-align: center; } } /* ===== Page Contact : nom de lieu (titre de carte) ===== */ .gatinel-loc-name { font-family: var(--wp--preset--font-family--heading) !important; font-weight: 600; font-size: 1.1rem; color: var(--wp--preset--color--primary,#0a1632); display: inline-block; margin-bottom: 0.35rem; line-height: 1.3; } .gatinel-contact-hero .wp-block-columns { align-items: center; gap: 1.5rem; margin: 0; } .gatinel-contact-hero .gatinel-hero-photo { margin: 0 !important; } .gatinel-contact-hero .gatinel-hero-photo img { max-width: 130px; width: 100%; height: auto; border-radius: 10px; display: block; } @media (max-width: 600px) { .gatinel-contact-hero .gatinel-hero-photo img { max-width: 96px; } } /* ===== Rangée de liens secondaire (menu « Menu pied de page ») ===== */ .gatinel-footer-nav { gap: 0.5rem 1.5rem !important; margin: 2.5rem 0 0 !important; padding-top: 1.75rem; border-top: 1px solid rgba(255,255,255,0.12); justify-content: center !important; } .gatinel-footer-nav p { margin: 0 !important; font-size: 0.85rem; } .gatinel-footer-nav a { color: rgba(255,255,255,0.6) !important; font-size: 0.85rem; } .gatinel-footer-nav a:hover { color: #fff !important; } .gatinel-footer p, .gatinel-footer li { color: rgba(255,255,255,0.6); font-size: 0.875rem; line-height: 1.6; } .gatinel-footer a { color: rgba(255,255,255,0.5); text-decoration: none; transition: color .2s ease; } .gatinel-footer a:hover { color: #fff; } .gatinel-footer-name { font-family: var(--wp--preset--font-family--heading) !important; font-size: 1.5rem !important; color: #fff !important; margin: 0 0 0.75rem !important; } .gatinel-footer-brand p { font-weight: 300; color: rgba(255,255,255,0.85); } .gatinel-footer-secteur { color: var(--wp--preset--color--gold) !important; font-style: italic; font-size: 0.78rem !important; } .gatinel-footer-title { font-size: 0.6875rem !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: var(--wp--preset--color--gold) !important; margin: 0 0 1.25rem !important; } .gatinel-footer-site { margin-bottom: 1.1rem !important; } .gatinel-footer-site .n { color: rgba(255,255,255,0.92) !important; font-weight: 500; } .gatinel-footer-links p { margin: 0 !important; } .gatinel-footer-grid { padding-bottom: 3rem; } .gatinel-footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding: 1.5rem 0 !important; } .gatinel-footer-legal p, .gatinel-footer-legal a { font-size: 0.6875rem !important; } .gatinel-footer-legal-links p { margin: 0 !important; } .gatinel-footer-disclaimer { font-size: 0.6875rem !important; color: rgba(255,255,255,0.4) !important; font-style: italic; font-weight: 300; max-width: 48rem; padding-bottom: 1.5rem; } /* Articles (Query Loop) */ .gatinel-card .wp-block-post-title a, .gatinel-card .wp-block-post-title { color: var(--wp--preset--color--primary); text-decoration: none; } .gatinel-card .wp-block-post-title a:hover { color: var(--wp--preset--color--gold); } /* Sidebar — design repris de la maquette Lovable (RubricSidebar.tsx) */ /* Le wrapper de template-part (div.wp-block-template-part) forme un bloc conteneur aussi court que la sidebar, ce qui empêche le sticky. display:contents le retire du flux → la sidebar colle dans la colonne (haute). */ .gatinel-interior-cols .wp-block-template-part { display: contents; } .gatinel-sidebar { position: sticky; top: 6rem; max-height: calc(100vh - 7.5rem); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--wp--preset--color--border) transparent; } .gatinel-sidebar::-webkit-scrollbar { width: 6px; } .gatinel-sidebar::-webkit-scrollbar-thumb { background: var(--wp--preset--color--border); border-radius: 3px; } .gatinel-sidebar::-webkit-scrollbar-thumb:hover { background: var(--wp--preset--color--muted-foreground); } /* Titre de rubrique (eyebrow doré, uppercase) */ .gatinel-sidebar .gatinel-sidebar-rubrique { font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; margin: 0 0 0.75rem; } .gatinel-sidebar .gatinel-sidebar-rubrique a { color: inherit; text-decoration: none; } /* Arborescence : liste verticale serrée, sans séparateurs */ .gatinel-sidebar-tree ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.125rem; } .gatinel-sidebar-tree li { display: flex; flex-direction: column; } .gatinel-sidebar-tree a { display: block; padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.25; font-weight: 500; color: var(--wp--preset--color--foreground); text-decoration: none; border-radius: 0.25rem; transition: color .15s, background-color .15s; } .gatinel-sidebar-tree a:hover { color: var(--wp--preset--color--gold); background: var(--wp--preset--color--background); } .gatinel-sidebar-tree a[aria-current="page"] { color: var(--wp--preset--color--gold); font-weight: 600; background: rgba(192,152,90,0.06); } /* Parent dépliable : lien (flex:1) + chevron à droite */ .gatinel-sidebar-tree details > summary { list-style: none; cursor: pointer; display: flex; align-items: center; } .gatinel-sidebar-tree details > summary::-webkit-details-marker { display: none; } .gatinel-sidebar-tree details > summary > a { flex: 1; } /* Chevron › qui pivote vers le bas à l'ouverture */ .gatinel-sidebar-toggle { flex: 0 0 auto; width: 0.85rem; height: 0.85rem; display: inline-flex; align-items: center; justify-content: center; } .gatinel-sidebar-toggle::before { content: ""; width: 0.34rem; height: 0.34rem; border-top: 1.5px solid var(--wp--preset--color--muted-foreground); border-right: 1.5px solid var(--wp--preset--color--muted-foreground); transform: rotate(45deg); transition: transform .15s; } .gatinel-sidebar-tree details[open] > summary .gatinel-sidebar-toggle::before { transform: rotate(135deg); } /* Sous-niveaux : retrait + filet vertical */ .gatinel-sidebar-tree details > ul { margin: 0.125rem 0 0.125rem 0.25rem; padding-left: 0.5rem; border-left: 1px solid var(--wp--preset--color--border); } .gatinel-sidebar .gatinel-sidebar-hint { font-size: 0.85rem; color: var(--wp--preset--color--muted-foreground); margin: 0; } /* Toggle mobile « Dans cette rubrique » — masqué en desktop (sidebar toujours dépliée) */ .gatinel-sidebar-mtoggle { display: none; } @media (max-width:781px){ .gatinel-sidebar { position: static; margin-bottom: 2rem; max-height: none; overflow: visible; } /* En mobile, la sidebar (dernière colonne) passe AU-DESSUS du contenu */ .gatinel-interior-cols > .wp-block-column:last-child { order: -1; } .gatinel-sidebar-mtoggle { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font-weight: 600; font-size: 0.9rem; color: var(--wp--preset--color--primary); } .gatinel-sidebar-mtoggle::-webkit-details-marker { display: none; } .gatinel-sidebar-wrap[open] > .gatinel-sidebar-rubrique { margin-top: 0.85rem; } /* chevron du toggle : pointe en bas (fermé), en haut (ouvert) */ .gatinel-sidebar-mtoggle .gatinel-sidebar-toggle::before { transform: rotate(135deg); } .gatinel-sidebar-wrap[open] > .gatinel-sidebar-mtoggle .gatinel-sidebar-toggle::before { transform: rotate(-45deg); } } /* ============ VISUELS DANS LE CONTENU (images + vidéos + lightbox) ============ */ /* Habillage des images de contenu */ .wp-block-post-content img, .entry-content img { border-radius: 0.75rem; height: auto; } .wp-block-post-content figure, .entry-content figure { margin: 2rem 0; text-align: center; } .wp-block-post-content figure img, .entry-content figure img { border: 1px solid var(--wp--preset--color--border); box-shadow: 0 10px 30px -14px rgba(3,14,63,0.25); } .wp-block-post-content figcaption, .entry-content figcaption { margin-top: 0.65rem; color: var(--wp--preset--color--muted-foreground); font-size: 0.875rem; font-style: italic; text-align: center; } .gatinel-zoomable { cursor: zoom-in; transition: filter .2s ease, transform .2s ease; } .gatinel-zoomable:hover { filter: brightness(0.96); } /* Vidéos : conteneur 16:9 responsive +