/*
Theme Name:   Astra Child Glowly
Theme URI:    https://www.glowly-app.com/
Description:  Thème enfant Astra pour Glowly.
Author:       Thibault Marchal
Template:     astra
Version:      1.3.0
Text Domain:  astra-child
*/

/* Styles personnalisés de Glowly */

/* Header : sélecteur de langue et bouton de téléchargement */
.gl-header-actions {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
}
.ast-header-html .gl-header-actions p { margin: 0; }
.gl-lang-switch,
.gl-header-download {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.gl-lang-switch {
	gap: 0.4rem;
	padding: 0.5rem 0.8rem 0.5rem 0.6rem;
	background: #fff;
	border: 1px solid #EADDE0;
	color: #2B2B2B;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
}
.gl-lang-menu { position: relative; }
.gl-lang-menu summary { list-style: none; cursor: pointer; }
.gl-lang-menu summary::-webkit-details-marker { display: none; }
.gl-lang-icon { width: 16px; height: 16px; }
.gl-lang-list {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	z-index: 1000;
	min-width: 190px;
	margin: 0;
	padding: 0.35rem;
	list-style: none;
	background: #fff;
	border: 1px solid #EADDE0;
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(58, 15, 45, 0.12);
}
.gl-lang-list li { margin: 0; }
.gl-lang-list a {
	display: block;
	padding: 0.55rem 0.8rem;
	border-radius: 10px;
	color: #2B2B2B;
	font-size: 0.85rem;
	font-weight: 500;
	text-decoration: none;
}
.gl-lang-list a:hover,
.gl-lang-list a:focus { background: #FFF5F7; color: #E94E77; }
.gl-lang-list a[aria-current="true"] { color: #E94E77; font-weight: 600; }
[dir="rtl"] .gl-lang-list { right: auto; left: 0; }
.gl-header-download {
	padding: 0.7rem 1.3rem;
	background: #E94E77;
	border: 1px solid #E94E77;
	color: #fff;
	font-size: 0.85rem;
}
.gl-lang-switch:hover,
.gl-lang-switch:focus {
	border-color: #E94E77;
	color: #E94E77;
}
.gl-header-download:hover,
.gl-header-download:focus {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(233, 78, 119, 0.28);
}
@media (max-width: 544px) {
	.gl-header-actions { gap: 0.4rem; }
	.gl-lang-switch { padding: 0.45rem 0.6rem 0.45rem 0.5rem; }
	.gl-header-download { padding: 0.6rem 1rem; font-size: 0.8rem; }
}