/**
 * SoutienSchool — footer responsive (mobile / tablette)
 */

/* Ruban démo Porto « Get In Touch » */
body.soutienschool-wide-layout #footer .footer-ribbon,
body.soutienschool-wide-layout #footer > .container.z-index-1 {
	display: none !important;
}

@media (max-width: 991px) {
	body.soutienschool-wide-layout #footer.footer-builder {
		overflow-x: hidden;
		width: 100%;
		max-width: 100vw;
	}

	/* LearnDash / Bootstrap imposent parfois margin -15px sur .row → débordement + coupe Porto */
	body.soutienschool-wide-layout #footer .row,
	body.soutienschool-wide-layout #footer .wpb_row.vc_inner.row,
	body.soutienschool-wide-layout #footer .vc_row.vc_inner {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.soutienschool-wide-layout #footer .porto-wrap-container.container > .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.soutienschool-wide-layout #footer .vc_column_container,
	body.soutienschool-wide-layout #footer .vc_column-inner,
	body.soutienschool-wide-layout #footer .wpb_wrapper {
		max-width: 100% !important;
	}

	body.soutienschool-wide-layout .footer-wrapper {
		width: 100%;
		max-width: 100vw;
		overflow: visible;
	}

	/* Bloc sombre pleine largeur */
	body.soutienschool-wide-layout #footer .porto-block,
	body.soutienschool-wide-layout #footer .porto-inner-container {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	body.soutienschool-wide-layout #footer .porto-inner-container > .porto-wrap-container.container {
		width: 100%;
		max-width: 100%;
		padding-left: var(--ss-site-gutter);
		padding-right: var(--ss-site-gutter);
		margin-left: 0;
		margin-right: 0;
	}

	/* Évite le double padding sur conteneurs imbriqués */
	body.soutienschool-wide-layout #footer .container .container {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
	}

	/* Réduit les espacements VC du demo Porto */
	body.soutienschool-wide-layout #footer .vc_custom_1657849789930 {
		padding-top: 1.75rem !important;
		padding-bottom: 1rem !important;
	}

	body.soutienschool-wide-layout #footer .vc_custom_1657543230494 {
		padding-top: 0.6rem !important;
		padding-bottom: 0.4rem !important;
	}

	body.soutienschool-wide-layout #footer .vc_custom_1657543230494 .vc_column_container {
		text-align: center !important;
		margin-bottom: 0.25rem;
	}

	body.soutienschool-wide-layout #footer .vc_custom_1657543230494 .vc_custom_heading p,
	body.soutienschool-wide-layout #footer .vc_custom_1657543230494 .porto-u-heading p,
	body.soutienschool-wide-layout #footer .vc_custom_1657543230494 p {
		margin-bottom: 0 !important;
		line-height: 1.35;
	}

	/* Colonnes footer empilées et lisibles */
	body.soutienschool-wide-layout #footer .vc_column_container[class*="col-md-"],
	body.soutienschool-wide-layout #footer .vc_column_container[class*="col-lg-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	body.soutienschool-wide-layout #footer .vc_custom_1657543230494 > .porto-wrap-container.container > .row,
	body.soutienschool-wide-layout #footer .vc_custom_1657543230494 .row {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	body.soutienschool-wide-layout #footer .align-left,
	body.soutienschool-wide-layout #footer .vc_align_left,
	body.soutienschool-wide-layout #footer .text-md-end {
		text-align: left !important;
	}

	body.soutienschool-wide-layout #footer .tagcloud {
		display: flex;
		flex-wrap: wrap;
		gap: 0.35rem;
		justify-content: flex-start;
	}

	body.soutienschool-wide-layout #footer .tagcloud a {
		margin: 0 !important;
		word-break: break-word;
	}

	body.soutienschool-wide-layout #footer .wpb_single_image img {
		max-width: 100%;
		height: auto;
	}

	/* Barre sticky Porto (Home / Categories / Account) désactivée */
	body.soutienschool-wide-layout .porto-sticky-navbar {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	/* Porto réserve encore ~60px sous le footer si la barre mobile a déjà été active */
	body.soutienschool-wide-layout {
		--porto-icon-menus-mobile: 0px !important;
		padding-bottom: 0 !important;
	}

	body.soutienschool-wide-layout #footer,
	body.soutienschool-wide-layout #footer-bottom,
	body.soutienschool-wide-layout .footer-wrapper {
		margin-bottom: 0 !important;
		padding-bottom: env(safe-area-inset-bottom, 0px);
	}

	/* Icônes sociales (remplacement shortcode demo) */
	body.soutienschool-wide-layout #footer .ss-footer-social {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		margin-top: 0.35rem;
	}

	body.soutienschool-wide-layout #footer .ss-footer-social__link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.25rem;
		height: 2.25rem;
		border: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 50%;
		color: #fff !important;
		font-size: 0.85rem;
		transition: border-color 0.15s ease, background-color 0.15s ease;
	}

	body.soutienschool-wide-layout #footer .ss-footer-social__link:hover {
		border-color: #fff;
		background: rgba(255, 255, 255, 0.08);
	}
}

@media (max-width: 575px) {
	body.soutienschool-wide-layout #footer .vc_custom_1657849789930 {
		padding-top: 1.35rem !important;
	}

	body.soutienschool-wide-layout #footer .vc_custom_1657543230494 {
		padding-top: 0.45rem !important;
		padding-bottom: 0.3rem !important;
	}

	body.soutienschool-wide-layout #footer .porto-u-sub-heading a {
		display: block;
		padding: 0.15rem 0;
	}
}