/* ================================================
   CRM2SPORT Theme 2026 - Mobile Styles (<= 991px)
   ================================================ */


/* ── Navbar ── */

.navbar-collapse {
	display: none !important;
}

.navbar-brand {
	font-size: 1.625rem;
}


/* ── Hero ── */

.hero-section {
	min-height: 380px;
	background-image: url("../img/hero-responsive.jpg");
}

.hero-content h1 {
	font-size: 2.5rem;
	letter-spacing: 2px;
}

.hero-subtitle {
	font-size: 1rem;
}

.hero-content .btn-danger {
	padding: 0.6rem 1.5rem;
	font-size: 0.85rem;
}


/* ── About ── */

.section-about {
	padding: 2.5rem 1rem;
}

.site-quote {
	font-size: 1.1rem;
	padding: 2rem 2rem;
}

.site-quote::before {
	font-size: 4rem;
	top: -5px;
	left: 5px;
}

.site-quote::after {
	font-size: 4rem;
	bottom: -30px;
	right: 5px;
}

.row-features {
	margin-top: 2rem;
}

.row-features .col-md-4 {
	margin-bottom: 1.5rem;
}

.feature-card {
	padding: 1.5rem 1rem;
}


/* ── CTA ── */

.section-cta {
	padding: 2.5rem 1rem;
}

.cta-text {
	font-size: 1.6rem;
}


/* ── News ── */

.section-news {
	padding: 3rem 1rem;
}

.section-news-title {
	font-size: 2rem;
	margin-bottom: 2rem;
}

.news-card {
	padding: 1.5rem;
}


/* ── Section Text ── */

.section-text {
	padding: 2rem 1rem;
	min-height: auto;
}

.section-text h1 {
	font-size: 2rem;
	text-align: center;
	display: block;
}


/* ── Fonctionnalités ── */

.funcs-hero-content h1,
.tarifs-hero-content h1,
.recrutement-hero-content h1,
.section-contact-hero h1,
.section-actu-hero h1,
.sport-hero-content h1 {
	font-size: 2.5rem;
}

.section-funcs .nav-pills {
	flex-wrap: wrap;
	justify-content: center;
}

.section-funcs .nav-pills .nav-link {
	padding: 0.5rem 1rem;
	font-size: 0.75rem;
}

.tab-slogan {
	font-size: 0.9rem;
	text-align: center;
}

.tab-count {
	width: 50px;
	height: 50px;
	font-size: 1.3rem;
}

.func-item {
	font-size: 0.85rem;
	text-align: left;
	justify-content: flex-start;
	padding: 0.8rem 1rem;
}


/* ── Pricing ── */

.pricing-list li {
	font-size: 0.95rem;
}

.price-tag {
	font-size: 1.1rem;
	padding: 1.5rem 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.price-tag strong {
	font-size: 3rem;
}

.price-badges {
	flex-direction: column;
	align-items: center;
}

.questions-cta {
	padding: 2rem 1.5rem;
}

.questions-cta h2 {
	font-size: 1.5rem;
}


/* ── More Questions & No Record ── */

.more-questions {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 1rem;
}

.no-record-block {
	padding: 2.5rem 1.5rem;
}

.no-record-icon {
	width: 60px;
	height: 60px;
	font-size: 1.5rem;
}

.no-record-block h2 {
	font-size: 1.5rem;
}


/* ── Recrutement Hero ── */

.section-recrutement-hero {
	min-height: 200px;
}


.recrutement-hero-content p {
	font-size: 0.95rem;
}


/* ── Contact ── */


.section-contact-body {
	padding: 2rem 1rem;
}

.contact-info-card {
	padding: 1.2rem;
}

.contact-form-wrapper {
	padding: 1.5rem;
}

.col-contact-form {
	padding-left: 0;
	padding-right: 0;
}


/* ── Footer ── */

footer {
	padding: 2.5rem 1rem 1rem;
	text-align: center;
}

.footer-brand {
	font-size: 1.6rem;
}

.footer-title {
	margin-top: 1.5rem;
}

.footer-bottom {
	padding-bottom: 3rem;
}


/* ── Mobile Menu ── */

.mobile-menu-nav ul li a {
	font-size: 1.6rem;
}