/**
 * Kokende — affichage adaptatif global (complété par device-manager.js sur le body).
 *
 * Breakpoints alignés sur device-manager.js : mobile ≤767, tablette 768–1023, desktop ≥1024.
 * Modes forcés : classes body device-* (priorité sur media queries).
 *
 * @package Kokende_Theme
 */

/* -------------------------------------------------------------------------
 * Barre de recherche (layout « bar ») — desktop horizontal type BlaBlaCar
 * ------------------------------------------------------------------------- */

body.device-desktop .kokende-search-form--bar .kokende-search-bar {
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	border-radius: 0.75rem;
}

body.device-desktop .kokende-search-form--bar .kokende-search-bar__divider {
	display: block;
}

body.device-desktop .kokende-search-form--bar .kokende-search-bar__segment {
	flex: 1 1 140px;
	border-bottom: none;
}

body.device-desktop .kokende-search-form--bar .kokende-search-bar__segment--from,
body.device-desktop .kokende-search-form--bar .kokende-search-bar__segment--to {
	flex: 1.25 1 160px;
}

body.device-desktop .kokende-search-form--bar .kokende-search-bar__swap-wrap {
	width: auto;
	border-bottom: none;
	padding: 0 0.15rem;
}

/* -------------------------------------------------------------------------
 * Mobile + tablette : empilement vertical, bouton pleine largeur
 * ------------------------------------------------------------------------- */

body.device-mobile .kokende-search-form--bar .kokende-search-bar,
body.device-tablet .kokende-search-form--bar .kokende-search-bar {
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	border-radius: 1rem;
	overflow: visible;
}

body.device-mobile .kokende-search-form--bar .kokende-search-bar__divider,
body.device-tablet .kokende-search-form--bar .kokende-search-bar__divider {
	display: none;
	width: 100%;
	height: 1px;
	margin: 0;
	align-self: stretch;
}

body.device-mobile .kokende-search-form--bar .kokende-search-bar__segment,
body.device-tablet .kokende-search-form--bar .kokende-search-bar__segment {
	flex: 1 1 auto;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	border-bottom: 1px solid #f3f4f6;
	box-sizing: border-box;
}

body.device-mobile .kokende-search-form--bar .kokende-search-bar__segment--pax,
body.device-tablet .kokende-search-form--bar .kokende-search-bar__segment--pax {
	border-bottom: none;
}

body.device-mobile .kokende-search-form--bar .kokende-search-bar__swap-wrap,
body.device-tablet .kokende-search-form--bar .kokende-search-bar__swap-wrap {
	width: 100%;
	justify-content: center;
	padding: 0.4rem 0;
	border-bottom: 1px solid #f3f4f6;
}

body.device-mobile .kokende-search-bar-footer--below .kokende-search-btn,
body.device-tablet .kokende-search-bar-footer--below .kokende-search-btn,
body.device-mobile .kokende-search-bar-footer--below .kokende-search-bar__submit,
body.device-tablet .kokende-search-bar-footer--below .kokende-search-bar__submit {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

body.device-mobile .kokende-search-bar-footer--below,
body.device-tablet .kokende-search-bar-footer--below {
	padding-left: 0;
	padding-right: 0;
}

/* -------------------------------------------------------------------------
 * Hooks extensibles futurs (BlaBlaCar-like spacing)
 * ------------------------------------------------------------------------- */

body.device-mobile .kokende-hero-search,
body.device-tablet .kokende-hero-search {
	padding-left: 0;
	padding-right: 0;
}