/*
Theme Name: Nicerenting
Theme URI: http://nice-renting.new/
Author: You
Author URI: http://nice-renting.new/
Description: Thème WordPress basé sur le HTML fourni pour Nicerenting.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: nicerenting
*/

/* Point d’entrée pour vos styles (ils peuvent être générés) */

/* Styles des pastilles prix sur la carte (sprite et DOM)
	 Les couleurs sont lues par le JS via ces variables CSS
	 - --palette-bebe: fond de la pastille
	 - --palette-bobo: bordure de la pastille
	 - --palette-hof : texte de la pastille
	 Ajustez ces valeurs pour renforcer la visibilité.
*/

/* Boutons role=checkbox (villes, chambres) – fallback CSS pour variants Tailwind */
:root {
	--nr-primary: #0ea5e9; /* fallback brand */
	--nr-input-bg: #ffffff;
	--nr-border: rgba(0,0,0,0.18);
	--nr-ring: rgba(14,165,233,0.45);
}

.nr-city-btn,
.nr-bed-btn {
	background: var(--nr-input-bg);
	border: 1px solid var(--nr-border);
	width: 1rem; /* size-4 */
	height: 1rem;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
	transition: box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}
.nr-city-btn[data-state="checked"],
.nr-bed-btn[data-state="checked"] {
	background: var(--nr-primary);
	color: #fff;
	border-color: var(--nr-primary);
}
.nr-city-btn:focus-visible,
.nr-bed-btn:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--nr-ring);
}
:root{
    --palette-bebe: #0ea5e9;             /* fond pastille */
    --palette-hof:  #ffffff;             /* texte pastille */
    --palette-bobo: rgba(255,255,255,0.35); /* bordure pastille */

/* Hero height fallback for Tailwind-safelisted class that is not emitted in WP build */
.min-h-hero {
	min-height: 600px;
}
@media (min-width: 768px) {
	.md\:h-hero {
		height: 600px;
	}
}
    
}
#nr-logements-map {
	/* Exemple: pastille bleu brand avec texte blanc et légère bordure claire */
	--palette-bebe: #0ea5e9;             /* fond pastille */
	--palette-hof:  #ffffff;             /* texte pastille */
	--palette-bobo: rgba(255,255,255,0.35); /* bordure pastille */
}

/* Optionnel: la mini-carte single peut réutiliser les mêmes couleurs */
#nr-mini-map {
	--palette-bebe: #0ea5e9;
	--palette-hof:  #ffffff;
	--palette-bobo: rgba(255,255,255,0.35);
}

/* Accentuation hover pour les pastilles DOM (mode non cluster) */
#nr-logements-map .nr-marker .nr-marker-pill:hover {
	box-shadow: 0 0 0 2px var(--palette-hof, #ffffff) inset, 0 4px 12px rgba(0,0,0,0.22);
	transform: scale(1.08) translateZ(0);
}


.mapboxgl-popup-content {
	background: transparent !important;
	border-radius: 3px;
	box-shadow: none !important;
	padding: 0 !important;
	pointer-events: auto;
	position: relative;
}

/* WYSIWYG content blocks (Caractéristiques tab, etc.) */
.nr-wysiwyg {
	font-size: 1rem;
	line-height: 1.7;
	color: #374151; /* text-gray-700 */
}
.nr-wysiwyg > *:first-child {
	margin-top: 0;
}
.nr-wysiwyg > *:last-child {
	margin-bottom: 0;
}
.nr-wysiwyg p {
	margin: 0 0 1.25em;
}
.nr-wysiwyg h2,
.nr-wysiwyg h3,
.nr-wysiwyg h4,
.nr-wysiwyg h5,
.nr-wysiwyg h6 {
	color: #111827; /* text-gray-900 */
	font-weight: 600;
	line-height: 1.3;
	margin: 1.75em 0 0.75em;
}
.nr-wysiwyg h2 { font-size: 1.5rem; }
.nr-wysiwyg h3 { font-size: 1.25rem; }
.nr-wysiwyg ul,
.nr-wysiwyg ol {
	margin: 0 0 1.25em 1.25em;
	padding-left: 1rem;
}
.nr-wysiwyg ul { list-style-type: disc; }
.nr-wysiwyg ol { list-style-type: decimal; }
.nr-wysiwyg li {
	margin-top: 0.35em;
}
.nr-wysiwyg li > ul,
.nr-wysiwyg li > ol {
	margin-top: 0.35em;
}
.nr-wysiwyg a {
	color: var(--nr-primary, #0ea5e9);
	text-decoration: underline;
}
.nr-wysiwyg strong { font-weight: 600; }
.nr-wysiwyg em { font-style: italic; }
.nr-wysiwyg blockquote {
	border-left: 4px solid rgba(15,23,42,0.15);
	margin: 0 0 1.5em;
	padding-left: 1rem;
	color: #111827;
	font-style: italic;
}
.nr-wysiwyg table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.5em;
}
.nr-wysiwyg th,
.nr-wysiwyg td {
	border: 1px solid rgba(15,23,42,0.1);
	padding: 0.5em 0.75em;
	text-align: left;
}

/* Litepicker overrides for hero calendar */
.litepicker {
	font-family: inherit;
	border-radius: 1rem;
	border: 1px solid rgba(15,23,42,0.12);
	box-shadow: 0 25px 50px -12px rgba(15,23,42,0.35);
}
.litepicker .container__main {
	padding: 0.5rem 0.75rem 1rem;
}
.litepicker .month-item-header {
	color: #0f172a;
	font-weight: 600;
}
.litepicker .day-item.is-in-range {
	background-color: rgba(14,165,233,0.18);
	color: #0f172a;
}
.litepicker .day-item.is-start-date,
.litepicker .day-item.is-end-date {
	background-color: var(--nr-primary, #0ea5e9);
	color: #ffffff;
}
.litepicker .day-item.is-locked {
	color: rgba(148,163,184,0.65);
	cursor: not-allowed;
}