@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&family=Archivo:wght@600&display=swap');
/* Super Blank */

/* Spacing for mobile menu */
.ast-mobile-header-content {
	padding: 8px 0 16px 0;
}

/* No border on X close button */
.ast-mobile-popup-drawer.active .menu-toggle-close:focus {
	border-width: 0;
}

/* X close button position */
.ast-mobile-popup-inner .ast-mobile-popup-header button#menu-toggle-close {
	padding: 34px;
}

/* Nested mobile arrows */
button.ast-menu-toggle {
	box-shadow: none;
}

.ast-menu-toggle:focus {
	outline: 0;
}

.ast-header-break-point .main-navigation li.menu-item-has-children ul.sub-menu li.menu-item a.menu-link span.ast-icon.icon-arrow {
	display: none;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
	/* Cannot avoid !important because Elementor already unsets the color with !important by itself */
	color: var(--ast-global-color-3) !important;
}
 p{ text-align:left; hyphens:none; }
.archive .site-content{ background:#01060d; }

/* Conteneur de la page en pleine largeur */
.archive .site-content > .ast-container{
  display:block !important; max-width:100% !important; padding:0 !important;
}
.archive #primary{
  width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important;
}

/* ===== BANDEAU DES RUBRIQUES ===== */
.archive .site-content > .ast-container{
  display:block !important; max-width:100% !important; padding:0 !important;
}
.archive #primary{
  width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important;
}

/* Fond du bandeau (remplace les couleurs par celles de The Frame) */
.archive .ast-archive-description,
.archive .ast-archive-entry-banner{
  width:100% !important; max-width:none !important; margin:0 0 56px 0 !important;
  padding:80px max(24px, calc((100vw - 1180px) / 2)) 48px !important;
  min-height:40vh; display:flex !important; flex-direction:column;
  justify-content:flex-end; align-items:flex-start !important; text-align:left !important;
  background:linear-gradient(90deg, #00102E 0%, #001448 100%) !important;
  border:0 !important; box-shadow:none !important;
}

/* Titre */
.archive .page-title,
.archive .ast-archive-title,
.archive .ast-archive-description h1,
.archive .ast-archive-entry-banner h1{
  font:700 clamp(64px,11vw,150px)/.9 "Barlow Condensed",sans-serif !important;
  text-transform:uppercase !important; letter-spacing:-.01em;
  color:#F4F3FB !important; margin:0 !important; text-align:left !important;
}

/* Le point après le titre */
.archive .page-title::after,
.archive .ast-archive-title::after,
.archive .ast-archive-description h1::after,
.archive .ast-archive-entry-banner h1::after{ content:"."; }

/* La petite ligne cyan au-dessus du titre */
.archive .page-title::before,
.archive .ast-archive-title::before,
.archive .ast-archive-description h1::before,
.archive .ast-archive-entry-banner h1::before{
  display:block; margin-bottom:22px; color:#4FD8FF;
  font:600 13px/1.3 Archivo,sans-serif; letter-spacing:.14em; text-transform:uppercase;
}
.category-people .page-title::before,
.category-people .ast-archive-title::before,
.category-people .ast-archive-description h1::before,
.category-people .ast-archive-entry-banner h1::before{ content:"The human behind the name"; }
.category-art-culture .page-title::before,
.category-art-culture .ast-archive-title::before,
.category-art-culture .ast-archive-description h1::before,
.category-art-culture .ast-archive-entry-banner h1::before{ content:"The work and the culture behind it"; }
.category-industry .page-title::before,
.category-industry .ast-archive-title::before,
.category-industry .ast-archive-description h1::before,
.category-industry .ast-archive-entry-banner h1::before{ content:"What happens behind the scenes"; }

/* Texte de description */
.archive .ast-archive-description p{ color:#DCDBEE; font-size:20px; max-width:46ch; }

/* Grille des articles : même largeur que le reste du site */
.archive .ast-row{
  margin:0 !important;
  padding:0 max(24px, calc((100vw - 1180px) / 2)) 80px !important;
}
body.archive,
.archive #page,
.archive #content,
.archive .site-content,
.archive #primary,
.archive #main{
  background:#01060d !important;
}
/* ===== FIN DU BANDEAU ===== */

/* Titre (plusieurs noms possibles selon la version d'Astra) */
.archive .page-title,
.archive .ast-archive-title,
.archive .ast-archive-description h1,
.archive .ast-archive-entry-banner h1{
  font:700 clamp(64px,11vw,150px)/.9 "Barlow Condensed",sans-serif !important;
  text-transform:uppercase !important; letter-spacing:-.01em;
  color:#F4F3FB !important; margin:0 !important; text-align:left !important;
}
.archive .page-title::before{
  display:block; margin-bottom:22px; color:#4FD8FF;
  font:600 13px/1.3 Archivo,sans-serif; letter-spacing:.14em; text-transform:uppercase;
}
.archive .ast-archive-description p{ color:#DCDBEE; font-size:20px; max-width:46ch; }

/* La grille d'articles : même largeur de 1180 px que le reste */
.archive .ast-row{
  margin:0 !important;
  padding:0 max(24px, calc((100vw - 1180px) / 2)) 80px !important;
}

.category-people .page-title::before{ content:"Interviews and portraits"; }
.category-art-culture .page-title::before{ content:"Reviews, analysis and culture"; }
.category-industry .page-title::before{ content:"Behind the scenes"; }
.archive .ast-archive-title{
  font-family:"Barlow Condensed",sans-serif !important;
  font-weight:700 !important; text-transform:uppercase;
  font-size:clamp(64px,11vw,150px) !important;
  line-height:.9 !important; letter-spacing:-.01em;
  color:#F4F3FB !important; margin:0 !important;
}
.archive .ast-archive-title::before{
  display:block; margin-bottom:22px; color:#4FD8FF;
  font:600 13px/1.3 Archivo,sans-serif; letter-spacing:.14em; text-transform:uppercase;
}
.archive .ast-archive-description p{ color:#DCDBEE; font-size:20px; max-width:46ch; }

.category-people .ast-archive-title::before{ content:"Interviews and portraits"; }
.category-art-culture .ast-archive-title::before{ content:"Reviews, analysis and culture"; }
.category-industry .ast-archive-title::before{ content:"Behind the scenes"; }
.archive .entry-title, .archive .entry-title a{
  font-family:"Barlow Condensed",sans-serif; font-weight:700; text-transform:uppercase;
  font-size:26px; line-height:1.1; color:#F4F3FB;
}
.archive .cat-links, .archive .cat-links a{
  color:#4FD8FF; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.12em;
}
.archive .entry-meta{ display:none; }

.archive .ast-excerpt-container p, .archive .entry-content p{
  color:#A3A6C4; text-align:left; hyphens:none; font-size:16px; line-height:1.6;
}
.archive .entry-header, .archive .entry-content{ padding-left:0; padding-right:0; }
.archive .post-thumb-img-content img{ border-radius:0; }
/* Pied de page : couleurs et liens */
.site-footer a,
.site-footer .ast-footer-copyright a{
  color:#F4F3FB !important;
  text-decoration:none;
}
.site-footer a:hover,
.site-footer .ast-footer-copyright a:hover{
  color:#4FD8FF !important;
}

/* Barre du bas : alignée à gauche, sur une seule ligne si possible */
.site-below-footer-wrap .ast-builder-grid-row,
.ast-footer-copyright{
  text-align:left !important;
  justify-content:flex-start !important;
}
.ast-footer-copyright p{
  margin:0;
  font-size:14px;
  color:#A3A6C4;
}

/* Bouton « remonter » (le petit carré jaune) */
.ast-scroll-top-icon{
  background:#F4F3FB !important;
  color:#05060F !important;
  border-radius:0 !important;
}
.ast-scroll-top-icon:hover{ background:#4FD8FF !important; }
/* Toutes les colonnes alignées en haut */
.site-primary-footer-wrap .ast-builder-grid-row{
  align-items:start !important;
}

/* Liens de la colonne HTML : même style que le menu */
.site-footer .ast-builder-html-element p{
  margin:0 0 14px;
}
.site-footer .ast-builder-html-element p a{
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#F4F3FB;
}

/* Menu du pied de page : en liste verticale, même rythme */
.site-footer .footer-navigation .menu-item,
.site-footer .ast-builder-menu .menu-item{
  display:block;
  margin:0 0 14px;
}
.site-footer .ast-builder-menu .main-header-menu,
.site-footer .footer-navigation ul{
  flex-direction:column;
  align-items:flex-start;
}
.site-footer .ast-builder-menu .menu-link{
  padding:0 !important;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.site-footer .menu-item{ margin:0 0 14px !important; height:auto !important; }
.site-footer .menu-item > a,
.site-footer .menu-link{
  padding:0 !important;
  line-height:1.4 !important;
  font-size:13px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  color:#F4F3FB !important;
}