/* Shell UI — chrome + Chat embedded + retour surfaces. N'altère pas la barre PWA. */

.apulia-shell-chrome{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:20;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:calc(10px + env(safe-area-inset-top, 0px)) 10px 8px;
	pointer-events:none;
}
.apulia-shell-ico{
	pointer-events:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	gap:3px;
	border:0;
	margin:0;
	padding:0;
	width:56px;
	min-width:56px;
	min-height:62px;
	background:transparent !important;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	font:inherit;
	line-height:1.15;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
}
#apulia-shell-chrome,
#apulia-shell-chrome *{
	-webkit-tap-highlight-color:transparent !important;
}
#apulia-shell-chrome button::-moz-focus-inner{
	border:0;
	padding:0;
}
#apulia-shell-chrome .apulia-shell-ico:hover,
#apulia-shell-chrome .apulia-shell-ico:active,
#apulia-shell-chrome .apulia-shell-ico:focus,
#apulia-shell-chrome .apulia-shell-ico:focus-visible{
	background:transparent !important;
	outline:none;
	box-shadow:none;
}
#apulia-shell-chrome .apulia-shell-ico:active .apulia-shell-ico-disc{
	filter:brightness(0.92);
	background:#F6A623 !important;
}
#apulia-shell-chrome #apulia-shell-menu,
#apulia-shell-chrome #apulia-shell-compte{
	width:56px !important;
	min-width:56px !important;
	min-height:62px !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	outline:none !important;
	box-shadow:none !important;
	background:transparent !important;
	color:#fff !important;
	appearance:none !important;
	-webkit-appearance:none !important;
	-webkit-tap-highlight-color:transparent !important;
}
#apulia-shell-chrome #apulia-shell-menu::-moz-focus-inner{
	border:0 !important;
	padding:0 !important;
}
#apulia-shell-chrome #apulia-shell-menu:hover,
#apulia-shell-chrome #apulia-shell-menu:focus,
#apulia-shell-chrome #apulia-shell-menu:focus-visible,
#apulia-shell-chrome #apulia-shell-menu:active,
#apulia-shell-chrome #apulia-shell-compte:hover,
#apulia-shell-chrome #apulia-shell-compte:focus,
#apulia-shell-chrome #apulia-shell-compte:focus-visible,
#apulia-shell-chrome #apulia-shell-compte:active{
	background:transparent !important;
	color:#fff !important;
	border:0 !important;
	outline:none !important;
	box-shadow:none !important;
	filter:none;
}
#apulia-shell-chrome #apulia-shell-menu .apulia-shell-ico-disc,
#apulia-shell-chrome #apulia-shell-compte .apulia-shell-ico-disc{
	width:42px !important;
	height:42px !important;
	border-radius:50% !important;
	background:#F6A623 !important;
	border:0 !important;
	box-shadow:0 2px 12px rgba(0,29,38,.18);
	overflow:hidden;
}
#apulia-shell-chrome #apulia-shell-menu:hover .apulia-shell-ico-disc,
#apulia-shell-chrome #apulia-shell-menu:focus .apulia-shell-ico-disc,
#apulia-shell-chrome #apulia-shell-menu:focus-visible .apulia-shell-ico-disc,
#apulia-shell-chrome #apulia-shell-menu:active .apulia-shell-ico-disc{
	background:#F6A623 !important;
}
#apulia-ss-root.is-trip-open #apulia-ss-shell-menu-sheet,
#apulia-ss-root.is-trip-open #apulia-ss-flight-search-sheet{
	display:none !important;
}
#apulia-ss-shell-menu-sheet.is-open{
	z-index:21;
}
#apulia-ss-shell-menu-sheet .apulia-ss-sheet-card{
	overflow-y:auto !important;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior:contain;
	scrollbar-width:none;
	-ms-overflow-style:none;
	touch-action:pan-y;
}
#apulia-ss-shell-menu-sheet .apulia-ss-sheet-card::-webkit-scrollbar{
	display:none;
	width:0;
	height:0;
}
#apulia-ss-shell-menu-sheet .apulia-ss-handle{
	position:sticky;
	top:0;
	z-index:3;
}
#apulia-ss-shell-menu-sheet .apulia-ss-modal-close{
	position:absolute;
	top:12px;
	right:12px;
	z-index:4;
}
#apulia-ss-shell-menu-sheet .apulia-ss-add-stack{
	margin-top:8px;
}
#apulia-ss-shell-menu-sheet .apulia-ss-add-list{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	column-gap:10px;
	row-gap:10px;
	grid-auto-rows:1fr;
	align-items:stretch;
}
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-list .apulia-ss-add-btn--card{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	min-height:118px;
	margin:0;
	padding:14px 10px;
	gap:6px;
	appearance:none;
	-webkit-appearance:none;
	font:inherit;
	cursor:pointer;
	box-sizing:border-box;
	text-align:center;
	text-decoration:none;
	background:transparent !important;
	border:1px solid var(--ass-on-card-line);
	border-radius:14px;
	color:#fff !important;
	-webkit-tap-highlight-color:transparent;
}
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-list .apulia-ss-add-btn--card:hover,
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-list .apulia-ss-add-btn--card:active,
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-list .apulia-ss-add-btn--card:focus,
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-list .apulia-ss-add-btn--card:focus-visible{
	border-color:var(--ass-orange);
	background:transparent !important;
	outline:none;
	box-shadow:none;
	-webkit-tap-highlight-color:transparent;
}
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-btn-ic,
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-btn-label{
	color:#fff !important;
}
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-btn-ic{
	font-size:22px;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
}
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-btn-ic svg{
	display:block;
	width:22px;
	height:22px;
}
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-btn-label{
	font-size:14px;
	font-weight:700;
	line-height:1.25;
	width:100%;
}
#apulia-ss-root #apulia-ss-shell-menu-sheet .apulia-ss-add-list .apulia-ss-add-btn--card small{
	width:100%;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:500;
	line-height:1.35;
	color:rgba(255,255,255,0.72);
}
.apulia-shell-ico-disc{
	width:42px;
	height:42px;
	border-radius:50%;
	background:rgba(0,29,38,.72);
	display:grid;
	place-items:center;
	box-shadow:0 2px 12px rgba(0,29,38,.18);
}
.apulia-shell-ico--compte .apulia-shell-ico-disc,
.apulia-shell-ico--menu .apulia-shell-ico-disc{
	background:#F6A623;
	color:#fff;
}
.apulia-shell-ico-disc svg{ width:22px; height:22px; }
.apulia-shell-ico--compte .apulia-shell-ico-disc svg,
.apulia-shell-ico--menu .apulia-shell-ico-disc svg{ stroke:#fff; color:#fff; }
.apulia-shell-ico b{ font-size:10px; font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,.45); }

#apulia-ss-root.is-trip-open #apulia-shell-chrome{
	display:none !important;
	visibility:hidden !important;
	pointer-events:none !important;
}

.apulia-shell-host .apulia-ss-stats-row .apulia-ss-stat[data-social],
.apulia-shell-host .apulia-ss-mem-stat[data-social]{
	display:none !important;
}
.apulia-shell-host .is-compose-off [data-open-compose],
.apulia-shell-host .is-compose-off #apulia-ss-compose,
.apulia-shell-host .is-compose-off .apulia-ss-create-row{
	display:none !important;
}
.apulia-ss-social-tabs{
	display:flex;
	gap:6px;
	padding:0 2px 10px;
}
.apulia-ss-social-tab{
	flex:1;
	height:34px;
	border:0;
	border-radius:999px;
	background:#0a3e50;
	color:#fff;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
}
.apulia-ss-social-tab.is-active{
	background:#F6A623;
	color:#001D26;
}
.apulia-shell-host #apulia-ss-mem-tabs [data-memtab="reels"]{
	display:none !important;
}

#apulia-shell-chat{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:24;
	display:flex;
	flex-direction:column;
	background:linear-gradient(90deg,#001D26 0%,#005E75 100%);
	border-radius:28px 28px 0 0;
	overflow:hidden;
	box-shadow:none;
	padding-bottom:env(safe-area-inset-bottom, 0px);
	transition:height .28s cubic-bezier(.22,.61,.36,1);
	height:calc(92px + env(safe-area-inset-bottom, 0px));
}
#apulia-shell-chat.is-open{
	height:80vh;
	height:80dvh;
	box-shadow:0 -14px 36px rgba(0,0,0,.28);
	overscroll-behavior:contain;
}
#apulia-shell-chat.is-open.apulia-no-dvh{
	height:var(--apulia-shell-open-h, 80vh);
}
#apulia-shell-chat.is-open.is-full{
	height:calc(100dvh - env(safe-area-inset-top, 0px));
	padding-top:env(safe-area-inset-top, 0px);
}
#apulia-shell-chat.is-open.is-full.apulia-no-dvh{
	height:var(--apulia-shell-full-h, 100vh);
}
#apulia-shell-chat:has(#chatInput:focus){
	transition:none;
}
/* Clavier : le panneau épouse le visual viewport. Safe-area déjà sous le clavier. */
#apulia-shell-chat.is-open.is-kb{
	bottom:var(--apulia-shell-kb, 0px);
	height:var(--apulia-shell-vvh, 80dvh);
	max-height:var(--apulia-shell-vvh, 80dvh);
	padding-bottom:0;
}
#apulia-shell-chat.is-open.is-full.is-kb{
	height:var(--apulia-shell-vvh, 100dvh);
	max-height:var(--apulia-shell-vvh, 100dvh);
	padding-top:0;
}
#apulia-shell-chat .apulia-shell-chat-handle{
	flex:0 0 auto;
	width:46px;
	height:22px;
	margin:6px auto 2px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
	position:relative;
}
#apulia-shell-chat .apulia-shell-chat-handle::before{
	content:"";
	position:absolute;
	left:0; right:0; top:8px;
	height:5px;
	border-radius:99px;
	background:#F6A623;
}
.apulia-shell-tools,
.apulia-shell-tool{
	display:none !important;
}
.apulia-shell-chat-body{
	flex:1;
	min-height:0;
	position:relative;
}
#apulia-shell-chat .apulia-chat-shell{
	position:absolute !important;
	inset:0 !important;
	width:100% !important;
	height:100% !important;
	max-height:100% !important;
	min-height:0 !important;
	overflow:hidden !important;
	z-index:1 !important;
	grid-template-rows:auto minmax(0,1fr) auto;
	background:transparent !important;
}
#apulia-shell-chat.is-open .chat-messages{
	min-height:0;
	overflow-y:auto;
	overscroll-behavior:contain;
	-webkit-overflow-scrolling:touch;
	touch-action:pan-y;
}
#apulia-shell-chat .apulia-chat-header,
#apulia-shell-chat .chat-messages,
#apulia-shell-chat .apulia-composer{
	background:transparent !important;
	border:0 !important;
	border-top:0 !important;
}
#apulia-shell-chat:not(.is-open) .apulia-chat-shell{
	display:flex !important;
	flex-direction:column;
	justify-content:flex-end;
}
#apulia-shell-chat:not(.is-open) .apulia-chat-header,
#apulia-shell-chat:not(.is-open) .chat-messages{
	display:none !important;
}
#apulia-shell-chat .apulia-composer{
	padding:2px 12px 10px !important;
}
#apulia-shell-chat #plusBtn,
#apulia-shell-chat #sendBtn{
	width:46px !important;
	height:46px !important;
	min-width:46px !important;
	min-height:46px !important;
	padding:0 !important;
	box-sizing:border-box !important;
	flex:0 0 46px !important;
}
#apulia-shell-chat #actionBtn.action--mic{
	width:38px !important;
	height:38px !important;
	min-width:38px !important;
	min-height:38px !important;
	padding:0 !important;
	box-sizing:border-box !important;
}
#apulia-shell-chat .composer-field{
	min-height:46px !important;
	border-radius:22px !important;
}
#apulia-shell-chat .chat-input{
	min-height:46px !important;
	font-size:16px !important;
	padding:11px 46px 11px 16px !important;
}
#apulia-shell-chat .actions-row{
	display:none !important;
}
#apulia-shell-chat:not(.is-open){
	border-radius:0;
}
#apulia-shell-chat:not(.is-open) #apulia-shell-chat-close{
	display:none !important;
}
#apulia-shell-chat.is-open #apulia-shell-chat-close{
	display:flex !important;
	z-index:6;
}

/* PC : même colonne et même largeur que le Carnet, au-dessus de lui. */
@media (min-width:1024px){
	#apulia-shell-chat{
		left:var(--ass-desktop-panel-left);
		right:auto;
		width:var(--ass-panel-desktop-w);
		max-width:var(--ass-panel-desktop-w);
		bottom:24px;
		padding-bottom:0;
	}
	#apulia-shell-chat:not(.is-open){
		border-radius:0 0 var(--ass-radius-lg, 24px) var(--ass-radius-lg, 24px);
	}
	#apulia-shell-chat.is-open{
		height:calc(100dvh - 48px);
		border-radius:var(--ass-radius-lg, 24px);
	}
	#apulia-shell-chat.is-open.is-kb,
	#apulia-shell-chat.is-open.is-full.is-kb,
	#apulia-shell-chat.is-open.apulia-no-dvh,
	#apulia-shell-chat.is-open.is-full.apulia-no-dvh{
		bottom:24px;
		height:calc(100dvh - 48px);
		max-height:none;
		padding-bottom:0;
	}
}
html.apulia-shell-scroll-lock,
html.apulia-shell-scroll-lock body{
	overflow:hidden;
	overscroll-behavior:none;
}
html.apulia-shell-scroll-lock body{
	position:fixed;
	left:0;
	right:0;
	width:100%;
}
body.apulia-shell-host > .apl-onb-overlay{
	z-index:100000;
}

#apulia-ss-discover-panel .apulia-ss-stories-row,
.apulia-shell-host #apulia-ss-feed-panel,
.apulia-shell-host #apulia-ss-trip-publish,
.apulia-shell-host #apulia-ss-dest-publish{
	display:none !important;
}

.apulia-ss-post-like,
.apulia-ss-post-like.is-liked{
	color:#F6A623 !important;
}
.apulia-ss-post-like.is-liked{
	background:rgba(246,166,35,.18);
}

body.apulia-shell-surface #apulia-shell-return.apulia-shell-return,
.apulia-shell-return{
	position:fixed;
	top:calc(8px + env(safe-area-inset-top, 0px));
	right:8px;
	z-index:10050;
	width:40px;
	height:40px;
	padding:0;
	border:0 !important;
	border-radius:50%;
	background:transparent !important;
	color:#F6A623 !important;
	font-weight:700;
	font-size:26px;
	line-height:1;
	text-decoration:none;
	display:flex !important;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	text-shadow:0 1px 4px rgba(0,0,0,.35);
}

@media (prefers-reduced-motion: reduce){
	#apulia-shell-chat{ transition:none; }
}