/**
 * Generix — Author Page styles
 * --------------------------------------------------------------
 * Matches the markup in author.php exactly. Save this file as
 * wp-content/themes/generix/inc/author/author.css — author.php
 * already enqueues it conditionally on is_author() from that exact
 * path, so no extra setup is needed.
 *
 * Uses the theme's existing convention: html{font-size:1px} so
 * every "rem" unit below is really a pixel value (1rem = 1px).
 * If --dark-navy / --primary-orange / etc. are already declared in
 * style.css, delete the :root block — don't declare them twice.
 * --------------------------------------------------------------
 */

:root{
	--dark-navy:#002334;
	--light-navy:#00394F;
	--primary-orange:#F28A48;
	--white:#FFFFFF;
	--light-grey:#EDF1F2;
	--grey:#D3DDE0;
	--text:#002334;
	--text-muted:#56737F;
	--text-soft:#2E4E5B;
}

/* ============================================================
   1. HERO
   ============================================================ */
.AUTHOR{padding:40rem 0 0;}
.AUTHOR .author-head{display:flex;gap:48rem;align-items:flex-start;}
.AUTHOR .author-photo{flex:0 0 240rem;}
.AUTHOR .author-photo img{
	width:240rem;height:240rem;border-radius:200rem;object-fit:cover;
	border:4rem solid var(--white);box-shadow:0 12rem 40rem rgba(0,35,52,.14);
}
.AUTHOR .author-identity{flex:1;min-width:0;}
.AUTHOR .author-role{
	font-size:18rem;font-weight:600;color:var(--primary-orange);margin:16rem 0 20rem;
}
.AUTHOR .author-role .org{color:var(--dark-navy);}
.AUTHOR .author-lead{font-size:19rem;line-height:1.6;margin:0 0 24rem;max-width:760rem;}
.AUTHOR .author-lead p{margin:0 0 12rem;}
.AUTHOR .author-lead p:last-child{margin-bottom:0;}
.AUTHOR .author-lead strong{font-weight:600;}
.AUTHOR .author-lead a{color:var(--dark-navy);text-decoration:underline;text-underline-offset:2rem;}
.AUTHOR .author-lead a:hover{color:var(--primary-orange);}

/* ---------- Social icons row (from WP profile / Yoast) ---------- */
.AUTHOR .author-socials{display:flex;flex-wrap:wrap;gap:12rem;margin-bottom:32rem;}
.AUTHOR .author-socials .social-icon{
	display:inline-flex;align-items:center;gap:9rem;padding:10rem 18rem;
	border-radius:100rem;
	border:1rem solid var(--grey);background:var(--white);color:var(--dark-navy);
	font-size:14rem;font-weight:500;text-decoration:none;transition:.2s;
}
.AUTHOR .author-socials .social-icon svg{width:16rem;height:16rem;flex:0 0 16rem;}
.AUTHOR .author-socials .social-icon:hover{
	background:var(--dark-navy);border-color:var(--dark-navy);color:var(--white);
}

/* ---------- Compteurs / preuves ---------- */
.AUTHOR .author-stats{
	display:flex;flex-wrap:wrap;gap:0;border-top:1rem solid var(--grey);
	border-bottom:1rem solid var(--grey);margin:0;padding:0;list-style:none;
	align-items:center;
}
.AUTHOR .author-stats li{
	flex:1 1 140rem;padding:22rem 24rem 22rem 0;margin:0 24rem 0 0;
	border-right:1rem solid var(--grey);
}
.AUTHOR .author-stats li:last-child{border-right:0;margin-right:0;}
.AUTHOR .author-stats .value{
	display:block;font-size:34rem;font-weight:600;line-height:1;color:var(--primary-orange);
}
.AUTHOR .author-stats .label{display:block;font-size:14rem;color:var(--text-muted);margin-top:8rem;}

/* ============================================================
   2. BIO / E-E-A-T (single column — no sidebar)
   ============================================================ */
.AUTHOR-BIO .bio-main{width:100%;}
.AUTHOR-BIO h2{font-size:32rem;font-weight:600;margin:0 0 24rem;}
.AUTHOR-BIO p{margin:0 0 18rem;}
.AUTHOR-BIO ul{margin:0 0 18rem;padding:0;list-style:none;}
.AUTHOR-BIO ul li{position:relative;padding-left:24rem;margin-bottom:10rem;}
.AUTHOR-BIO ul li::before{
	content:"";position:absolute;left:0;top:11rem;width:8rem;height:8rem;
	border-radius:50%;background:var(--primary-orange);
}
.AUTHOR-BIO ol{margin:0 0 18rem;padding-left:22rem;}
.AUTHOR-BIO ol li{margin-bottom:10rem;}

/* ============================================================
   3. ARTICLES + FILTRES
   ============================================================ */
.POSTS .post{height:100%;display:flex;flex-direction:column;}
.POSTS .post .image{border-radius:16rem;overflow:hidden;margin-bottom:16rem;background:var(--light-grey);}
.POSTS .post .image .ratio{aspect-ratio:16/9;width:100%;}
.POSTS .post .image img{width:100%;height:100%;object-fit:cover;}
.POSTS .post .date,
.POSTS .post .categories{
	display:inline-block;font-size:13rem;color:var(--text-muted);margin-right:12rem;
}
.POSTS .post .categories{color:var(--primary-orange);font-weight:600;}
.POSTS .post h3{font-size:20rem;line-height:1.3;font-weight:600;margin:8rem 0 10rem;}
.POSTS .post h3 a{text-decoration:none;color:inherit;}
.POSTS .post h3 a:hover{color:var(--primary-orange);}
.POSTS .post p{font-size:15rem;color:var(--text-soft);margin:0;}
.POSTS .b-column{margin-bottom:48rem;}

.AUTHOR-LIST .b-h2{margin-bottom:28rem;}
.AUTHOR-LIST .filters{display:flex;flex-wrap:wrap;gap:10rem;margin-bottom:40rem;}
.AUTHOR-LIST .filters .gnx-filter-btn{
	display:inline-block;padding:9rem 18rem;border-radius:100rem;border:1rem solid var(--grey);
	background:var(--white);font-size:14rem;cursor:pointer;transition:.2s;
	color:var(--dark-navy);text-decoration:none;line-height:1.4;
}
.AUTHOR-LIST .filters .gnx-filter-btn:hover{border-color:var(--dark-navy);}
.AUTHOR-LIST .filters .gnx-filter-btn[aria-pressed="true"]{
	background:var(--dark-navy);border-color:var(--dark-navy);color:var(--white);
}
.AUTHOR-LIST .pagination{display:flex;justify-content:center;margin-top:32rem;}
.AUTHOR-LIST #gnx-posts-grid[aria-busy="true"]{opacity:.5;pointer-events:none;transition:opacity .15s;}
.AUTHOR-LIST #gnx-posts-grid .date {
	text-transform: capitalize;
}
#gnx-load-more[aria-disabled="true"]{opacity:.6;pointer-events:none;}

/* ============================================================
   4. AUTRES AUTEURS
   ============================================================ */
.AUTHORS-CROSS .b-h2{margin-bottom:28rem;}
.AUTHORS-CROSS .author-card{
	display:flex;gap:18rem;align-items:flex-start;padding:20rem;border-radius:16rem;
	background:var(--white);border:1rem solid var(--grey);text-decoration:none;
	transition:.2s;
}
.AUTHORS-CROSS .author-card:hover{border-color:var(--primary-orange);box-shadow:0 12rem 32rem rgba(0,35,52,.08);}
.AUTHORS-CROSS .author-card .avatar{
	flex:0 0 64rem;width:64rem;height:64rem;border-radius:50%;overflow:hidden;background:var(--light-grey);
}
.AUTHORS-CROSS .author-card .avatar img{width:100%;height:100%;object-fit:cover;}
.AUTHORS-CROSS .author-card > span:last-child{display:block;min-width:0;}
.AUTHORS-CROSS .author-card .name{
	display:block;font-size:17rem;font-weight:600;margin:0 0 2rem;color:var(--dark-navy);
}
.AUTHORS-CROSS .author-card .role{display:block;font-size:14rem;color:var(--text-muted);margin:0;line-height:1.35;}
.AUTHORS-CROSS .authors-grid {
	margin-bottom:0;
	margin-top:0;
}
.AUTHORS-CROSS [id="gnx-authors-grid-more"]{margin-top:0;}
#gnx-show-all-authors{cursor:pointer;}

/* ============================================================
   5. CTA BAS DE PAGE
   ============================================================ */
.CTA-BOTTOM{background:var(--dark-navy);color:var(--white);border-radius:24rem;padding:56rem;}
.CTA-BOTTOM h2{color:var(--white);}
.CTA-BOTTOM p{color:rgba(255,255,255,.82);font-size:17rem;}

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

/* ---- Tablet: 3-column post grid becomes 2-column ---- */
@media (max-width:1024px){
	.POSTS .b-column[data-width="4"]{width:50%;}
}

/* ---- Small tablet / large phone ---- */
@media (max-width:960px){
	.b-column[data-width="3"],
	.b-column[data-width="4"],
	.b-column[data-width="6"],
	.b-column[data-width="8"],
	.b-column[data-width="9"]{width:100%;}

	.AUTHOR .author-head{flex-direction:column;gap:28rem;}
	.AUTHOR .author-photo{flex:0 0 auto;}
	.AUTHOR .author-photo img{width:160rem;height:160rem;}
	.AUTHOR .author-lead{max-width:none;}

	.AUTHOR-BIO .bio-main{max-width:none;}

	.b-h1{font-size:34rem;}
	.b-h2{font-size:28rem;}

	.AUTHOR .author-stats li{flex:1 1 45%;border-right:0;padding-right:0;margin-right:0;}

	.CTA-BOTTOM{padding:32rem;}
	.b-section{padding:44rem 0;}
}

/* ---- Phone ---- */
@media (max-width:640px){
	.AUTHOR .author-photo img{width:120rem;height:120rem;}

	.AUTHOR .author-stats{flex-direction:column;border-top:0;border-bottom:0;}
	.AUTHOR .author-stats li{
		flex:1 1 auto;width:100%;border-right:0;border-bottom:1rem solid var(--grey);
		padding:16rem 0;margin-right:0;
	}
	.AUTHOR .author-stats li:last-child{border-bottom:0;}

	.AUTHOR-LIST .filters{gap:8rem;}
	.AUTHOR-LIST .filters .gnx-filter-btn{padding:8rem 14rem;font-size:13rem;}

	.CTA-BOTTOM .b-columns.alt-middle{flex-direction:column;align-items:flex-start;gap:20rem;}
	.CTA-BOTTOM .b-column[data-width="4"]{text-align:left!important;}
	.CTA-BOTTOM .b-button{width:100%;text-align:center;}

	.AUTHORS-CROSS .author-card{flex-direction:column;text-align:center;}
}