/* ============================================================
   SEO Hub Styles — TanitV9 (Tunisie)
   ============================================================ */

/* --- Browse pages H1 (villes, catégories, gouvernorats) --- */
.browse-seo-h1 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 26px;
	color: #1a1d2e;
	margin: 0 0 8px;
	font-weight: 700;
}
.browse-seo-intro {
	font-size: 15px;
	color: #6b7280;
	margin: 0 0 20px;
}

/* --- State Pillar Page --- */
.region-pillar {
	padding: 30px 0;
}
.region-pillar__hero {
	margin-bottom: 30px;
}
.region-pillar__hero h1 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 28px;
	color: #1a1d2e;
	margin: 0 0 15px;
	font-weight: 700;
}
.region-pillar__intro {
	font-size: 15px;
	color: #6b7280;
	line-height: 1.7;
}
.region-pillar__section {
	margin-bottom: 30px;
}
.region-pillar__section h2 {
	font-size: 20px;
	color: #1a1d2e;
	margin: 0 0 18px;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 2px solid #dde3ea;
}
.region-pillar__breadcrumb {
	margin-bottom: 20px;
}
.region-pillar__breadcrumb a {
	color: #f47920;
	font-size: 14px;
}

/* --- SEO links --- */
.seo-links {
	margin: 0;
	padding: 0;
}
.seo-links li {
	padding: 6px 0;
	line-height: 1.6;
}
.seo-links li a {
	color: #1a1d2e;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 4px 8px;
	border-radius: 3px;
	transition: background 0.2s;
}
.seo-links li a:hover {
	background: rgba(244, 121, 32, 0.06);
	text-decoration: none;
	color: #f47920;
}
.seo-links__count {
	color: #6b7280;
	font-size: 12px;
	margin-left: 4px;
}

/* --- FAQ / SEO Bloc accueil --- */
.seo-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 40px 20px 56px;
	border-top: 2px solid #f47920;
}
.seo-wrap h2 {
	font-size: 17px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 6px;
}
.seo-intro {
	font-size: 13px;
	color: #7a8a99;
	margin-bottom: 28px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dde3ea;
}
.faq-item { border-bottom: 1px solid #dde3ea; }
.faq-item:first-of-type { border-top: 1px solid #dde3ea; }
.faq-btn {
	width: 100%;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 13px 0;
	text-align: left;
	font-size: 13.5px;
	font-weight: 700;
	color: #1a1a1a;
	gap: 16px;
}
.faq-btn:hover { color: #f47920; }
.faq-chevron {
	flex-shrink: 0;
	width: 18px; height: 18px;
	transition: transform .22s;
	color: #7a8a99;
}
.faq-item.open .faq-chevron { transform: rotate(180deg); color: #f47920; }
.faq-body {
	display: none;
	padding: 0 0 18px 0;
	font-size: 13.5px;
	color: #4a4a4a;
	line-height: 1.75;
}
.faq-item.open .faq-body { display: block; }
.seo-wrap a { color: #1a5fa8; text-decoration: none; }
.seo-wrap a:hover { text-decoration: underline; }
.ia-note {
	background: #fff7f0;
	border-left: 3px solid #f47920;
	padding: 10px 14px;
	margin: 12px 0;
	font-size: 13px;
	color: #5a3010;
	border-radius: 0 4px 4px 0;
}
.ia-note strong { color: #f47920; }
.tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
}
.tags a {
	display: inline-block;
	background: #f4f6f8;
	border: 1px solid #dde3ea;
	border-radius: 3px;
	padding: 3px 9px;
	font-size: 12px;
	color: #4a4a4a;
}
.tags a:hover {
	background: #fff3e8;
	color: #f47920;
	border-color: #f4c08a;
	text-decoration: none;
}
.seo-footer {
	margin-top: 28px;
	padding: 18px 20px;
	background: #f4f6f8;
	border: 1px solid #dde3ea;
	border-radius: 4px;
}
.seo-footer h3 {
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 8px;
}

/* --- Badge Vérifié (company + detail emploi) --- */
.badge-verified-inline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #EEF4FF;
  border: 1px solid #BFDBFE;
  color: #0055D9;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  vertical-align: middle;
  margin-left: 8px;
  white-space: nowrap;
}

/* --- Responsive --- */
@media (max-width: 767px) {
	.region-pillar__hero h1 { font-size: 22px; }
	.region-pillar__section h2 { font-size: 18px; }
	.browse-seo-h1 { font-size: 20px; }
	.browse-seo-intro { font-size: 14px; }
	.seo-wrap h2 { font-size: 15px; }
	.faq-btn { font-size: 13px; }
	.seo-bottom-content { padding: 20px 15px; }
	.seo-bottom-content h2 { font-size: 18px; }
}

/* ============================================================
   SEO Bottom Content — Textes SEO en bas des pages listings
   ============================================================ */
.seo-bottom-content {
	margin-top: 40px;
	padding: 30px 20px;
	border-top: 2px solid #f0f0f0;
	background: #fafafa;
	border-radius: 8px;
}
.seo-bottom-content h2 {
	font-size: 20px;
	color: #1a1a2e;
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 1.4;
}
.seo-bottom-content .seo-text {
	font-size: 14.5px;
	line-height: 1.75;
	color: #555;
}
.seo-bottom-content .seo-text p {
	margin-bottom: 12px;
}
.seo-bottom-content .seo-text a {
	color: #1a73e8;
	text-decoration: none;
	font-weight: 500;
}
.seo-bottom-content .seo-text a:hover {
	text-decoration: underline;
}