/**
 * Page d'accueil — Le Périscope
 * À enregistrer via functions.php : wp_enqueue_style( 'home-periscope', ... );
 */

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

 :root {
	 --color-jaune: #FCE536;
	 --color-noir: #1D1D1B;
	 --color-light-jaune: #FAF6D3;
	 --color-bleu: #33426A;
	 --color-blanc: #ffffff;
	 --color-gris-texte: #555555;
	 --color-gris-meta: #888888;
 
	 --font-family: 'Poppins', sans-serif;
 
	 --container-max: 1400px;
	 --container-padding: 60px;
 
	 --radius-block: 24px;
	 --radius-tag: 20px;
	 --radius-btn: 8px;
 
	 --section-gap: 80px;
	 --title-xl: 48px;
	 --title-lg: 36px;
	 --title-md: 28px;
	 --title-sm: 22px;
	 --text-base: 16px;
	 --text-sm: 14px;
	 --text-xs: 12px;
 }
 
 /* ——— Reset / base page ——— */
 .page-home-periscope {
	 font-family: var(--font-family);
	 color: var(--color-noir);
	 background: var(--color-blanc);
	 line-height: normal;
 }
.page-home-periscope img{
	width:100%;
}
 .page-home-periscope a {
	 text-decoration: none;
 }
 
 /* ——— Conteneur global ——— */
 .ph-container {
	 max-width: var(--container-max);
	 margin-left: auto;
	 margin-right: auto;
	 padding-left: var(--container-padding);
	 padding-right: var(--container-padding);
 }
 
 /* ——— Sections communes ——— */
 .ph-section {
	 padding-top: var(--section-gap);
 }
 
 .ph-section__title {
	 font-size: var(--title-xl);
	 font-weight: 800;
	 line-height: 1.1;
	 margin: 0 0 40px;
	 color: var(--color-noir);
 }
 
 .ph-section__title--center {
	 text-align: center;
 }
 

 
 /* ——— Boutons ——— */
 .ph-btn {
	 display: inline-flex;
	 align-items: center;
	 text-align: center;
	 gap: 10px;
	 font-family: var(--font-family);
	 font-size: var(--text-base);
	 font-weight: 600;
	 padding: 8px 24px;
	 border-radius: 30px;
	 border: 2px solid transparent;
	 cursor: pointer;
	 transition: opacity 0.2s;
	 line-height: normal;
	 box-shadow: -10px 49px 14px 0 rgba(0, 0, 0, 0.00), -7px 32px 13px 0 rgba(0, 0, 0, 0.01), -4px 18px 11px 0 rgba(0, 0, 0, 0.05), -2px 8px 8px 0 rgba(0, 0, 0, 0.09), 0 2px 4px 0 rgba(0, 0, 0, 0.10);
 }
 
 .ph-btn:hover {
	 opacity: 0.85;
 }
 
 .ph-btn--noir {
	 background: var(--color-noir);
	 color: var(--color-blanc);
	 border-color: var(--color-noir);
 }
 
 .ph-btn--blanc {
	 background: var(--color-blanc);
	 color: var(--color-noir);
	 border-color: var(--color-blanc);
 }
 
 .ph-btn--outline-blanc {
	 background: transparent;
	 color: var(--color-blanc);
	 border-color: var(--color-blanc);
 }
 
 .ph-btn--outline-noir {
	 background: transparent;
	 color: var(--color-noir);
	 border-color: var(--color-noir);
 }
 
 /* ——— Meta article ——— */
 .ph-meta {
	 font-size: var(--text-xs);
	 color: var(--color-gris-meta);
	 margin-bottom: 12px;
 }
 
 .ph-meta span + span::before {
	 content: ' · ';
 }
 
 /* ——— Titre article ——— */
 .ph-article-title {
	 font-size: var(--title-md);
	 font-weight: 700;
	 line-height: 1.2;
	 margin: 0 0 16px;
 }
 
 .ph-article-title--lg {
	 font-size: var(--title-lg);
 }
 
 .ph-article-excerpt {
	 font-size: var(--text-base);
	 color: var(--color-gris-texte);
	 margin: 0 0 24px;
	 line-height: 1.6;
 }
 
 .ph-link-more {
	 font-size: var(--text-sm);
	 font-weight: 600;
	 text-decoration: underline;
 }
 

 

 
/* Modificateurs aspect-ratio / taille */

 .ph-media--nouveaute {
	 aspect-ratio: 16 / 10;
 }
 
 .ph-media--featured {
	 aspect-ratio: 4 / 3;
 }
 
 .ph-media--card-sm {
	 aspect-ratio: 16 / 10;
	 margin-bottom: 16px;
 }
.ph-media--card-sm img{
	width:100%;
}
 .ph-media--papier {
	 aspect-ratio: 16 / 10;
 }
 
 .ph-media--dossier {
	 aspect-ratio: 1 / 1;
	 max-width: 520px;
 }
 
 .ph-media--communication {
	 aspect-ratio: 4 / 3;
 }
 
 .ph-media--newsletter {
	 aspect-ratio: 4 / 5;
	 max-height: 480px;
 }
 
 /* ——— Grille 2 colonnes ——— */
 .ph-grid-2 {
	 position:relative;
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 48px;
	 align-items: center;
 }
 
 .ph-grid-2--reverse .ph-grid-2__media {
	 order: 2;
 }
 
 /* ——— Grille articles (3 ou 4 cols) ——— */
 .ph-grid-articles {
	 display: grid;
	 gap: 32px;
 }
 
 .ph-grid-articles--3 {
	 grid-template-columns: repeat(3, 1fr);
 }
 
 .ph-grid-articles--4 {
	 grid-template-columns: repeat(4, 1fr);
 }
 
 .ph-card-article {
	 display: flex;
	 flex-direction: column;
 }
 
 .ph-card-article .ph-article-title {
	 font-size: var(--title-sm);
	 margin-bottom: 8px;
 }
 
 /* ——— Bloc coloré arrondi ——— */
 .ph-block {
	 padding: 48px;
 }
 .ph-block--jaune {
	 background: var(--color-jaune);
 } 
 .ph-block--noir {
	 background: var(--color-noir);
	 color: var(--color-blanc);
 }
 .ph-block--bleu {
	 background: var(--color-bleu);
	 color: var(--color-blanc);
 }
 .ph-block--light-jaune {
	 background: var(--color-light-jaune);
 }
 
 /* ═══════════════════════════════════════
	Apériscope (header)
	═══════════════════════════════════════ */
 .ph-section--aperiscope {
	 padding-top: 0;
	 padding-bottom: 40px;
 }
 
 .ph-aperiscope-header {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 50px;
	 padding-top: 24px;
	 padding-bottom: 24px;
	 border-radius: 0 0 72px 72px;
	 background: var(--Blanc, #FAFAFA);
	 box-shadow: 0 82px 23px 0 rgba(0, 0, 0, 0.00), 0 53px 21px 0 rgba(0, 0, 0, 0.01), 0 30px 18px 0 rgba(0, 0, 0, 0.05), 0 13px 13px 0 rgba(0, 0, 0, 0.09), 0 3px 7px 0 rgba(0, 0, 0, 0.10);
 }
 
 .ph-aperiscope-header__logo-img {
	 width: 380px!important;
	 height:auto;
	 display: flex;
 }
 
 /* ═══════════════════════════════════════
	à la une
	═══════════════════════════════════════ */
.a-la-une_tag {
	 position: absolute;
	 top: -40px;
	 left: 0;
	 z-index: 2;
	 display: inline-block;
	 background: var(--color-jaune);
	 color: var(--color-noir);
	 font-size: var(--title-xl);
	 font-weight: 700;
	 padding: 12px 30px;
	 border-radius: 50px;
}
.a-la-une_img {
	 aspect-ratio: 4 / 3;
	object-fit: cover;
	display: flex;
	width: 100%;
	filter: brightness(0.9);
 }
.a-la-une_txt {
    padding-bottom: 70px;
}

 /* ═══════════════════════════════════════
	Édito
	═══════════════════════════════════════ */
 .ph-section--edito {
	 padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -145px;
    margin-top: -70px;
    z-index: 2;
    position: relative;
 }
 
 .ph-edito__block {
	 display: grid;
	 grid-template-columns: 1.2fr 0.8fr;
	 gap: 32px;
	 overflow: hidden;
	 border-radius:70px;
	 box-shadow: 0 82px 23px 0 rgba(0, 0, 0, 0.00), 0 53px 21px 0 rgba(0, 0, 0, 0.01), 0 30px 18px 0 rgba(0, 0, 0, 0.05), 0 13px 13px 0 rgba(0, 0, 0, 0.09), 0 3px 7px 0 rgba(0, 0, 0, 0.10); Modes
 }
 
 .ph-edito__block .ph-block__title {
	 font-size: var(--title-lg);
	 font-weight: 700;
	 margin: 0 0 24px;
 }
 
 .ph-edito__block .ph-block__text {
	 font-size: var(--text-base);
	 margin-bottom: 32px;
	 line-height: 1.7;
 }
 
 .ph-edito__actions {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 16px;
 }
 
 .ph-edito__portrait {
	 align-self: end;
	 justify-self: end;
 }
.ph-media--edito-portrait img{
	width: 100%;
    display: flex;
}
 
 /* ═══════════════════════════════════════
	Nouveauté
	═══════════════════════════════════════ */
 .ph-nouveaute__block {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 48px;
	 align-items: center;
	 border-radius: 0 0 70px 70px;
 }
 
 .ph-nouveaute__block .ph-block__title {
	 font-size: var(--title-lg);
	 font-weight: 800;
	 margin: 16px 0;
 }
 
 .ph-nouveaute__block .ph-block__text {
	 font-size: var(--text-base);
	 opacity: 0.9;
	 margin-bottom: 32px;
	 line-height: 1.6;
 }
.ph-nouveaute__block .ph-block__content{
	padding-top:70px;
}
 
 /* ═══════════════════════════════════════
	Dernier numéro
	═══════════════════════════════════════ */
 .ph-dernier-numero-last{
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 48px;
	 align-items: start;
	 margin-bottom: 48px;
 }

.ph-dernier-numero_media img{
	display;flex;
	width:100%;
}
.dernier-numero_article-item{
	
}
 
 /* ═══════════════════════════════════════
	Périscope papier
	═══════════════════════════════════════ */
 .ph-papier__block {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 48px;
	 align-items: center;
 }
 
 .ph-papier__block .ph-block__title {
	 font-size: var(--title-lg);
	 font-weight: 800;
	 margin: 0 0 24px;
 }
 
 .ph-papier__block .ph-block__text {
	 font-size: var(--text-base);
	 margin-bottom: 32px;
	 opacity: 0.95;
	 line-height: 1.6;
 }
 
 /* ═══════════════════════════════════════
	En profondeur (dossier)
	═══════════════════════════════════════ */
 .ph-section--en-details {
	 background: var(--color-light-jaune);
 }
 
 /* ═══════════════════════════════════════
	#actualites (radars)
	═══════════════════════════════════════ */
 .ph-radars-block {
	 margin-bottom: 64px;
 }
 
 .ph-radars-block:last-child {
	 margin-bottom: 0;
 }
 
 .ph-radars-block__head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 flex-wrap: wrap;
	 gap: 16px;
	 margin-bottom: 32px;
 }
 
 /* ═══════════════════════════════════════
	Communication
	═══════════════════════════════════════ */
 .ph-communication__block {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 48px;
	 align-items: center;
 }
 
 .ph-communication__block .ph-block__title {
	 font-size: var(--title-lg);
	 font-weight: 800;
	 margin: 0 0 24px;
 }
 
 .ph-communication__block .ph-block__text {
	 font-size: var(--text-base);
	 margin-bottom: 32px;
	 line-height: 1.6;
 }
 
 /* ═══════════════════════════════════════
	Newsletter
	═══════════════════════════════════════ */
 .ph-section--newsletter {
	 background: #f5f5f5;
 }
 
 .ph-newsletter__grid {
	 align-items: stretch;
 }
 
 .ph-newsletter-card {
	 background: var(--color-light-jaune);
	 border-radius: var(--radius-block);
	 padding: 48px;
	 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
 }
 
 .ph-newsletter-card__title {
	 font-size: var(--title-md);
	 font-weight: 800;
	 margin: 0 0 16px;
 }
 
 .ph-newsletter-card__text {
	 font-size: var(--text-base);
	 color: var(--color-gris-texte);
	 margin-bottom: 24px;
 }
 
 .ph-newsletter-form {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 12px;
 }
 
 .ph-newsletter-form input[type="email"] {
	 flex: 1;
	 min-width: 200px;
	 padding: 14px 20px;
	 font-family: var(--font-family);
	 font-size: var(--text-base);
	 border: 1px solid #ddd;
	 border-radius: var(--radius-btn);
 }
 
 .ph-media--video iframe {
	 width: 100%;
	 height: 100%;
	 aspect-ratio: 16 / 9;
	 border: 0;
 }
 
 /* ═══════════════════════════════════════
	Responsive — 990px
	═══════════════════════════════════════ */
 @media (max-width: 990px) {
	 :root {
		 --container-padding: 40px;
		 --section-gap: 60px;
		 --title-xl: 40px;
		 --title-lg: 32px;
		 --title-md: 24px;
	 }
 
	 .ph-grid-2,
	 .ph-edito__block,
	 .ph-nouveaute__block,
	 .ph-papier__block,
	 .ph-communication__block,
	 .ph-dernier-numero__featured {
		 grid-template-columns: 1fr;
		 gap: 32px;
	 }
 
	 .ph-grid-articles--4 {
		 grid-template-columns: repeat(2, 1fr);
	 }
 
	 .ph-grid-articles--3 {
		 grid-template-columns: repeat(2, 1fr);
	 }
 
	 .ph-edito__portrait {
		 justify-self: center;
	 }
 }
 
 /* ═══════════════════════════════════════
	Responsive — 767px
	═══════════════════════════════════════ */
 @media (max-width: 767px) {
	 :root {
		 --container-padding: 24px;
		 --section-gap: 48px;
		 --title-xl: 32px;
		 --title-lg: 26px;
		 --title-md: 22px;
		 --title-sm: 18px;
	 }
 
	 .ph-aperiscope-header {
		 flex-direction: column;
		 gap: 16px;
		 text-align: center;
	 }
 
	 .ph-grid-articles--4,
	 .ph-grid-articles--3 {
		 grid-template-columns: 1fr;
	 }
 
	 .ph-block {
		 padding: 32px 24px;
	 }
 
	 .ph-newsletter-form {
		 flex-direction: column;
	 }
 
	 .ph-newsletter-form input[type="email"] {
		 width: 100%;
	 }
 
	 .ph-radars-block__head {
		 flex-direction: column;
		 align-items: flex-start;
	 }
 
	 .ph-edito__actions {
		 flex-direction: column;
	 }
 
	 .ph-edito__actions .ph-btn {
		 width: 100%;
		 text-align: center;
	 }
 }