:root {
	--poultry: #3465a4;
}

/* Au téléphone, la saison prend 6rem par mois au lieu des 2,5rem de production/map/static/css/plot.css : le
   passage d'une cabane de quatre semaines y garde son nom entier, et la carte s'ouvre sur la semaine du jour
   (polycultureAi.js). Proposé pour plot.css, au même point de rupture que le produit. */
@media (max-width: 575px) {
	#zone-content .plot-card-axis,
	#zone-content .plot-card-body > .bed-item-grid {
		min-width: calc(var(--zone-content-months) * 6rem + 12rem);
	}
	#zone-content .plot-card-scroll > .series-grid {
		min-width: calc(var(--zone-content-months) * 6rem);
	}
}

/* La cabane du premier lot avant qu'il soit créé (polycultureAi.js) : la place qu'il prendrait, en pointillé. La
   couleur pleine des barres est posée en style sur l'élément (production/map, barre de série), d'où !important. */
#zone-content .polyculture-premier-preview {
	background-color: transparent !important;
	border: 2px dashed var(--poultry);
	color: var(--poultry);
	cursor: pointer;
}
#zone-content .polyculture-premier-preview .place-grid-series-timeline-name {
	color: var(--poultry);
}

/* Un lot qui arrive après la saison affichée se dit sous le nom de sa parcelle : la colonne des noms est
   étroite, d'où la petite taille et le retour à la ligne. */
#zone-content .polyculture-premier-later {
	display: block;
	font-size: 0.75rem;
	line-height: 1.2;
	white-space: normal;
}

/* À 360, les boutons d'en-tête passent à la ligne dans la largeur de la page : la v1 fige leur bloc à sa largeur
   naturelle, qui dépasse dès trois boutons. */
@media (max-width: 575px) {

	.util-page-header:not(.util-page-header-identity) > .util-page-header-aside {
		flex-shrink: 1;
		min-width: 0;
		max-width: 100%;
	}

	.breeding-week th,
	.breeding-week td {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}

	.breeding-week th {
		white-space: normal;
	}

	/* Le carnet de l'option 4 ajoute « Eau bue, L » : cinq colonnes tiennent en 320 px avec des champs de 3rem et
	   sans retrait devant le lot, que le premier th du cadriciel porte à 0.75rem. */
	.breeding-week td input.form-control {
		width: 3rem;
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}

	.breeding-week tr > th:first-child,
	.breeding-week tr > td:first-child {
		padding-left: 0;
	}

}

.breeding-week td.text-end > input.form-control {
	margin-left: auto;
}

@media (min-width: 576px) {

	#planning-daily-list:has(> .planning-daily-today:nth-child(2) .breeding-week) {
		width: calc(30rem * 7 + 42rem + var(--container-padding) * 2 + var(--nav-width));
		grid-template-columns: 30rem 42rem repeat(6, 30rem);
	}

}

/* La barre de version de l'export Cocotte (hors produit), en tête de chaque écran. */
.breeding-mock-version {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--space-xs);
	padding: var(--space-xs) var(--space-sm);
	background-color: var(--background);
	font-size: 0.9rem;
}