/*
Theme Name: Greg Photographe
Theme URI: https://gregphotographe.fr/
Author: Greg Studio Photo
Author URI: https://gregphotographe.fr/a-propos/
Description: Thème sur mesure pour le studio de photographie Greg Studio Photo (Grégory Pirès, Noisy-le-Grand, 93). Conçu pour la photographie haut de gamme : mariage, portrait, famille, grossesse, boudoir, animalier, sport, immobilier, culinaire et photo d'identité certifiée ANTS. Inclut un blog éditorial complet, des galeries, des avis clients vérifiés, des grilles tarifaires, un balisage Schema.org avancé et une optimisation poussée du référencement local.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gregphotographe
Tags: photography, portfolio, blog, custom-colors, custom-logo, custom-menu, featured-images, translation-ready, block-styles, wide-blocks, right-sidebar, threaded-comments
*/

/* ==========================================================================
   Feuille principale du thème.

   Les styles du site d'origine sont conservés dans assets/css/ :
   - design-system.css : variables, header, navigation, footer, hero
   - components.css    : cartes, tarifs, galeries, FAQ, lightbox
   - boutique.css      : pages boutique et carte cadeau
   - instagram.css     : flux Instagram

   Ce fichier contient uniquement :
   - le rappel des variables de conception (utilisables depuis l'éditeur)
   - la compatibilité avec les classes générées par WordPress
   - les corrections d'accessibilité transverses
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Rappel des jetons de conception
   -------------------------------------------------------------------------- */

:root {
	--primary-color: #111111;
	--secondary-color: #c5a059;
	--secondary-dark: #a17f43;
	--accent-color: #e8e2d6;
	--text-light: #ffffff;
	--text-dark: #1a1a1a;
	--text-muted-dark: #666666;
	--text-muted-light: #fdfcf9;
	--bg-light: #fdfcf9;
	--font-titles: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-text: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	--gp-radius: 14px;
	--gp-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	--gp-shadow-strong: 0 20px 45px rgba(0, 0, 0, 0.18);
	--gp-container: 1200px;
}

/* Titres : la police à empattements porte l'identité du studio. */
h1, h2, h3, h4, h5, h6,
.gp-serif {
	font-family: var(--font-titles);
	font-weight: 700;
	color: var(--text-dark);
}

h4, h5, h6 {
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   2. Accessibilité transversale
   -------------------------------------------------------------------------- */

/* Lien d'évitement : premier élément focusable de la page. */
.gp-skip-link {
	position: absolute;
	top: -100px;
	left: 16px;
	z-index: 100000;
	padding: 12px 22px;
	background: var(--secondary-color);
	color: var(--primary-color);
	font-weight: 700;
	border-radius: 0 0 8px 8px;
	transition: top 0.2s ease;
}

.gp-skip-link:focus {
	top: 0;
	outline: 3px solid var(--primary-color);
	outline-offset: 2px;
}

/* Contour de focus visible et cohérent sur tous les éléments interactifs. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--secondary-color);
	outline-offset: 3px;
	border-radius: 3px;
}

/* Sur les fonds sombres, un contour doré reste visible. */
.gp-on-dark a:focus-visible,
.hero a:focus-visible,
.gp-cta a:focus-visible,
.footer a:focus-visible {
	outline-color: var(--secondary-color);
}

/* Respect du confort visuel : suppression des animations. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.reveal-on-scroll {
		opacity: 1 !important;
		transform: none !important;
	}
}

/* Classe masquée visuellement mais lue par les lecteurs d'écran. */
.gp-visually-hidden,
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* --------------------------------------------------------------------------
   3. Compatibilité avec les classes du cœur WordPress
   -------------------------------------------------------------------------- */

/* Alignements de blocs. */
.alignleft {
	float: left;
	margin: 0 2em 1.5em 0;
}

.alignright {
	float: right;
	margin: 0 0 1.5em 2em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignwide {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.alignfull {
	max-width: 100%;
	width: 100%;
}

/* Légendes d'images. */
.wp-caption {
	max-width: 100%;
	margin-bottom: 1.5em;
}

.wp-caption-text,
.wp-element-caption,
figcaption.wp-element-caption {
	margin-top: 10px;
	font-size: 0.85rem;
	color: var(--text-muted-dark);
	text-align: center;
	font-style: italic;
}

/* Galeries du cœur : héritent de la grille du site. */
.wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
	gap: 16px;
	margin: 0 0 30px;
}

.wp-block-gallery .wp-block-image {
	margin: 0;
}

/* Le contenu inséré ne doit jamais déborder horizontalement. */
.entry-content img,
.gp-article-body img,
.wp-block-image img {
	height: auto;
}

/* Un tableau large reste lisible sur mobile. */
.wp-block-table {
	overflow-x: auto;
}

.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}

.wp-block-table th,
.wp-block-table td {
	padding: 12px 16px;
	border: 1px solid rgba(17, 17, 17, 0.12);
	text-align: left;
}

.wp-block-table thead th {
	background: rgba(197, 160, 89, 0.1);
	font-family: var(--font-titles);
}

/* Citations. */
.wp-block-quote {
	margin: 30px 0;
	padding: 20px 28px;
	border-left: 3px solid var(--secondary-color);
	background: rgba(197, 160, 89, 0.05);
	font-family: var(--font-titles);
	font-size: 1.1rem;
	font-style: italic;
}

.wp-block-quote cite {
	display: block;
	margin-top: 12px;
	font-family: var(--font-text);
	font-size: 0.85rem;
	font-style: normal;
	color: var(--text-muted-dark);
}

/* Séparateur. */
.wp-block-separator {
	border: 0;
	border-top: 1px solid rgba(197, 160, 89, 0.3);
	margin: 40px auto;
	max-width: 120px;
}

/* Boutons du cœur alignés sur l'identité du site. */
.wp-block-button__link {
	display: inline-block;
	padding: 14px 34px;
	border-radius: 50px;
	background: var(--secondary-color);
	color: var(--primary-color);
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 0.85rem;
	transition: var(--transition);
}

.wp-block-button__link:hover {
	background: var(--secondary-dark);
	color: var(--text-light);
	transform: translateY(-2px);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}

/* Palette de couleurs déclarée dans functions.php. */
.has-gp-noir-color { color: #111111; }
.has-gp-or-color { color: #c5a059; }
.has-gp-or-profond-color { color: #a17f43; }
.has-gp-ivoire-color { color: #fdfcf9; }
.has-gp-sable-color { color: #e8e2d6; }
.has-gp-gris-color { color: #666666; }

.has-gp-noir-background-color { background-color: #111111; }
.has-gp-or-background-color { background-color: #c5a059; }
.has-gp-or-profond-background-color { background-color: #a17f43; }
.has-gp-ivoire-background-color { background-color: #fdfcf9; }
.has-gp-sable-background-color { background-color: #e8e2d6; }
.has-gp-gris-background-color { background-color: #666666; }

/* --------------------------------------------------------------------------
   4. Gabarit général des pages internes
   -------------------------------------------------------------------------- */

/* Marge sous l'en-tête collant pour les pages sans bandeau. */
.gp-main {
	min-height: 40vh;
}

/* Titre de page quand elle n'a pas de bandeau. */
.gp-page-header {
	padding: 90px 0 50px;
	background: linear-gradient(180deg, #111111 0%, #1c1c1c 100%);
	color: var(--text-light);
	text-align: center;
}

.gp-page-header h1 {
	color: var(--text-light);
	margin-bottom: 12px;
}

.gp-page-header p {
	color: rgba(253, 252, 249, 0.75);
	max-width: 720px;
	margin: 0 auto;
}

/* Fil d'Ariane. */
.gp-breadcrumb {
	padding: 16px 0;
	font-size: 0.82rem;
	color: var(--text-muted-dark);
}

.gp-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: var(--gp-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.gp-breadcrumb li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.gp-breadcrumb li:not(:last-child)::after {
	content: '/';
	color: rgba(197, 160, 89, 0.6);
}

.gp-breadcrumb a {
	color: var(--text-muted-dark);
	text-decoration: none;
}

.gp-breadcrumb a:hover {
	color: var(--secondary-dark);
	text-decoration: underline;
}

.gp-breadcrumb .is-current span {
	color: var(--text-dark);
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   5. Conteneur de contenu éditorial
   -------------------------------------------------------------------------- */

.gp-content-wrap {
	max-width: var(--gp-container);
	margin: 0 auto;
	padding: 70px 20px;
}

.gp-content-wrap--narrow {
	max-width: 860px;
}

/* Le contenu saisi dans l'éditeur respire. */
.entry-content > * + * {
	margin-top: 1.4em;
}

.entry-content h2 {
	margin-top: 2.2em;
	margin-bottom: 0.6em;
	font-size: clamp(1.5rem, 3.5vw, 2.1rem);
}

.entry-content h3 {
	margin-top: 1.8em;
	margin-bottom: 0.5em;
	font-size: clamp(1.15rem, 2.5vw, 1.4rem);
}

.entry-content p,
.entry-content li {
	color: #2b2b2b;
	line-height: 1.85;
}

.entry-content ul,
.entry-content ol {
	padding-left: 1.4em;
}

.entry-content ul {
	list-style: disc;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content li {
	margin-bottom: 0.6em;
}

.entry-content a {
	color: var(--secondary-dark);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.entry-content a:hover {
	color: var(--primary-color);
}

.entry-content > .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

/* --------------------------------------------------------------------------
   6. Corrections héritées du site statique
   -------------------------------------------------------------------------- */

/* Le logo du thème est un SVG/WebP sans dimensions intrinsèques fiables. */
.logo img {
	aspect-ratio: auto;
}

/* Les listes de navigation ne doivent pas hériter des puces du contenu. */
.nav-list,
.nav-list li,
.gp-footer-menu,
.gp-footer-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Le pied de page utilise des listes sans puces. */
.footer ul {
	list-style: none;
}

/* Neutralise la règle globale `ul { list-style: none }` du site
   à l'intérieur du contenu éditorial, où les puces sont attendues. */
.entry-content ul,
.wp-block-list {
	list-style: disc;
}

.entry-content ol,
.wp-block-list.is-style-ordered {
	list-style: decimal;
}

/* --------------------------------------------------------------------------
   7. Pied de page
   --------------------------------------------------------------------------
   Le site statique utilisait des styles en ligne ; ils sont ici
   transposés en classes pour rester maintenables.
   -------------------------------------------------------------------------- */

.footer {
	background: #0a0a0a;
	color: #fcfbfa;
	padding: 80px 0 30px;
	border-top: 1px solid rgba(197, 168, 128, 0.15);
	text-align: left;
}

.gp-footer-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 40px;
	margin-bottom: 60px;
}

.gp-footer-brand {
	min-width: 240px;
}

.gp-footer-logo {
	display: inline-block;
	margin-bottom: 20px;
}

.gp-footer-logo img {
	height: 45px;
	width: auto;
	display: block;
}

.gp-footer-tagline {
	font-size: 0.9rem;
	color: #c8c5c0;
	line-height: 1.8;
	margin-bottom: 25px;
	font-family: var(--font-titles);
}

.gp-footer-social {
	display: flex;
	gap: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.gp-footer-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(197, 168, 128, 0.3);
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}

.gp-footer-social a:hover {
	border-color: var(--secondary-color);
	color: var(--secondary-color);
	transform: translateY(-3px);
}

.gp-footer-heading {
	font-family: var(--font-titles);
	font-size: 1.05rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--secondary-color);
	margin: 0 0 25px;
	font-weight: 700;
	border-left: 2px solid var(--secondary-color);
	padding-left: 10px;
}

.gp-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 2.2;
}

.gp-footer-menu a {
	font-size: 0.9rem;
	color: #c8c5c0;
	text-decoration: none;
	transition: color 0.3s ease;
}

.gp-footer-menu a:hover {
	color: var(--secondary-color);
}

.gp-footer-contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gp-footer-contact li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 0.9rem;
	color: #c8c5c0;
	line-height: 1.6;
	margin-bottom: 15px;
}

.gp-footer-contact i {
	color: var(--secondary-color);
	margin-top: 4px;
	width: 16px;
	text-align: center;
	flex-shrink: 0;
}

.gp-footer-contact a {
	color: #c8c5c0;
	text-decoration: none;
	transition: color 0.3s ease;
}

.gp-footer-contact a:hover {
	color: var(--secondary-color);
}

.gp-footer-hours {
	font-size: 0.8rem;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0;
}

.gp-footer-hours a {
	color: #888;
	text-decoration: underline;
	text-transform: none;
	letter-spacing: 0;
}

.gp-footer-hours a:hover {
	color: var(--secondary-color);
}

.gp-footer-rule {
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	margin: 0 0 30px;
}

.gp-footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.gp-footer-copy {
	font-size: 0.8rem;
	color: #888;
	margin: 0;
}

.gp-footer-credit {
	display: block;
	margin-top: 4px;
}

.gp-footer-legal {
	display: flex;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.gp-footer-legal a {
	font-size: 0.8rem;
	color: #888;
	text-decoration: none;
	transition: color 0.3s ease;
}

.gp-footer-legal a:hover {
	color: var(--secondary-color);
}

.gp-footer-widgets {
	margin-bottom: 40px;
	padding-top: 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.gp-footer-widgets .gp-widget-title {
	color: var(--secondary-color);
	border-bottom-color: rgba(197, 168, 128, 0.25);
}

.gp-footer-widgets a {
	color: #c8c5c0;
}

@media (max-width: 768px) {
	.footer {
		padding: 55px 0 25px;
	}

	.gp-footer-grid {
		gap: 35px;
		margin-bottom: 40px;
	}

	.gp-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.gp-footer-legal {
		flex-direction: column;
		gap: 10px;
	}
}

/* --------------------------------------------------------------------------
   8. Page 404
   -------------------------------------------------------------------------- */

.gp-404 {
	padding: 100px 0 90px;
	background: linear-gradient(180deg, #111111 0%, #1c1c1c 100%);
	color: var(--text-light);
	text-align: center;
}

.gp-404 h1 {
	color: var(--text-light);
	max-width: 820px;
	margin: 0 auto 22px;
}

.gp-404-text {
	max-width: 640px;
	margin: 0 auto 40px;
	color: rgba(253, 252, 249, 0.75);
	line-height: 1.85;
}

.gp-404-actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 60px;
}

.gp-404 .btn-outline {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}

.gp-404 .btn-outline:hover {
	background: var(--secondary-color);
	color: var(--primary-color);
}

.gp-404-search {
	max-width: 480px;
	margin: 0 auto 60px;
}

.gp-404-search h2 {
	color: var(--text-light);
	font-size: 1.15rem;
	margin-bottom: 18px;
}

.gp-404-search .gp-search-fields {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(197, 160, 89, 0.3);
}

.gp-404-search .gp-search-input {
	color: var(--text-light);
}

.gp-404-search .gp-search-input::placeholder {
	color: rgba(253, 252, 249, 0.5);
}

.gp-404-suggestions h2 {
	color: var(--text-light);
	font-size: 1.15rem;
	margin-bottom: 26px;
}

.gp-404-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
	gap: 14px;
	list-style: none;
	margin: 0 0 50px;
	padding: 0;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.gp-404-list a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 22px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(197, 160, 89, 0.22);
	border-radius: var(--gp-radius);
	color: var(--text-light);
	text-decoration: none;
	font-size: 0.93rem;
	transition: var(--transition);
	text-align: left;
}

.gp-404-list a:hover {
	background: rgba(197, 160, 89, 0.12);
	border-color: var(--secondary-color);
	transform: translateY(-3px);
}

.gp-404-list i {
	color: var(--secondary-color);
	font-size: 1.05rem;
	width: 22px;
	text-align: center;
	flex-shrink: 0;
}

.gp-404-contact {
	font-size: 0.92rem;
	color: rgba(253, 252, 249, 0.7);
	margin: 0;
}

.gp-404-contact a {
	color: var(--secondary-color);
	text-decoration: none;
}

.gp-404-contact a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   9. Filtres de galerie (barre de boutons)
   -------------------------------------------------------------------------- */

.gallery-filter-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-bottom: 45px;
}

.filter-btn {
	padding: 10px 22px;
	border: 1px solid rgba(17, 17, 17, 0.12);
	border-radius: 50px;
	background: transparent;
	font-family: var(--font-text);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: var(--text-dark);
	cursor: pointer;
	transition: var(--transition);
}

.filter-btn:hover {
	border-color: var(--secondary-color);
	color: var(--secondary-dark);
}

.filter-btn.active {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--text-light);
}

/* --------------------------------------------------------------------------
   10. En-tête de page compact (pages légales)
   -------------------------------------------------------------------------- */

.gp-page-header--compact {
	padding: 70px 0 40px;
}

.gp-legal-updated,
.gp-legal-date {
	font-size: 0.85rem;
	color: var(--text-muted-dark);
}

.gp-legal-content h2 {
	margin-top: 2em;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(197, 160, 89, 0.25);
}

.gp-legal-content h3 {
	margin-top: 1.5em;
	color: var(--secondary-dark);
}

.gp-legal-help {
	margin-top: 60px;
	padding: 30px;
	background: var(--bg-light);
	border: 1px solid rgba(197, 160, 89, 0.22);
	border-radius: var(--gp-radius);
}

.gp-legal-help h2 {
	margin: 0 0 12px;
	font-size: 1.2rem;
	border: 0;
	padding: 0;
}

.gp-legal-help p {
	margin: 0 0 16px;
	font-size: 0.93rem;
	line-height: 1.75;
	color: var(--text-muted-dark);
}

.gp-legal-help-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
}

.gp-legal-help-actions .btn {
	padding: 11px 24px;
	font-size: 0.85rem;
}

/* --------------------------------------------------------------------------
   11. Contenu pleine largeur
   -------------------------------------------------------------------------- */

.gp-fullwidth-content {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.gp-fullwidth-content > .wp-block-group,
.gp-fullwidth-content > section {
	max-width: 100%;
}

/* Les sections du contenu migré gèrent leur propre espacement interne. */
.gp-landing-content > section,
.gp-front-content > section {
	padding: 80px 0;
}

@media (max-width: 768px) {
	.gp-landing-content > section,
	.gp-front-content > section {
		padding: 48px 0;
	}
}

/* --------------------------------------------------------------------------
   12. Bandeau d'en-tête : compléments
   -------------------------------------------------------------------------- */

.gp-hero-eyebrow {
	text-transform: uppercase;
	letter-spacing: 4px;
	color: var(--secondary-color);
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 0.82rem;
}

.gp-hero-subtitle {
	color: var(--secondary-color);
	font-size: 0.72em;
	font-weight: 400;
	font-family: var(--font-titles);
	display: inline-block;
	margin-top: 6px;
}

.gp-hero-text {
	margin-bottom: 40px;
	color: #fdfcf9;
	font-family: var(--font-titles);
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.gp-hero-actions {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}

.gp-hero-actions .btn {
	padding: 15px 40px;
	border-radius: 50px;
}

.gp-hero-actions .btn-outline {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}

.gp-hero-actions .btn-outline:hover {
	background: var(--secondary-color);
	color: var(--primary-color);
}

@media (max-width: 768px) {
	.gp-hero-actions .btn {
		width: 100%;
		padding: 14px 26px;
		text-align: center;
	}
}

/* --------------------------------------------------------------------------
   13. Nom de marque (aperçu du Personnaliseur)
   -------------------------------------------------------------------------- */

.gp-brand-name {
	font-family: var(--font-titles);
}