#test-rg-page.test-rg-tg-page { --cg-accent: #165F70; background:#fff; color:#1a1a1a; font-family:'Raleway',sans-serif; }
#test-rg-page.test-rg-tg-page * { box-sizing:border-box; }
.test-rg-tg-page a { color:var(--cg-accent); text-decoration:none; }

/* HEADER (repris de la home / congrès / ressources) */
#test-rg-page .test-rg-header { display:flex; align-items:center; justify-content:space-between; padding:24px 40px; background:#fff; border-bottom:1px solid #e5e5e5; max-width:1440px; margin:0 auto; }
#test-rg-page .test-rg-header__logo { position:relative; display:inline-block; line-height:0; }
#test-rg-page .test-rg-header__logo img { height:70px; display:block; visibility:hidden; }
#test-rg-page .test-rg-header__logo::after { content:''; position:absolute; inset:0; background-color:var(--cg-accent); -webkit-mask:url('/wp-content/themes/pluriel/img/logo-pluriel-bleu-vert.png') center/contain no-repeat; mask:url('/wp-content/themes/pluriel/img/logo-pluriel-bleu-vert.png') center/contain no-repeat; }
#test-rg-page .test-rg-header__nav { display:flex; align-items:center; gap:24px; flex:1 1 0%; justify-content:flex-end; }
#test-rg-page .test-rg-header__menu ul { display:flex; gap:28px; list-style:none; margin:0; padding:0; flex-wrap:wrap; }
#test-rg-page .test-rg-header__menu a { font-family:'Raleway',sans-serif; font-size:13px; color:#333; text-transform:uppercase; letter-spacing:.5px; transition:color .2s; }
#test-rg-page .test-rg-header__menu a:hover, #test-rg-page .test-rg-header__menu li.current-menu-item a { color:var(--cg-accent); }
#test-rg-page .test-rg-header__lang ul { display:flex; list-style:none; margin:0 0 0 24px; padding:0; gap:4px; align-items:center; }
#test-rg-page .test-rg-header__lang li + li::before { content:'·'; color:#ccc; margin-right:4px; }
#test-rg-page .test-rg-header__lang a { font-size:12px; font-weight:600; color:#666; text-transform:uppercase; letter-spacing:1px; padding:4px 6px; }
#test-rg-page .test-rg-header__lang li.is-active a { color:var(--cg-accent); }
#test-rg-page .test-rg-header__burger { display:none; background:transparent; border:0; width:36px; height:36px; padding:6px; cursor:pointer; flex-direction:column; justify-content:space-between; }
#test-rg-page .test-rg-header__burger span { display:block; width:100%; height:2px; background:#222; border-radius:1px; transition:transform .25s, opacity .2s; }
#test-rg-page .test-rg-header__burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(11px) rotate(45deg); }
#test-rg-page .test-rg-header__burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
#test-rg-page .test-rg-header__burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-11px) rotate(-45deg); }

/* TITRE */
.test-rg-tg-hero { max-width:1440px; margin:0 auto; padding:44px 40px 8px; }
.test-rg-tg-hero__eyebrow { font-size:13px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; color:var(--cg-accent); margin:0 0 8px; }
.test-rg-tg-hero h1 { font-family:'EB Garamond',serif; font-size:40px; font-weight:500; margin:0 0 6px; color:#1a1a1a; }
.test-rg-tg-hero p { font-size:15px; color:#666; margin:0; max-width:760px; }

/* LAYOUT 2 colonnes */
.test-rg-tg-layout { max-width:1440px; margin:0 auto; padding:28px 40px 70px; display:grid; grid-template-columns:280px 1fr; gap:44px; align-items:start; }
.test-rg-tg-sidebar { position:static; }
.test-rg-tg-fgroup { margin-bottom:26px; }
.test-rg-tg-fgroup h3 { font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#8a969a; margin:0 0 12px; }
.test-rg-tg-search { position:relative; margin-bottom:26px; }
.test-rg-tg-search input { width:100%; padding:12px 14px 12px 42px; border:1.5px solid #dde4e6; border-radius:8px; font-family:'Raleway',sans-serif; font-size:14px; background:#fff; }
.test-rg-tg-search input:focus { outline:none; border-color:var(--cg-accent); }
.test-rg-tg-search::before { content:""; position:absolute; left:15px; top:50%; width:16px; height:16px; margin-top:-8px; pointer-events:none; opacity:.55; background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a969a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.5' y2='16.5'/%3E%3C/svg%3E"); }
.test-rg-tg-checks label { display:flex; align-items:center; gap:9px; padding:6px 0; font-size:14px; color:#333; cursor:pointer; }
.test-rg-tg-checks input { accent-color:var(--cg-accent); width:16px; height:16px; margin:0; flex:0 0 auto; }
.test-rg-tg-checks .tag-count { margin-left:auto; color:#9aa8ad; font-size:12px; font-variant-numeric:tabular-nums; }
.test-rg-tg-scroll { max-height:260px; overflow-y:auto; padding-right:6px; }
.test-rg-tg-scroll::-webkit-scrollbar { width:7px; } .test-rg-tg-scroll::-webkit-scrollbar-thumb { background:#d7e0e3; border-radius:6px; }
.test-rg-tg-select { width:100%; padding:10px 12px; border:1.5px solid #dde4e6; border-radius:8px; font-family:'Raleway',sans-serif; font-size:14px; color:#333; background:#fff; }
.test-rg-tg-reset { margin-top:2px; background:none; border:0; color:var(--cg-accent); font-family:'Raleway',sans-serif; font-size:13px; font-weight:600; cursor:pointer; padding:0; }

.test-rg-tg-count { font-size:13px; color:#8a969a; margin:0 0 18px; }
.test-rg-tg-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:26px; transition:opacity .26s ease, transform .26s ease; }
.test-rg-tg-grid.is-filtering { opacity:0; transform:translateY(8px); }
.tg-card { display:flex; flex-direction:column; background:#fff; border:1px solid #eef1f2; border-radius:14px; overflow:hidden; transition:box-shadow .25s, transform .25s; }
.tg-card:hover { box-shadow:0 14px 34px -16px rgba(16,58,70,.34); transform:translateY(-2px); }
.tg-card a { display:flex; flex-direction:column; height:100%; color:inherit; }
.tg-card__media { height:120px; background:#f4f7f8; display:flex; align-items:center; justify-content:center; padding:18px 22px; border-bottom:1px solid #eef1f2; position:relative; overflow:hidden; }
.tg-card__media img { max-width:100%; max-height:100%; object-fit:contain; display:block; }
/* Visuel « photo » (opaque, format compatible) : remplit la carte en cover ; logos & formats
   inadaptés restent en contain (défini en JS selon transparence + ratio de l'image). */
.tg-card__media--cover { padding:0; }
.tg-card__media--cover img { width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; }
.tg-card__media--empty { background:linear-gradient(135deg,#e8eef0,#f4f7f8); }
.tg-badge { position:absolute; top:12px; right:12px; font-size:10.5px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#fff; border-radius:20px; padding:3px 11px; }
.tg-badge--actif { background:#2f8f6b; } .tg-badge--cloture { background:#98a2a6; }
.tg-card__body { padding:16px 20px 18px; display:flex; flex-direction:column; flex:1; }
.tg-card__title { font-family:'EB Garamond',serif; font-size:19px; font-weight:600; line-height:1.26; margin:0 0 8px; color:#1a1a1a; }
.tg-card:hover .tg-card__title { color:var(--cg-accent); }
.tg-card__ref { font-size:12.5px; color:#5c6b70; margin:0 0 12px; }
.tg-card__ref b { color:#26404a; font-weight:600; }
.tg-card__tags { margin-top:auto; display:flex; flex-wrap:wrap; gap:6px; }
.tg-chip { font-size:11px; color:#3d5860; background:#eef5f6; border-radius:6px; padding:3px 9px; }
.test-rg-tg-empty { color:#8a969a; font-size:15px; padding:30px 0; }

/* FOOTER (repris de la home) */
.test-rg-footer { background:#222; color:#ccc; padding:64px 40px 0; font-family:'Raleway',sans-serif; margin-top:44px; }
.test-rg-footer__inner { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:48px; }
.test-rg-footer__col h4 { font-family:'EB Garamond',serif; font-size:17px; color:#fff; margin:0 0 16px; }
.test-rg-footer__col p { font-size:13px; line-height:1.7; color:#aaa; margin:0 0 12px; }
.test-rg-footer__col a { color:#fff; text-decoration:none; } .test-rg-footer__col a:hover { color:#7fc1d2; }
.test-rg-footer__col ul { list-style:none; padding:0; margin:0; } .test-rg-footer__col li { padding:4px 0; }
.test-rg-footer__col li a { font-size:13px; color:#ccc; }
.test-rg-footer .test-rg-cta { display:inline-block; margin-top:6px; border:1px solid #fff; border-radius:5px; padding:9px 18px; color:#fff; font-weight:600; font-size:13px; }
.test-rg-footer__sub { max-width:1280px; margin:48px auto 0; padding:24px 0 32px; border-top:1px solid #444; text-align:center; }
.test-rg-footer__sub p { font-size:12px; color:#888; margin:0; }

@media (max-width:1000px){ .test-rg-tg-layout{ grid-template-columns:1fr; gap:26px; } .test-rg-footer__inner{ grid-template-columns:repeat(2,1fr); gap:32px; } }
@media (max-width:900px){
    #test-rg-page .test-rg-header{ flex-wrap:wrap; padding:16px 20px; }
    #test-rg-page .test-rg-header__burger{ display:flex; }
    #test-rg-page .test-rg-header__nav{ position:fixed; top:0; right:0; height:100vh; width:min(85vw,360px); background:#fff; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; padding:80px 28px 32px; transform:translateX(100%); transition:transform .3s cubic-bezier(.4,0,.2,1); z-index:9000; box-shadow:-8px 0 24px rgba(0,0,0,.12); overflow-y:auto; }
    #test-rg-page .test-rg-header__nav.is-open{ transform:translateX(0); }
    #test-rg-page .test-rg-header__menu ul{ flex-direction:column; gap:0; } #test-rg-page .test-rg-header__menu li{ border-bottom:1px solid #eee; } #test-rg-page .test-rg-header__menu a{ display:block; padding:14px 0; font-size:15px; }
    .test-rg-tg-hero{ padding:28px 20px 4px; } .test-rg-tg-hero h1{ font-size:30px; }
    .test-rg-tg-layout{ padding:22px 20px 60px; }
}
@media (max-width:560px){ .test-rg-footer__inner{ grid-template-columns:1fr; } }
