<?php
/**
 * Styles partagés des bandeaux de marque.
 *
 * @package PNC_France
 */

.pnc-brand-hero {
	position: relative;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.pnc-brand-hero--photo {
	min-height: 320px;
	padding: var(--pnc-space-10) var(--pnc-space-6) var(--pnc-space-12);
}

.pnc-brand-hero--light {
	padding: var(--pnc-space-8) var(--pnc-space-6);
	background-color: var(--pnc-color-white);
	background-image:
		linear-gradient(120deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.93) 100%),
		var(--pnc-brand-banner-base, none);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid var(--pnc-color-border-light);
	border-radius: var(--pnc-radius-lg);
	box-shadow: var(--pnc-shadow-sm);
}

.pnc-brand-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.pnc-brand-hero--photo .pnc-brand-hero__overlay--brand {
	background: linear-gradient(
		135deg,
		rgba(30, 50, 96, 0.9) 0%,
		rgba(44, 71, 134, 0.75) 50%,
		rgba(99, 144, 36, 0.5) 100%
	);
}

.pnc-brand-hero--photo .pnc-brand-hero__overlay--content {
	background: linear-gradient(
		180deg,
		rgba(15, 28, 58, 0.25) 0%,
		rgba(15, 28, 58, 0.55) 55%,
		rgba(15, 28, 58, 0.88) 100%
	);
}

.pnc-brand-hero__inner {
	position: relative;
	z-index: 2;
	max-width: var(--pnc-wide-max-width);
	margin: 0 auto;
}

.pnc-brand-hero__logo-wrap {
	display: inline-block;
	margin-bottom: var(--pnc-space-5);
	padding: var(--pnc-space-3) var(--pnc-space-4);
	background: rgba(255, 255, 255, 0.95);
	border-radius: var(--pnc-radius-md);
	box-shadow: var(--pnc-shadow-sm);
}

.pnc-brand-hero--photo .pnc-brand-hero__logo-wrap {
	background: rgba(255, 255, 255, 0.96);
}

.pnc-brand-hero__logo {
	display: block;
	width: min(240px, 60vw);
	height: auto;
}

.pnc-brand-hero--photo .pnc-brand-hero__kicker {
	color: var(--pnc-color-secondary-light);
}

.pnc-brand-hero--photo .pnc-brand-hero__kicker a {
	color: inherit;
}

.pnc-brand-hero--photo .pnc-brand-hero__kicker a:hover,
.pnc-brand-hero--photo .pnc-brand-hero__kicker a:focus {
	color: var(--pnc-color-white);
}

.pnc-brand-hero--photo .pnc-brand-hero__title {
	color: var(--pnc-color-white);
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
}

.pnc-brand-hero--light .pnc-brand-hero__kicker a {
	color: var(--pnc-color-secondary-dark);
}

.pnc-brand-hero--light .pnc-brand-hero__title {
	color: var(--pnc-color-primary);
}

.pnc-page--courrier .pnc-brand-hero--light {
	margin: 0 var(--pnc-space-6) var(--pnc-space-6);
}

body.pnc-theme-page--courrier .pnc-site-main__inner,
body.pnc-theme-page--centrale-archive .pnc-site-main__inner,
body.pnc-theme-page--centrale .pnc-site-main__inner,
body.pnc-theme-page--courrier-archive .pnc-site-main__inner,
body.pnc-theme-page--personnalite-archive .pnc-site-main__inner,
body.pnc-theme-page--webinaire .pnc-site-main__inner,
body.pnc-theme-page--webinaire-archive .pnc-site-main__inner {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.pnc-page--courrier,
.pnc-page--centrale-archive,
.pnc-page--centrale,
.pnc-page--courrier-archive,
.pnc-page--personnalite-archive,
.pnc-page--webinaire,
.pnc-page--webinaire-archive {
	max-width: none;
	margin: 0;
	padding: 0;
}

.pnc-centrale-archive__intro-wrap {
	max-width: var(--pnc-wide-max-width);
	margin: 0 auto;
	padding: 0 var(--pnc-space-6) var(--pnc-space-6);
}

.pnc-centrale-archive__body {
	max-width: var(--pnc-wide-max-width);
	margin: 0 auto;
	padding: 0 var(--pnc-space-6) var(--pnc-space-12);
}

.pnc-page--centrale {
	background: var(--pnc-color-white);
}

.pnc-centrale-shell {
	max-width: var(--pnc-wide-max-width);
	margin: 0 auto;
	padding: var(--pnc-space-8) var(--pnc-space-6) var(--pnc-space-12);
}

.pnc-centrale-intro {
	margin-bottom: var(--pnc-space-6);
}

.pnc-centrale-intro .pnc-title {
	margin: 0 0 var(--pnc-space-4);
	color: var(--pnc-color-primary);
}

.pnc-centrale-intro__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pnc-space-3);
	align-items: center;
}

.pnc-centrale-intro__meta-item {
	font-size: var(--pnc-font-size-sm);
	font-weight: var(--pnc-font-weight-medium);
	color: var(--pnc-color-text-muted);
}

.pnc-centrale-banner {
	position: relative;
	margin: 0 0 var(--pnc-space-8);
	overflow: hidden;
	background: var(--pnc-color-white);
	border: 1px solid var(--pnc-color-border-light);
	border-radius: var(--pnc-radius-lg);
	box-shadow: var(--pnc-shadow-sm);
}

.pnc-centrale-banner img {
	display: block;
	width: 100%;
	max-height: 440px;
	object-fit: cover;
}

.pnc-centrale-banner__credit {
	position: absolute;
	right: var(--pnc-space-3);
	bottom: var(--pnc-space-3);
	z-index: 1;
	margin: 0;
	padding: var(--pnc-space-2) var(--pnc-space-3);
	font-size: var(--pnc-font-size-xs);
	font-style: italic;
	line-height: 1.3;
	color: var(--pnc-color-text-muted);
	background: rgba(255, 255, 255, 0.94);
	border-radius: var(--pnc-radius-sm);
	box-shadow: var(--pnc-shadow-sm);
}

.pnc-page--centrale .pnc-centrale-body {
	max-width: none;
	margin: 0;
	padding: 0;
}

.pnc-centrale-panel {
	margin-bottom: var(--pnc-space-6);
	padding: var(--pnc-space-6);
	background: var(--pnc-color-white);
	border: 1px solid var(--pnc-color-border-light);
	border-radius: var(--pnc-radius-lg);
	box-shadow: var(--pnc-shadow-sm);
}

.pnc-page--centrale-archive .pnc-brand-hero--light {
	margin: 0 var(--pnc-space-6) var(--pnc-space-6);
}

.pnc-page--personnalite-archive .pnc-personnalite-grid,
.pnc-page--personnalite-archive .pnc-pagination,
.pnc-page--personnalite-archive .pnc-personnalite__empty {
	max-width: var(--pnc-wide-max-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--pnc-space-6);
	padding-right: var(--pnc-space-6);
}

.pnc-page--personnalite-archive .pnc-personnalite-grid {
	padding-top: var(--pnc-space-6);
	padding-bottom: var(--pnc-space-6);
}

.pnc-page--personnalite-archive .pnc-pagination {
	padding-bottom: var(--pnc-space-12);
}

.pnc-page--courrier-archive .pnc-brand-hero--light {
	margin: 0 var(--pnc-space-6) var(--pnc-space-6);
}

.pnc-courrier-archive__intro-wrap {
	max-width: var(--pnc-wide-max-width);
	margin: 0 auto;
	padding: 0 var(--pnc-space-6) var(--pnc-space-8);
}

.pnc-page--courrier-archive .pnc-courrier-archive__list,
.pnc-page--courrier-archive .pnc-pagination,
.pnc-page--courrier-archive .pnc-courrier-archive__empty {
	max-width: var(--pnc-wide-max-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--pnc-space-6);
	padding-right: var(--pnc-space-6);
}

.pnc-page--courrier-archive .pnc-courrier-archive__list {
	padding-bottom: var(--pnc-space-6);
}

.pnc-page--courrier-archive .pnc-pagination {
	padding-bottom: var(--pnc-space-12);
}