/**
 * Pleasetrip — styles globaux (thème enfant).
 * Tokens et liens texte : chargé sur tout le site via functions.php.
 */

:root {
	--pt-text:       #1a1a2e;
	--pt-text-muted: #6b7280;
	--pt-link:       var(--pt-text);
	--pt-link-hover: #4a4a62;
	--pt-link-visited: var(--pt-link);

	--pt-btn-primary-bg:       #facc15;
	--pt-btn-primary-bg-hover: #e0b400;
	--pt-btn-primary-fg:       #171717;
	--pt-btn-primary-fg-hover: #ffffff;
	--pt-btn-secondary-fg:          #171717;
	--pt-btn-secondary-border:      #171717;
	--pt-btn-secondary-hover-bg:    rgba(23, 23, 23, 0.08);
}

/* ── Liens texte (normal + visité = texte, hover plus clair) ───────────────── */
:where(body) a:where(:link, :visited) {
	color: var(--pt-link);
}

:where(body) a:where(:hover) {
	color: var(--pt-link-hover);
}

/* Exceptions : navigation, boutons, cartes cliquables, pagination active */
:where(body) .pleasetrip-header a:where(:link, :visited, :hover),
:where(body) a.btn:where(:link, :visited, :hover),
:where(body) a.btn--primary:where(:link, :visited, :hover),
:where(body) a.btn--secondary:where(:link, :visited, :hover),
:where(body) .blog-search__submit:where(:link, :visited, :hover),
:where(body) a.blog-card:where(:link, :visited, :hover),
:where(body) a.country-card__link:where(:link, :visited, :hover),
:where(body) a.city-card__link:where(:link, :visited, :hover),
:where(body) a.continent-card__link:where(:link, :visited, :hover),
:where(body) a.explore-card__link:where(:link, :visited, :hover),
:where(body) .blog-pagination .page-numbers.current:where(:link, :visited, :hover),
:where(body) .pays-hero a:where(:link, :visited, :hover),
:where(body) .pays-breadcrumb a:where(:link, :visited, :hover),
:where(body) .pays-hero__author a:where(:link, :visited, :hover),
:where(body) .hero a:where(:link, :visited, :hover),
:where(body) .blog-hero a:where(:link, :visited, :hover),
:where(body) a.qdpm-city__card-link:where(:link, :visited, :hover),
:where(body) a.qdps-city__card-link:where(:link, :visited, :hover),
:where(body) a.qdpm-city__media:where(:link, :visited, :hover),
:where(body) a.qdpm-grid-a__media:where(:link, :visited, :hover),
:where(body) a.qdpm-hero__pill:where(:link, :visited, :hover),
:where(body) a.qdps-hero__pill:where(:link, :visited, :hover),
:where(body) a.qdpm-climate__card:where(:link, :visited, :hover),
:where(body) a.qdpm-other-months__link:where(:link, :visited, :hover),
:where(body) a.qdpm-card__link:where(:link, :visited, :hover),
:where(body) a.qdps-card__link:where(:link, :visited, :hover),
:where(body) a.qdps-outdoor__card-link:where(:link, :visited, :hover),
:where(body) a.qdps-other-seasons__card:where(:link, :visited, :hover) {
	color: unset;
}

.btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.7rem 1.5rem;
	border-radius: 2rem;
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s, border-color 0.15s;
	white-space: nowrap;
	border: 2px solid transparent;
	box-sizing: border-box;
}

.btn--primary {
	background: var(--pt-btn-primary-bg);
	color: var(--pt-btn-primary-fg);
}

.btn--primary:hover {
	background: var(--pt-btn-primary-bg-hover);
	color: var(--pt-btn-primary-fg-hover);
}

.btn--secondary {
	background: transparent;
	color: var(--pt-btn-secondary-fg);
	border-color: var(--pt-btn-secondary-border);
}

.btn--secondary:hover {
	background: var(--pt-btn-secondary-hover-bg);
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}