/* Page « Offres d'emploi » : cartes modernes, filtres par établissement et par contrat.
   Les codes couleurs des établissements sont ceux du site (Decanis vert, Gauthière rouge, Violettes violet, Saint-Thys orange, Siège gris). */

.offres-page { --c: #7A4CA3; --c-fonce: #531378; max-width: 1200px; margin: 0 auto; padding: 0 20px 30px 20px; box-sizing: border-box; }
.offres-page .etablissement[data-etab="Decanis"]   { --c: #63B54A; --c-fonce: #3d7a29; }
.offres-page .etablissement[data-etab="Gauthiere"] { --c: #CD0C45; --c-fonce: #8f082f; }
.offres-page .etablissement[data-etab="Violettes"] { --c: #8B5285; --c-fonce: #5A1F53; }
.offres-page .etablissement[data-etab="SaintThys"] { --c: #F79433; --c-fonce: #b35f0a; }
.offres-page .etablissement[data-etab="Siege"]     { --c: #666666; --c-fonce: #3d3d3d; }
.offres-page .etablissement[data-etab="Incolore"]  { --c: #808080; --c-fonce: #555555; }

/* titre et introduction (le contenu vient de includes/zone_centrale_offres.php) */
.offres-page > h2, .offres-page .dernieres-offres ~ h2 { display: none; }
.offres-intro { background: #E6D6F0; border-radius: 8px; padding: 18px 22px; margin: 10px 0 22px 0; text-align: center; }
.offres-intro h2 { display: block !important; margin: 0 0 4px 0; font-size: 1.6rem; color: #531378; }
.offres-intro p { margin: 0; color: #4a3a58; }
.offres-maj { font-size: .9rem; opacity: .85; }

/* barre de filtres */
.offres-outils { background: #fff; border-radius: 10px; box-shadow: 0 1px 4px rgba(83, 19, 120, .15); padding: 14px 16px; margin-bottom: 22px; }
.offres-recherche { width: 100%; box-sizing: border-box; padding: 11px 16px; font-size: 1rem; border: 1px solid #c9b3dd; border-radius: 24px; background: #fff; }
.offres-recherche:focus { outline: 2px solid #7A4CA3; }
.offres-filtres { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; align-items: center; }
.offres-filtres .sep { width: 1px; height: 24px; background: #d9c8e8; margin: 0 6px; }
.offres-filtre { border: 2px solid var(--c); background: #fff; color: var(--c-fonce); padding: 6px 14px; border-radius: 20px; font-size: .9rem; cursor: pointer; transition: background .15s, color .15s; }
.offres-filtre:hover { background: #f6eefb; }
.offres-filtre.actif { background: var(--c); color: #fff; }
.offres-compte { font-size: .9rem; color: #7A4CA3; font-weight: bold; margin-top: 10px; min-height: 18px; }

/* grille de cartes */
.offres-page .dernieres-offres .do-grille { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 20px; }
.offres-page .dog-offre {
	position: relative; width: auto !important; margin: 0; padding: 0 !important; box-sizing: border-box;
	display: flex; flex-direction: column;
	background: #fff; border: 0 !important; border-radius: 12px; overflow: hidden;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .14); transition: transform .15s, box-shadow .15s;
}
.offres-page .dog-offre:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); }

/* bandeau coloré de la carte : établissement + titre du poste */
.offres-page .dog-offre .styl-h4 {
	margin: 0 !important; padding: 14px 18px 14px 18px !important; border-radius: 0 !important;
	background: var(--c) !important; color: #fff !important; font-size: 1.05rem !important; line-height: 1.3 !important; font-style: normal !important; font-weight: bold;
	text-align: left;
}
.offres-page .dog-offre .styl-h4 br { display: none; }
.offres-page .dog-offre .styl-h4 .detail-contrat { display: block; font-size: .85rem; font-weight: normal; opacity: .95; margin-top: 3px; }
.offres-badges { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 18px 0 18px; }
.offres-badge { font-size: .75rem; font-weight: bold; border-radius: 12px; padding: 3px 10px; background: #f1e9f7; color: #531378; }
.offres-badge.etab { background: var(--c); color: #fff; }

.offres-page .dog-offre p { flex: 1; margin: 0; padding: 12px 18px 6px 18px; font-size: .92rem !important; line-height: 1.45 !important; text-align: left !important; color: #2b2b2b; }

/* boutons */
.offres-page .btn-group { display: flex !important; gap: 10px; padding: 12px 18px 18px 18px; margin: 0 !important; justify-content: flex-start !important; flex-wrap: wrap; }
.offres-page .btn-group a { display: inline-flex; text-decoration: none; }
.offres-page .btn-group button { border-radius: 22px; padding: 9px 18px; font-size: .9rem; font-weight: bold; cursor: pointer; transition: background .15s, color .15s, opacity .15s; }
.offres-page .btn-info { background: #fff !important; color: var(--c-fonce) !important; border: 2px solid var(--c) !important; }
.offres-page .btn-info:hover { background: var(--c) !important; color: #fff !important; opacity: 1; }
.offres-page .btn-apply { background: var(--c) !important; color: #fff !important; border: 2px solid var(--c) !important; }
.offres-page .btn-apply:hover { background: var(--c-fonce) !important; border-color: var(--c-fonce) !important; opacity: 1; }
.offres-page .btn-info::before { content: "\1F4C4\00a0"; }
.offres-page .btn-apply::before { content: "\2709\00a0"; }

/* aucun résultat */
.offres-vide { display: none; text-align: center; background: #fff; border-radius: 10px; padding: 30px 20px; color: #555; }
.offres-vide strong { color: #531378; }

/* candidature spontanée */
.offres-spontanee { margin-top: 30px; background: linear-gradient(135deg, #E6D6F0, #f6eefb); border-radius: 12px; padding: 22px 26px; text-align: center; }
.offres-spontanee h3 { margin: 0 0 6px 0; color: #531378; }
.offres-spontanee p { margin: 0 0 14px 0; color: #4a3a58; }
.offres-spontanee a { display: inline-block; background: #7A4CA3; color: #fff !important; padding: 10px 24px; border-radius: 24px; font-weight: bold; text-decoration: none; }
.offres-spontanee a:hover { background: #531378; }

@media (max-width: 600px) {
	.offres-page { padding: 0 12px 24px 12px; }
	.offres-page .dernieres-offres .do-grille { grid-template-columns: 1fr; }
	.offres-filtres .sep { display: none; }
}

/* titre en bandeau comme les autres pages ; la zone centrale suit la largeur commune du site */
.offres-page.content-zone-full { padding-bottom: 30px; }
.offres-maj { text-align: center; color: #666; margin: -8px 0 22px 0; font-size: .92rem; }