/* INDÉPRO Offres — DA-compliant */
/* ============== HERO CUSTOM SINGLE ============== */
.indepro-offre-hero .indepro-hero-centered {
display: flex; flex-direction: column; align-items: center;
gap: 16px;
}
.indepro-offre-hero__icon {
width: 88px; height: 88px;
background: rgba(235,187,129,0.1);
border: 1.5px solid rgba(235,187,129,0.35);
border-radius: 22px;
display: flex; align-items: center; justify-content: center;
color: #ebbb81;
margin-bottom: 4px;
box-shadow: 0 0 40px rgba(235,187,129,0.15), inset 0 1px 0 rgba(255,255,255,0.05);
}
.indepro-offre-hero__tag {
display: inline-flex; align-items: center;
}
.indepro-offre-hero__tag--locked {
background: rgba(242,241,237,0.08) !important;
color: rgba(242,241,237,0.7) !important;
border-color: rgba(242,241,237,0.12) !important;
}
.indepro-offre-hero__meta {
display: flex; flex-wrap: wrap; justify-content: center;
gap: 10px; margin-top: 18px;
}
.indepro-offre-hero__chip {
display: inline-flex; align-items: center; gap: 7px;
font-size: 12.5px; font-weight: 600;
padding: 7px 14px; border-radius: 8px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
color: rgba(242,241,237,0.85);
}
.indepro-offre-hero__chip svg { color: #ebbb81; }
.indepro-offre-hero__chip--secteur {
background: rgba(235,187,129,0.08);
border-color: rgba(235,187,129,0.22);
color: #f2f1ed;
}
.indepro-offre-hero__chip--type {
background: rgba(235,187,129,0.1);
border-color: rgba(235,187,129,0.28);
color: #ebbb81;
font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
font-size: 11px;
}
.indepro-offre-hero__chip--deadline {
background: rgba(229,69,69,0.08);
border-color: rgba(229,69,69,0.25);
color: rgba(242,241,237,0.85);
}
.indepro-offre-hero__chip--deadline svg { color: #e54545; }
/* ============== ARCHIVE COMPTEUR ============== */
.indepro-offres-archive .indepro-offres-counter {
padding: 70px 0 30px; text-align: center;
}
.indepro-offres-counter__pill {
display: inline-flex; align-items: center; gap: 8px;
font-size: 11px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.12em; color: #ebbb81;
background: rgba(235,187,129,0.08);
border: 1px solid rgba(235,187,129,0.25);
border-radius: 999px; padding: 6px 16px; margin-bottom: 24px;
}
.indepro-offres-counter__pill-dot { width: 6px; height: 6px; background: #ebbb81; border-radius: 50%; animation: ioPulse 1.8s ease-in-out infinite; }
@keyframes ioPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.indepro-offres-counter__lead { font-size: 14px; color: rgba(242,241,237,0.55); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; margin-bottom: 12px; }
.indepro-offres-counter__amount { font-size: clamp(48px, 9vw, 96px); font-weight: 800; color: #ebbb81; line-height: 1; margin-bottom: 14px; letter-spacing: -0.02em; }
.indepro-offres-counter__suffix { font-size: 0.55em; opacity: 0.7; margin-left: 8px; font-weight: 700; }
.indepro-offres-counter__sub { font-size: 16px; color: rgba(242,241,237,0.75); max-width: 580px; margin: 0 auto; line-height: 1.55; }
.indepro-offres-counter__sub strong { color: #ebbb81; }
/* ============== ARCHIVE CARDS ============== */
.indepro-offres-list { padding: 40px 0 60px; }
.indepro-offres-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
gap: 22px;
}
.indepro-offre-card {
position: relative; display: flex; flex-direction: column;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px; padding: 28px;
transition: all 0.3s ease; overflow: hidden;
}
.indepro-offre-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, #ebbb81 0%, #f2c088 100%);
opacity: 0.8;
}
.indepro-offre-card--locked::before { background: rgba(242,241,237,0.15); opacity: 1; }
.indepro-offre-card:hover { border-color: rgba(235,187,129,0.4); transform: translateY(-4px); }
/* ============== Card OUVERTE : visuel "à pourvoir" en or ============== */
.indepro-offre-card--open {
background: linear-gradient(135deg, rgba(235,187,129,0.05) 0%, rgba(235,187,129,0.015) 60%, rgba(255,255,255,0.02) 100%);
border-color: rgba(235,187,129,0.32);
box-shadow: 0 0 40px rgba(235,187,129,0.06), inset 0 0 0 1px rgba(235,187,129,0.04);
}
.indepro-offre-card--open::before {
height: 4px;
opacity: 1;
box-shadow: 0 0 18px rgba(235,187,129,0.55);
}
.indepro-offre-card--open .indepro-offre-card__title {
color: #f7e5c8;
}
.indepro-offre-card--open .indepro-offre-card__icon {
background: rgba(235,187,129,0.16);
border-color: rgba(235,187,129,0.42);
box-shadow: 0 0 24px rgba(235,187,129,0.12);
}
.indepro-offre-card--open:hover {
border-color: rgba(235,187,129,0.62);
box-shadow: 0 12px 36px rgba(235,187,129,0.18), inset 0 0 0 1px rgba(235,187,129,0.1);
transform: translateY(-5px);
}
.indepro-offre-card--open:hover .indepro-offre-card__title {
color: #ebbb81;
}
.indepro-offre-card__head {
display: flex; align-items: center; justify-content: space-between;
margin-bottom: 18px; gap: 14px;
}
.indepro-offre-card__icon {
width: 60px; height: 60px; flex-shrink: 0;
background: rgba(235,187,129,0.1);
border: 1.5px solid rgba(235,187,129,0.28);
border-radius: 14px;
display: flex; align-items: center; justify-content: center;
color: #ebbb81;
}
.indepro-offre-card--locked .indepro-offre-card__icon {
background: rgba(242,241,237,0.05);
border-color: rgba(242,241,237,0.15);
color: rgba(242,241,237,0.5);
}
.indepro-offre-card__badge {
font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;
padding: 5px 11px; border-radius: 6px; white-space: nowrap;
display: inline-flex; align-items: center; gap: 6px;
}
.indepro-offre-card__badge--public {
background: rgba(235,187,129,0.15); color: #ebbb81;
border: 1px solid rgba(235,187,129,0.28);
}
.indepro-offre-card__badge--locked {
background: rgba(242,241,237,0.08); color: rgba(242,241,237,0.6);
border: 1px solid rgba(242,241,237,0.14);
}
.indepro-offre-card__title {
font-size: 19px; font-weight: 700; line-height: 1.3;
color: #f2f1ed; margin-bottom: 10px;
}
.indepro-offre-card__meta {
font-size: 12.5px; color: rgba(242,241,237,0.55);
line-height: 1.5;
margin-bottom: 18px;
}
.indepro-offre-card__remu {
font-size: 14px; color: rgba(242,241,237,0.8); font-weight: 500;
margin-bottom: 18px;
padding: 12px 14px;
background: rgba(235,187,129,0.06);
border-left: 3px solid #ebbb81;
border-radius: 6px;
line-height: 1.55;
}
.indepro-offre-card--locked .indepro-offre-card__remu {
background: rgba(242,241,237,0.03);
border-left-color: rgba(242,241,237,0.25);
color: rgba(242,241,237,0.55);
}
.indepro-offre-card__remu strong { color: #ebbb81; font-weight: 800; }
.indepro-offre-card--locked .indepro-offre-card__remu strong { color: rgba(242,241,237,0.8); }
/* CTA card refondu : pleine largeur, hiérarchie selon statut */
.indepro-offre-card__cta {
width: 100%;
display: inline-flex; align-items: center; justify-content: center;
gap: 10px;
font-weight: 700; font-size: 14px;
text-decoration: none;
padding: 13px 20px;
border-radius: 10px;
letter-spacing: 0.005em;
position: relative;
transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.indepro-offre-card__cta svg {
transition: transform 0.25s ease;
}
/* Statut OUVERTE : gold filled, dominant */
.indepro-offre-card--open .indepro-offre-card__cta {
background: #ebbb81;
color: #07070b;
border: 1.5px solid #ebbb81;
box-shadow: 0 4px 16px -6px rgba(235,187,129,0.45);
}
.indepro-offre-card--open:hover .indepro-offre-card__cta {
background: #f2c088;
border-color: #f2c088;
transform: translateY(-1px);
box-shadow: 0 6px 22px -6px rgba(235,187,129,0.65);
}
.indepro-offre-card--open:hover .indepro-offre-card__cta svg { transform: translateX(4px); }
/* Statut ATTRIBUEE / FERMEE : ghost lisible, secondaire face aux missions ouvertes */
.indepro-offre-card--attributed .indepro-offre-card__cta,
.indepro-offre-card--closed .indepro-offre-card__cta {
background: rgba(242,241,237,0.05);
color: #f2f1ed;
border: 1.5px solid rgba(242,241,237,0.22);
}
.indepro-offre-card--attributed:hover .indepro-offre-card__cta,
.indepro-offre-card--closed:hover .indepro-offre-card__cta {
background: rgba(235,187,129,0.1);
border-color: rgba(235,187,129,0.45);
color: #ebbb81;
transform: translateY(-1px);
}
.indepro-offre-card--attributed:hover .indepro-offre-card__cta svg,
.indepro-offre-card--closed:hover .indepro-offre-card__cta svg {
transform: translateX(3px);
}
/* Variante Membres INDEPRO : tonalité or atténuée, claire mais pas filled */
.indepro-offre-card--locked.indepro-offre-card--open .indepro-offre-card__cta {
background: transparent;
color: #ebbb81;
border: 1.5px solid #ebbb81;
box-shadow: none;
}
.indepro-offre-card--locked.indepro-offre-card--open:hover .indepro-offre-card__cta {
background: rgba(235,187,129,0.12);
border-color: #f2c088;
color: #f2c088;
transform: translateY(-1px);
box-shadow: 0 6px 18px -8px rgba(235,187,129,0.5);
}
.indepro-offres-empty { text-align: center; padding: 80px 24px; color: rgba(242,241,237,0.5); }
/* ============== SINGLE BODY ============== */
.indepro-offre-body { padding: 60px 0 50px; }
.indepro-offre-body__inner { max-width: 800px; margin: 0 auto; }
/* Bloc rémunération */
.indepro-offre-remu {
position: relative;
background: linear-gradient(135deg, rgba(235,187,129,0.1) 0%, rgba(235,187,129,0.03) 100%);
border: 1px solid rgba(235,187,129,0.3);
border-radius: 20px;
padding: 40px 32px 32px;
margin-bottom: 44px;
box-shadow: 0 0 60px rgba(235,187,129,0.08);
}
.indepro-offre-remu__title {
font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em;
font-weight: 700; color: #ebbb81; text-align: center;
margin: 0 0 24px;
}
.indepro-offre-remu__cols {
display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 18px; margin-bottom: 22px;
}
.indepro-offre-remu--one-col .indepro-offre-remu__cols {
grid-template-columns: 1fr;
max-width: 380px;
margin-left: auto; margin-right: auto;
}
.indepro-offre-remu__col {
background: rgba(7,7,11,0.55);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 14px; padding: 26px 22px;
text-align: center;
}
.indepro-offre-remu--one-col .indepro-offre-remu__col {
padding: 32px 26px;
}
.indepro-offre-remu__col-label {
font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.12em;
color: rgba(242,241,237,0.55); font-weight: 700; margin-bottom: 10px;
}
.indepro-offre-remu__col-nuance { font-size: 12px; color: rgba(242,241,237,0.55); margin-bottom: 4px; font-style: italic; }
.indepro-offre-remu__col-amount {
font-size: 36px; font-weight: 800; color: #ebbb81; line-height: 1.05;
letter-spacing: -0.01em;
}
.indepro-offre-remu--one-col .indepro-offre-remu__col-amount {
font-size: 44px;
}
.indepro-offre-remu__col-unit { font-size: 18px; opacity: 0.7; font-weight: 700; }
.indepro-offre-remu__col-meta { margin-top: 8px; font-size: 13px; color: rgba(242,241,237,0.6); }
.indepro-offre-remu__col-meta strong { color: #ebbb81; }
.indepro-offre-remu__total {
text-align: center; padding-top: 18px;
border-top: 1px solid rgba(235,187,129,0.22);
font-size: 13px; color: rgba(242,241,237,0.75);
}
.indepro-offre-remu__total strong { color: #ebbb81; font-size: 19px; font-weight: 800; }
/* Description content */
.indepro-offre-content {
color: rgba(242,241,237,0.85); font-size: 16px; line-height: 1.7;
margin-bottom: 40px;
}
.indepro-offre-content h2 {
font-size: 22px; font-weight: 700; margin: 36px 0 14px; color: #f2f1ed;
padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.08);
}
.indepro-offre-content h2:first-child { margin-top: 0; }
.indepro-offre-content h3 { font-size: 18px; font-weight: 700; margin: 24px 0 10px; color: #f2f1ed; }
.indepro-offre-content p { margin-bottom: 14px; }
.indepro-offre-content ul, .indepro-offre-content ol { margin: 12px 0 18px 24px; }
.indepro-offre-content li { margin-bottom: 6px; }
.indepro-offre-content strong { color: #f2f1ed; }
/* Argument vendeur */
.indepro-offre-argument {
background: linear-gradient(135deg, rgba(235,187,129,0.12) 0%, rgba(235,187,129,0.03) 100%);
border: 1px solid rgba(235,187,129,0.32);
border-radius: 16px; padding: 30px 32px; margin-bottom: 36px;
box-shadow: 0 0 40px rgba(235,187,129,0.06);
}
.indepro-offre-argument__head {
display: flex; align-items: center; gap: 10px;
font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em;
font-weight: 700; color: #ebbb81;
margin: 0 0 16px;
}
.indepro-offre-argument__head svg { color: #ebbb81; }
.indepro-offre-argument__body { color: rgba(242,241,237,0.92); font-size: 15.5px; line-height: 1.7; }
.indepro-offre-argument__body p { margin-bottom: 10px; }
.indepro-offre-argument__body ul { margin: 8px 0 8px 20px; }
.indepro-offre-argument__body li { margin-bottom: 6px; }
.indepro-offre-argument__body strong { color: #f2f1ed; }
/* Sections (profil, postuler) */
.indepro-offre-section { margin-bottom: 40px; }
.indepro-offre-section__head {
display: flex; align-items: center; gap: 14px; margin-bottom: 18px;
}
.indepro-offre-section__icon {
width: 40px; height: 40px;
background: rgba(235,187,129,0.1);
border: 1px solid rgba(235,187,129,0.22);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
color: #ebbb81; flex-shrink: 0;
}
.indepro-offre-section__title { font-size: 20px; font-weight: 700; color: #f2f1ed; margin: 0; }
.indepro-offre-section__body { color: rgba(242,241,237,0.85); font-size: 15.5px; line-height: 1.7; }
.indepro-offre-section__body p { margin-bottom: 10px; }
.indepro-offre-section__body ul, .indepro-offre-section__body ol { margin: 10px 0 14px 24px; }
.indepro-offre-section__body li { margin-bottom: 6px; }
.indepro-offre-section__body strong { color: #f2f1ed; }
/* Postuler container */
.indepro-offre-postuler {
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 18px; padding: 32px;
}
.indepro-offre-postuler__contacts {
display: flex; flex-wrap: wrap; gap: 14px; margin-top: 22px;
}
.indepro-offre-postuler__btn {
display: inline-flex; align-items: center; gap: 10px;
padding: 14px 24px; border-radius: 10px; font-weight: 700; font-size: 15px;
text-decoration: none; transition: all 0.3s ease;
}
.indepro-offre-postuler__btn--wa {
background: #ebbb81; color: #07070b;
border: 1.5px solid #ebbb81;
}
.indepro-offre-postuler__btn--wa:hover { transform: translateY(-2px); opacity: 0.95; }
.indepro-offre-postuler__btn--mail {
background: transparent; color: #ebbb81;
border: 1.5px solid #ebbb81;
}
.indepro-offre-postuler__btn--mail:hover { background: rgba(235,187,129,0.08); }
.indepro-offre-postuler__btn svg { width: 18px; height: 18px; }
/* Locked */
.indepro-offre-locked {
text-align: center; padding: 50px 32px;
background: linear-gradient(135deg, rgba(235,187,129,0.06) 0%, rgba(235,187,129,0.02) 100%);
border: 1px solid rgba(235,187,129,0.22);
border-radius: 18px;
}
.indepro-offre-locked__icon {
width: 64px; height: 64px;
background: rgba(235,187,129,0.12);
border: 1.5px solid rgba(235,187,129,0.28);
border-radius: 16px;
display: inline-flex; align-items: center; justify-content: center;
color: #ebbb81; margin-bottom: 20px;
}
.indepro-offre-locked__title {
font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;
color: #ebbb81; margin-bottom: 14px;
}
.indepro-offre-locked__text {
color: rgba(242,241,237,0.78); font-size: 16px; line-height: 1.7;
max-width: 520px; margin: 0 auto 24px;
}
.indepro-offre-locked__text strong { color: #f2f1ed; }
.indepro-offre-locked__cta {
display: inline-flex; align-items: center; gap: 10px;
padding: 14px 26px; background: #ebbb81; color: #07070b;
border-radius: 10px; font-weight: 700; font-size: 15px;
text-decoration: none; transition: all 0.3s ease;
}
.indepro-offre-locked__cta:hover { transform: translateY(-2px); opacity: 0.95; }
/* Footer-CTA discret retour */
.indepro-offre-back {
text-align: center; margin-top: 50px; padding-top: 30px;
border-top: 1px solid rgba(255,255,255,0.06);
}
.indepro-offre-back__link {
display: inline-flex; align-items: center; gap: 8px;
color: rgba(242,241,237,0.6); font-size: 13.5px; font-weight: 600;
text-decoration: none; transition: all 0.3s ease;
padding: 8px 16px; border-radius: 8px;
}
.indepro-offre-back__link:hover { color: #ebbb81; background: rgba(235,187,129,0.05); }
@media (max-width: 720px) {
.indepro-offre-card { padding: 22px; }
.indepro-offre-remu { padding: 28px 22px; }
.indepro-offre-remu__col-amount { font-size: 30px; }
.indepro-offre-remu--one-col .indepro-offre-remu__col-amount { font-size: 36px; }
.indepro-offre-postuler { padding: 24px; }
.indepro-offres-counter__amount { font-size: 56px; }
.indepro-offre-hero__icon { width: 72px; height: 72px; }
}
/* ============== Sous-header retour TOUTES LES OFFRES ============== */
.indepro-offre-back-top {
text-align: center;
padding: 100px 1.5rem 0;
}
.indepro-offre-back-top__link {
display: inline-flex; align-items: center; gap: 7px;
font-size: 12.5px; font-weight: 600;
color: rgba(242,241,237,0.55);
text-decoration: none;
padding: 7px 14px; border-radius: 8px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
transition: all 0.3s ease;
backdrop-filter: blur(6px);
}
.indepro-offre-back-top__link:hover {
color: #ebbb81;
border-color: rgba(235,187,129,0.3);
background: rgba(235,187,129,0.06);
}
/* ============== Hero icon centrage strict ============== */
.indepro-offre-hero .indepro-hero-centered {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center;
gap: 16px;
}
.indepro-offre-hero__icon {
display: flex !important;
align-items: center; justify-content: center;
margin: 0 auto 4px;
}
/* ============== Chips espacement amélioré ============== */
.indepro-offre-hero__meta {
gap: 12px !important;
margin-top: 22px;
}
.indepro-offre-hero__chip {
gap: 8px !important;
padding: 8px 16px !important;
}
.indepro-offre-hero__chip svg { flex-shrink: 0; }
/* ============== Description content amélioré ============== */
.indepro-offre-content {
padding: 32px 36px;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 16px;
margin-bottom: 36px;
}
.indepro-offre-content > p:first-child {
font-size: 17px; line-height: 1.65;
color: rgba(242,241,237,0.92);
padding-left: 16px;
border-left: 3px solid #ebbb81;
margin-bottom: 28px;
font-weight: 400;
}
.indepro-offre-content h2 {
position: relative;
font-size: 18px !important;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
color: #ebbb81 !important;
padding-bottom: 0 !important;
border-bottom: none !important;
margin: 28px 0 14px !important;
display: flex; align-items: center; gap: 10px;
}
.indepro-offre-content h2::before {
content: '';
display: inline-block;
width: 24px; height: 2px;
background: #ebbb81;
flex-shrink: 0;
}
.indepro-offre-content ul {
list-style: none !important;
margin: 0 0 18px !important;
padding: 0 !important;
}
.indepro-offre-content ul li {
position: relative;
padding-left: 28px !important;
margin-bottom: 10px !important;
color: rgba(242,241,237,0.85);
line-height: 1.55;
}
.indepro-offre-content ul li::before {
content: '';
position: absolute;
left: 0; top: 0.5em;
width: 16px; height: 16px;
background: rgba(235,187,129,0.12);
border: 1px solid rgba(235,187,129,0.35);
border-radius: 4px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 10px 10px;
}
.indepro-offre-content ol {
margin: 0 0 18px !important;
padding-left: 22px !important;
counter-reset: io-item;
list-style: none !important;
}
.indepro-offre-content ol li {
counter-increment: io-item;
position: relative;
padding-left: 14px !important;
margin-bottom: 10px !important;
}
.indepro-offre-content ol li::before {
content: counter(io-item) ".";
position: absolute;
left: -22px; top: 0;
color: #ebbb81;
font-weight: 700;
font-size: 14px;
width: 30px;
text-align: right;
}
/* Lien Revenir à la liste, intégré dans le hero, sous le tag */
.indepro-offre-back-inline {
display: inline-flex; align-items: center; gap: 6px;
font-size: 12.5px; font-weight: 600;
color: rgba(242,241,237,0.55);
text-decoration: none;
padding: 4px 12px; border-radius: 6px;
transition: all 0.3s ease;
margin-top: -4px;
}
.indepro-offre-back-inline:hover {
color: #ebbb81;
background: rgba(235,187,129,0.06);
}
.indepro-offre-back-inline svg { transition: transform 0.3s ease; }
.indepro-offre-back-inline:hover svg { transform: translateX(-2px); }
/* ============== Card overlay cliquable + bouton DA-compliant ============== */
.indepro-offre-card { cursor: pointer; }
.indepro-offre-card__cover {
position: absolute;
inset: 0;
z-index: 2;
background: transparent;
text-indent: -9999px;
overflow: hidden;
}
.indepro-offre-card__cover:focus-visible {
outline: 2px solid #ebbb81;
outline-offset: -2px;
border-radius: 16px;
}
.indepro-offre-card > *:not(.indepro-offre-card__cover) {
position: relative;
z-index: 1;
}
.indepro-offre-card__cta-btn {
display: inline-flex; align-items: center; gap: 8px;
align-self: flex-start; margin-top: auto;
padding: 11px 20px;
font-weight: 700; font-size: 13.5px;
border-radius: 8px;
text-decoration: none;
transition: all 0.3s ease;
pointer-events: none;
}
.indepro-offre-card:hover .indepro-offre-card__cta-btn { border-color: #ebbb81 !important; color: #ebbb81 !important; }
.indepro-offre-card__cta-btn svg { transition: transform 0.3s ease; }
.indepro-offre-card:hover .indepro-offre-card__cta-btn svg { transform: translateX(3px); }
/* ============== Badge statut attribution (Disponible/Pourvue/Fermée) ============== */
.indepro-offre-card__badges {
display: flex; flex-direction: column; gap: 6px; align-items: flex-end;
}
.indepro-offre-card__status {
display: inline-flex; align-items: center; gap: 6px;
font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;
padding: 5px 11px; border-radius: 6px;
white-space: nowrap;
}
.indepro-offre-card__status-dot {
width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0;
}
.indepro-offre-card__status--dispo,
.indepro-offre-card__status--open {
background: rgba(235,187,129,0.18);
color: #ebbb81;
border: 1px solid rgba(235,187,129,0.4);
}
.indepro-offre-card__status--dispo .indepro-offre-card__status-dot,
.indepro-offre-card__status--open .indepro-offre-card__status-dot {
background: #ebbb81; animation: ioPulse 1.8s ease-in-out infinite;
}
.indepro-offre-card__status--pourvue,
.indepro-offre-card__status--attributed {
background: rgba(242,241,237,0.08);
color: rgba(242,241,237,0.55);
border: 1px solid rgba(242,241,237,0.14);
}
.indepro-offre-card__status--pourvue .indepro-offre-card__status-dot,
.indepro-offre-card__status--attributed .indepro-offre-card__status-dot {
background: rgba(242,241,237,0.4);
}
.indepro-offre-card__status--fermee,
.indepro-offre-card__status--closed {
background: rgba(242,241,237,0.04);
color: rgba(242,241,237,0.4);
border: 1px solid rgba(242,241,237,0.08);
}
.indepro-offre-card__status--fermee .indepro-offre-card__status-dot,
.indepro-offre-card__status--closed .indepro-offre-card__status-dot {
background: rgba(242,241,237,0.25);
}
/* ============== Card entière désaturée si attribuée/fermée ============== */
.indepro-offre-card--attributed,
.indepro-offre-card--closed {
background: rgba(255,255,255,0.018);
border-color: rgba(255,255,255,0.1);
}
.indepro-offre-card--attributed:hover,
.indepro-offre-card--closed:hover {
transform: none;
border-color: rgba(255,255,255,0.18);
background: rgba(255,255,255,0.03);
}
.indepro-offre-card--attributed::before,
.indepro-offre-card--closed::before {
background: rgba(242,241,237,0.18) !important;
}
.indepro-offre-card--attributed .indepro-offre-card__icon,
.indepro-offre-card--closed .indepro-offre-card__icon {
background: rgba(242,241,237,0.06);
border-color: rgba(242,241,237,0.14);
color: rgba(242,241,237,0.5);
}
.indepro-offre-card--attributed .indepro-offre-card__remu-block,
.indepro-offre-card--closed .indepro-offre-card__remu-block {
background: rgba(242,241,237,0.04);
border-color: rgba(242,241,237,0.08);
}
.indepro-offre-card--attributed .indepro-offre-card__remu-value,
.indepro-offre-card--closed .indepro-offre-card__remu-value {
color: rgba(242,241,237,0.75) !important;
}
.indepro-offre-card--attributed .indepro-offre-card__remu-unit,
.indepro-offre-card--closed .indepro-offre-card__remu-unit {
color: rgba(242,241,237,0.55) !important;
}
.indepro-offre-card--attributed .indepro-offre-card__type-chip,
.indepro-offre-card--closed .indepro-offre-card__type-chip {
background: rgba(242,241,237,0.05) !important;
color: rgba(242,241,237,0.55) !important;
border-color: rgba(242,241,237,0.1) !important;
}
.indepro-offre-card--attributed .indepro-offre-card__arrow,
.indepro-offre-card--closed .indepro-offre-card__arrow {
background: rgba(242,241,237,0.04);
border-color: rgba(242,241,237,0.15);
color: rgba(242,241,237,0.5);
}
/* ==================== PHASE B+C : Card archive refondue ==================== */
/* Footer card : CTA pleine largeur */
.indepro-offre-card__footer {
display: flex; align-items: stretch;
margin-top: auto; padding-top: 16px;
}
.indepro-offre-card__arrow {
width: 36px; height: 36px;
background: rgba(235,187,129,0.1);
border: 1px solid rgba(235,187,129,0.25);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
color: #ebbb81;
transition: all 0.3s ease;
}
.indepro-offre-card:hover .indepro-offre-card__arrow {
background: #ebbb81; color: #07070b; border-color: #ebbb81;
transform: translateX(3px);
}
.indepro-offre-card--locked .indepro-offre-card__arrow {
background: rgba(242,241,237,0.06);
border-color: rgba(242,241,237,0.15);
color: rgba(242,241,237,0.5);
}
/* Bloc rémunération amplifié (focal point de la card) */
.indepro-offre-card__remu-block {
margin: 16px 0 18px;
padding: 16px 18px;
background: linear-gradient(135deg, rgba(235,187,129,0.12) 0%, rgba(235,187,129,0.04) 100%);
border: 1px solid rgba(235,187,129,0.25);
border-radius: 12px;
position: relative;
overflow: hidden;
}
.indepro-offre-card__remu-block--locked {
background: linear-gradient(135deg, rgba(242,241,237,0.05) 0%, rgba(242,241,237,0.02) 100%);
border-color: rgba(242,241,237,0.12);
}
.indepro-offre-card__remu-amount {
display: flex; align-items: baseline; gap: 6px;
margin-bottom: 4px;
}
.indepro-offre-card__remu-value {
font-size: 28px; font-weight: 800; line-height: 1;
color: #ebbb81;
letter-spacing: -0.01em;
font-variant-numeric: tabular-nums;
}
.indepro-offre-card__remu-block--locked .indepro-offre-card__remu-value {
color: rgba(242,241,237,0.85);
}
.indepro-offre-card__remu-unit {
font-size: 14px; font-weight: 700;
color: rgba(242,241,237,0.7);
}
.indepro-offre-card__remu-detail {
font-size: 12px; color: rgba(242,241,237,0.6);
font-weight: 500;
line-height: 1.45;
}
/* Types de mission chips sur la card */
.indepro-offre-card__types {
display: flex; flex-wrap: wrap; gap: 6px;
margin: 14px 0 14px;
}
.indepro-offre-card__type-chip {
font-size: 10.5px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.06em;
padding: 4px 9px; border-radius: 5px;
background: rgba(235,187,129,0.1);
color: #ebbb81;
border: 1px solid rgba(235,187,129,0.22);
}
.indepro-offre-card--locked .indepro-offre-card__type-chip {
background: rgba(242,241,237,0.05);
color: rgba(242,241,237,0.55);
border-color: rgba(242,241,237,0.12);
}
.indepro-offre-card__type-chip--more {
background: rgba(242,241,237,0.06);
color: rgba(242,241,237,0.55);
border-color: rgba(242,241,237,0.1);
}
/* Badge urgent date limite */
.indepro-offre-card__badge--urgent {
background: rgba(255, 100, 90, 0.15) !important;
color: #ff8060 !important;
border: 1px solid rgba(255, 100, 90, 0.32) !important;
animation: ioPulse 1.8s ease-in-out infinite;
}
/* Pagination */
.indepro-offres-pagination {
margin-top: 40px; display: flex; justify-content: center;
}
.indepro-offres-pagination .page-numbers {
display: inline-flex; align-items: center; justify-content: center;
min-width: 36px; height: 36px; padding: 0 12px;
margin: 0 4px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 8px;
color: rgba(242,241,237,0.65);
font-size: 13px; font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.indepro-offres-pagination .page-numbers:hover,
.indepro-offres-pagination .page-numbers.current {
background: rgba(235,187,129,0.12);
border-color: rgba(235,187,129,0.3);
color: #ebbb81;
}
/* Suppression du remu inline ancien (le bouton __cta a été ré-introduit en v0.7.0) */
.indepro-offre-card__remu,
.indepro-offre-card__cta-btn {
display: none !important;
}
/* ==================== PHASE C : Compteur hero amplifié ==================== */
.indepro-offres-archive .indepro-hero-centered__badge {
padding: 14px 22px !important;
font-size: 14px !important;
font-weight: 700 !important;
background: rgba(235,187,129,0.12) !important;
border: 1.5px solid rgba(235,187,129,0.35) !important;
border-radius: 10px !important;
margin-top: 28px !important;
box-shadow: 0 0 40px rgba(235,187,129,0.12);
}
.indepro-offres-archive .indepro-hero-centered__badge span {
font-size: 15px !important;
color: #f2f1ed !important;
letter-spacing: -0.005em;
}
/* Bouton locked CTA : on utilise indepro-btn indepro-btn1 du thème (fond or, texte noir) */
.indepro-offre-locked__cta {
/* Reset des styles que je donnais, le thème fait le boulot avec !important */
background: unset;
color: unset;
padding: 14px 28px !important;
font-size: 15px !important;
}
.indepro-offre-locked__cta svg { width: 18px; height: 18px; }
/* Renforcer le centrage du bloc locked */
.indepro-offre-locked {
margin: 0 auto;
max-width: 620px;
}
.indepro-offre-locked > * { text-align: center; }
.indepro-offre-locked__icon { display: inline-flex; }
/* ============================================================ */
/* SEO/GEO sections publiques sur le single (v0.4.0) */
/* ============================================================ */
.indepro-offre-section--seo {
margin-bottom: 40px;
padding: 28px 32px;
background: rgba(255,255,255,0.018);
border: 1px solid rgba(255,255,255,0.05);
border-radius: 14px;
}
.indepro-offre-section--seo .indepro-offre-section__head {
margin-bottom: 18px;
}
.indepro-offre-section--seo .indepro-offre-section__body {
font-size: 15.5px; line-height: 1.75;
color: rgba(242,241,237,0.86);
}
.indepro-offre-section--seo .indepro-offre-section__body strong {
color: #f2f1ed;
}
.indepro-offre-section--seo .indepro-offre-section__body em {
color: #ebbb81; font-style: normal; font-weight: 600;
}
.indepro-offre-section--seo .indepro-offre-section__body ul,
.indepro-offre-section--seo .indepro-offre-section__body ol {
margin: 12px 0 14px 22px;
}
.indepro-offre-section--seo .indepro-offre-section__body li {
margin-bottom: 6px;
}
/* Section tarif : accentue gold pour les chiffres */
.indepro-offre-section--tarif {
background: linear-gradient(135deg, rgba(235,187,129,0.04) 0%, rgba(255,255,255,0.018) 100%);
border-color: rgba(235,187,129,0.12);
}
.indepro-offre-section--tarif .indepro-offre-section__body strong { color: #ebbb81; }
/* FAQ par fiche */
.indepro-offre-faq__list {
display: flex; flex-direction: column;
gap: 8px;
margin-top: 4px;
}
.indepro-offre-faq__item {
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 10px;
padding: 0;
transition: border-color 0.2s ease;
}
.indepro-offre-faq__item:hover {
border-color: rgba(235,187,129,0.18);
}
.indepro-offre-faq__item[open] {
border-color: rgba(235,187,129,0.28);
background: rgba(235,187,129,0.03);
}
.indepro-offre-faq__q {
font-size: 15px; font-weight: 600;
color: #f2f1ed;
padding: 16px 22px;
cursor: pointer;
list-style: none;
position: relative;
padding-right: 50px;
}
.indepro-offre-faq__q::-webkit-details-marker { display: none; }
.indepro-offre-faq__q::after {
content: '+';
position: absolute;
right: 22px; top: 50%;
transform: translateY(-50%);
font-size: 22px; font-weight: 300;
color: #ebbb81;
transition: transform 0.25s ease;
}
.indepro-offre-faq__item[open] .indepro-offre-faq__q::after {
transform: translateY(-50%) rotate(45deg);
}
.indepro-offre-faq__a {
padding: 0 22px 18px;
color: rgba(242,241,237,0.78);
font-size: 14.5px; line-height: 1.7;
}
.indepro-offre-faq__a p { margin: 0 0 8px; }
/* Missions similaires */
.indepro-offre-similar { margin-bottom: 32px; }
.indepro-offre-similar__list {
list-style: none; padding: 0; margin: 0;
display: flex; flex-direction: column; gap: 10px;
}
.indepro-offre-similar__item { margin: 0; }
.indepro-offre-similar__link {
display: flex; align-items: center; gap: 14px;
padding: 16px 20px;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
text-decoration: none !important;
color: #f2f1ed;
transition: all 0.25s ease;
}
.indepro-offre-similar__link:hover {
border-color: rgba(235,187,129,0.3);
background: rgba(235,187,129,0.05);
transform: translateX(3px);
}
.indepro-offre-similar__icon {
width: 40px; height: 40px;
display: flex; align-items: center; justify-content: center;
background: rgba(235,187,129,0.1);
border-radius: 10px;
color: #ebbb81;
flex-shrink: 0;
}
.indepro-offre-similar__body {
display: flex; flex-direction: column; gap: 4px;
flex: 1;
}
.indepro-offre-similar__title {
font-size: 15px; font-weight: 600;
color: #f2f1ed;
}
.indepro-offre-similar__meta {
font-size: 12.5px; color: rgba(242,241,237,0.55);
}
.indepro-offre-similar__arrow {
color: #ebbb81; flex-shrink: 0;
opacity: 0.6;
transition: opacity 0.25s ease;
}
.indepro-offre-similar__link:hover .indepro-offre-similar__arrow { opacity: 1; }
/* Nav explorer (maillage interne) */
.indepro-offre-explore {
margin: 24px 0 0;
padding: 24px 28px;
background: rgba(235,187,129,0.025);
border: 1px solid rgba(235,187,129,0.1);
border-radius: 12px;
}
.indepro-offre-explore__title {
font-size: 13px; text-transform: uppercase; letter-spacing: 0.1em;
font-weight: 700; color: #ebbb81;
margin: 0 0 14px;
}
.indepro-offre-explore__list {
list-style: none; padding: 0; margin: 0;
display: flex; flex-wrap: wrap; gap: 8px 14px;
}
.indepro-offre-explore__list li { margin: 0; }
.indepro-offre-explore__list a {
display: inline-block;
padding: 8px 14px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 8px;
color: rgba(242,241,237,0.85);
font-size: 13.5px;
text-decoration: none !important;
transition: all 0.2s ease;
}
.indepro-offre-explore__list a:hover {
border-color: rgba(235,187,129,0.35);
background: rgba(235,187,129,0.08);
color: #ebbb81;
}
.indepro-offre-explore__list a strong { color: #f2f1ed; }
.indepro-offre-explore__list a:hover strong { color: inherit; }
/* ============================================================ */
/* Archive long-form intro + barème + FAQ globale */
/* ============================================================ */
.indepro-offres-intro {
padding: 40px 0 60px;
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.04);
}
.indepro-offres-intro__inner {
max-width: 820px;
margin: 0 auto;
}
.indepro-offres-intro__h2 {
font-size: 24px; font-weight: 700;
color: #f2f1ed;
margin: 32px 0 14px;
line-height: 1.3;
letter-spacing: -0.01em;
}
.indepro-offres-intro__h2:first-child { margin-top: 0; }
.indepro-offres-intro__h3 {
font-size: 14px; font-weight: 700;
color: #ebbb81;
text-transform: uppercase; letter-spacing: 0.08em;
margin: 18px 0 10px;
}
.indepro-offres-intro p {
font-size: 15.5px; line-height: 1.75;
color: rgba(242,241,237,0.82);
margin-bottom: 14px;
}
.indepro-offres-intro p strong { color: #f2f1ed; }
.indepro-offres-intro__list {
margin: 14px 0 18px 22px;
padding: 0;
}
.indepro-offres-intro__list li {
font-size: 15px; line-height: 1.7;
color: rgba(242,241,237,0.82);
margin-bottom: 10px;
}
.indepro-offres-intro__list li strong { color: #f2f1ed; }
.indepro-offres-intro__nav {
margin-top: 36px;
padding: 24px 28px;
background: rgba(255,255,255,0.018);
border: 1px solid rgba(255,255,255,0.05);
border-radius: 14px;
}
.indepro-offres-intro__nav-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 24px;
margin-top: 8px;
}
.indepro-offres-intro__nav-grid ul {
list-style: none; padding: 0; margin: 0;
}
.indepro-offres-intro__nav-grid li { margin-bottom: 6px; }
.indepro-offres-intro__nav-grid a {
color: rgba(242,241,237,0.78);
text-decoration: none;
font-size: 13.5px;
transition: color 0.2s ease;
border-bottom: 1px dashed rgba(255,255,255,0.08);
}
.indepro-offres-intro__nav-grid a:hover {
color: #ebbb81;
border-bottom-color: rgba(235,187,129,0.4);
}
/* Barème tarifaire */
.indepro-offres-bareme {
padding: 60px 0;
background: rgba(0,0,0,0.15);
}
.indepro-offres-bareme__title {
font-size: 26px; font-weight: 700;
color: #f2f1ed;
margin: 0 0 8px;
text-align: center;
letter-spacing: -0.01em;
}
.indepro-offres-bareme__lead {
text-align: center;
font-size: 15px;
color: rgba(242,241,237,0.6);
max-width: 620px; margin: 0 auto 36px;
line-height: 1.6;
}
.indepro-offres-bareme__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 16px;
}
.indepro-offres-bareme__cell {
padding: 20px 22px;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
}
.indepro-offres-bareme__cell h3 {
font-size: 14px; font-weight: 700;
color: rgba(242,241,237,0.6);
text-transform: uppercase; letter-spacing: 0.06em;
margin: 0 0 8px;
}
.indepro-offres-bareme__price {
font-size: 22px; font-weight: 800;
color: #ebbb81;
margin: 0 0 8px;
font-variant-numeric: tabular-nums;
letter-spacing: -0.005em;
}
.indepro-offres-bareme__note {
font-size: 13px; color: rgba(242,241,237,0.65);
line-height: 1.55;
margin: 0;
}
/* FAQ globale */
.indepro-offres-faq-global {
padding: 60px 0 70px;
}
.indepro-offres-faq-global__title {
font-size: 26px; font-weight: 700;
color: #f2f1ed;
margin: 0 0 28px;
text-align: center;
letter-spacing: -0.01em;
}
.indepro-offres-faq-global__list {
max-width: 760px; margin: 0 auto;
display: flex; flex-direction: column;
gap: 10px;
}
.indepro-offres-faq-global__item {
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
}
.indepro-offres-faq-global__item:hover { border-color: rgba(235,187,129,0.2); }
.indepro-offres-faq-global__item[open] {
border-color: rgba(235,187,129,0.3);
background: rgba(235,187,129,0.03);
}
.indepro-offres-faq-global__item summary {
font-size: 16px; font-weight: 600;
color: #f2f1ed;
padding: 18px 24px;
cursor: pointer;
list-style: none;
position: relative;
padding-right: 54px;
}
.indepro-offres-faq-global__item summary::-webkit-details-marker { display: none; }
.indepro-offres-faq-global__item summary::after {
content: '+';
position: absolute;
right: 22px; top: 50%;
transform: translateY(-50%);
font-size: 24px; font-weight: 300;
color: #ebbb81;
transition: transform 0.25s ease;
}
.indepro-offres-faq-global__item[open] summary::after {
transform: translateY(-50%) rotate(45deg);
}
.indepro-offres-faq-global__item p {
padding: 0 24px 22px;
font-size: 15px; line-height: 1.7;
color: rgba(242,241,237,0.82);
margin: 0;
}
/* Mobile tweaks */
@media (max-width: 720px) {
.indepro-offre-section--seo {
padding: 22px 20px;
}
.indepro-offres-intro__h2 { font-size: 21px; }
.indepro-offres-bareme__title,
.indepro-offres-faq-global__title { font-size: 22px; }
.indepro-offres-intro p,
.indepro-offres-intro__list li { font-size: 14.5px; }
}
/* ============================================================ */
/* REFONTE V0.5.0 — Single layout 2-col + sticky sidebar */
/* ============================================================ */
/* Hide header shrink animation on single offre (sticky-friendly) */
body.single-indepro_offre .indepro-header,
body.single-indepro_offre .indepro-header.is-scrolled,
body.indepro_offre-template-default .indepro-header,
body.indepro_offre-template-default .indepro-header.is-scrolled {
/* On laisse le thème gérer mais on empêche les jump heights */
transition: none !important;
}
/* ============== Kicker (au-dessus du H1) ============== */
.indepro-offre-kicker {
display: inline-flex; align-items: center; gap: 8px;
font-size: 11px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.08em;
color: rgba(242,241,237,0.65);
margin: 4px 0 14px;
flex-wrap: wrap; justify-content: center;
}
.indepro-offre-kicker__id { color: rgba(242,241,237,0.5); }
.indepro-offre-kicker__sep { color: rgba(242,241,237,0.25); }
.indepro-offre-kicker__status {
display: inline-flex; align-items: center; gap: 6px;
padding: 4px 10px; border-radius: 999px;
letter-spacing: 0.1em;
}
.indepro-offre-kicker__status-dot {
width: 6px; height: 6px; border-radius: 50%;
flex-shrink: 0;
}
.indepro-offre-kicker__status--open {
background: rgba(235,187,129,0.15);
border: 1px solid rgba(235,187,129,0.4);
color: #ebbb81;
}
.indepro-offre-kicker__status--open .indepro-offre-kicker__status-dot {
background: #ebbb81;
animation: ioPulse 1.8s ease-in-out infinite;
}
.indepro-offre-kicker__status--attributed {
background: rgba(242,241,237,0.08);
border: 1px solid rgba(242,241,237,0.18);
color: rgba(242,241,237,0.7);
}
.indepro-offre-kicker__status--attributed .indepro-offre-kicker__status-dot {
background: rgba(242,241,237,0.5);
}
.indepro-offre-kicker__status--closed {
background: rgba(242,241,237,0.04);
border: 1px solid rgba(242,241,237,0.12);
color: rgba(242,241,237,0.5);
}
.indepro-offre-kicker__status--closed .indepro-offre-kicker__status-dot {
background: rgba(242,241,237,0.3);
}
.indepro-offre-kicker__lock {
display: inline-flex; align-items: center; gap: 5px;
padding: 3px 9px; border-radius: 999px;
background: rgba(242,241,237,0.08);
border: 1px solid rgba(242,241,237,0.14);
color: rgba(242,241,237,0.7);
}
/* Hero H1 plus grand + spacing révisé + balance pour éviter les wrap moches */
.indepro-offre-hero .indepro-offre-hero__h1 {
font-size: clamp(28px, 4.5vw, 38px) !important;
line-height: 1.15 !important;
letter-spacing: -0.015em;
max-width: 920px;
margin: 4px auto 14px !important;
text-wrap: balance;
-webkit-text-wrap: balance;
}
.indepro-offre-hero .indepro-offre-hero__sub {
font-size: 16px;
color: rgba(242,241,237,0.72);
margin-bottom: 24px;
}
.indepro-offre-hero .indepro-offre-hero__sub strong { color: #f2f1ed; }
/* ============== Chips meta refondues ============== */
.indepro-offre-chips {
display: flex; flex-wrap: wrap; justify-content: center;
gap: 8px;
margin-top: 10px;
max-width: 760px;
}
.indepro-chip {
display: inline-flex; align-items: center; gap: 6px;
padding: 7px 13px;
border-radius: 999px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
color: rgba(242,241,237,0.88);
font-size: 12.5px; font-weight: 600;
letter-spacing: 0;
line-height: 1;
transition: all 0.2s ease;
}
.indepro-chip svg {
width: 13px; height: 13px;
color: rgba(242,241,237,0.55);
flex-shrink: 0;
}
.indepro-chip--gold {
background: rgba(235,187,129,0.12);
border-color: rgba(235,187,129,0.32);
color: #ebbb81;
}
.indepro-chip--gold svg { color: #ebbb81; }
.indepro-chip--deadline {
background: rgba(229,69,69,0.08);
border-color: rgba(229,69,69,0.25);
color: rgba(242,241,237,0.88);
}
.indepro-chip--deadline svg { color: #e54545; }
/* ============== Layout 2 colonnes ============== */
.indepro-offre-body--2col {
padding: 50px 0 80px;
}
.indepro-offre-2col {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 48px;
align-items: start;
}
.indepro-offre-main {
min-width: 0;
max-width: 720px;
}
.indepro-offre-aside {
position: sticky;
top: 96px;
align-self: start;
}
.indepro-offre-aside__inner {
max-height: calc(100vh - 120px);
overflow-y: auto;
overflow-x: hidden;
}
.indepro-offre-aside__inner::-webkit-scrollbar { width: 4px; }
.indepro-offre-aside__inner::-webkit-scrollbar-thumb { background: rgba(235,187,129,0.25); border-radius: 2px; }
/* ============== Card Rémunération 3 colonnes ============== */
.indepro-remu-card {
background: linear-gradient(135deg, rgba(235,187,129,0.09) 0%, rgba(235,187,129,0.025) 100%);
border: 1px solid rgba(235,187,129,0.28);
border-radius: 16px;
padding: 24px 28px;
margin-bottom: 36px;
box-shadow: 0 0 40px rgba(235,187,129,0.06);
}
.indepro-remu-card__row {
display: grid;
grid-template-columns: 1.4fr 8px 1fr 8px 1fr;
gap: 14px;
align-items: center;
}
.indepro-remu-card__col {
display: flex; flex-direction: column;
gap: 6px;
min-width: 0;
}
.indepro-remu-card__col--main {}
.indepro-remu-card__sep {
width: 1px;
height: 50px;
background: rgba(235,187,129,0.2);
justify-self: center;
}
.indepro-remu-card__label {
font-size: 10px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.1em;
color: rgba(235,187,129,0.7);
}
.indepro-remu-card__value {
font-size: clamp(28px, 4vw, 36px);
font-weight: 800;
color: #ebbb81;
line-height: 1;
font-variant-numeric: tabular-nums;
letter-spacing: -0.01em;
}
.indepro-remu-card__unit {
font-size: 0.45em;
margin-left: 6px;
opacity: 0.7;
font-weight: 700;
}
.indepro-remu-card__sub {
font-size: 14px; font-weight: 600;
color: rgba(242,241,237,0.92);
line-height: 1.4;
}
.indepro-remu-card__hint {
font-size: 11.5px; font-weight: 500;
color: rgba(242,241,237,0.55);
}
/* ============== Pull quote (argument vendeur) ============== */
.indepro-offre-pull {
margin: 36px 0;
padding: 22px 26px;
background: rgba(235,187,129,0.04);
border-left: 3px solid #ebbb81;
border-radius: 0 12px 12px 0;
}
.indepro-offre-pull__label {
display: inline-block;
font-size: 11px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.12em;
color: #ebbb81;
margin-bottom: 10px;
}
.indepro-offre-pull__body {
font-size: 15.5px; line-height: 1.7;
color: rgba(242,241,237,0.92);
font-style: italic;
}
.indepro-offre-pull__body p { margin: 0 0 8px; }
.indepro-offre-pull__body p:last-child { margin-bottom: 0; }
.indepro-offre-pull__body strong { color: #f2f1ed; font-style: normal; }
/* ============== H2 avec barre or à gauche ============== */
.indepro-root .indepro-offre-h2 {
position: relative;
font-size: 22px; font-weight: 700;
color: #f2f1ed;
margin: 40px 0 18px !important;
padding: 4px 0 4px 18px !important;
letter-spacing: -0.005em;
line-height: 1.35;
min-height: 24px;
}
.indepro-root .indepro-offre-h2__bar {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 22px;
background: #ebbb81;
border-radius: 2px;
}
/* Espace systematique entre H2 et le body qui suit */
.indepro-root .indepro-offre-section__body {
margin-top: 14px !important;
}
.indepro-root .indepro-offre-section__body p:first-child,
.indepro-root .indepro-offre-section__body ul:first-child,
.indepro-root .indepro-offre-section__body ol:first-child { margin-top: 0 !important; }
/* Bullets avec check pictos (profil + content) */
.indepro-root .indepro-offre-section__body--checks ul,
.indepro-root .indepro-offre-content ul {
list-style: none !important;
margin: 14px 0 !important;
padding: 0 !important;
}
.indepro-root .indepro-offre-section__body--checks ul li,
.indepro-root .indepro-offre-content ul li {
position: relative;
padding-left: 28px !important;
margin: 0 0 10px !important;
line-height: 1.65;
color: rgba(242,241,237,0.85);
list-style: none !important;
}
.indepro-root .indepro-offre-section__body--checks ul li::before,
.indepro-root .indepro-offre-content ul li::before {
content: '' !important;
position: absolute;
left: 0; top: 8px;
width: 16px; height: 16px;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
}
/* ============== Sidebar card ============== */
.indepro-aside-card {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 16px;
padding: 24px;
}
.indepro-aside-card__price {
font-size: 32px; font-weight: 800;
color: #ebbb81;
line-height: 1;
letter-spacing: -0.01em;
font-variant-numeric: tabular-nums;
}
.indepro-aside-card__price-unit {
font-size: 0.5em; opacity: 0.7; margin-left: 4px; font-weight: 700;
}
.indepro-root .indepro-aside-card__price-hint {
font-size: 12.5px;
color: rgba(242,241,237,0.55);
margin: 8px 0 24px !important;
}
.indepro-root .indepro-aside-card__meta {
list-style: none !important;
margin: 0 0 26px !important;
padding: 22px 0 !important;
border-top: 1px solid rgba(255,255,255,0.08);
border-bottom: 1px solid rgba(255,255,255,0.08);
display: flex; flex-direction: column;
gap: 14px !important;
}
.indepro-root .indepro-aside-card__meta li {
display: flex; align-items: center; gap: 12px;
font-size: 14px;
line-height: 1.35;
color: rgba(242,241,237,0.88);
margin: 0 !important;
padding: 0 !important;
}
.indepro-root .indepro-aside-card__meta li::before { content: none !important; }
.indepro-aside-card__meta li svg {
width: 15px; height: 15px;
color: rgba(235,187,129,0.85);
flex-shrink: 0;
}
.indepro-aside-card__meta--deadline { color: #e54545 !important; }
.indepro-aside-card__meta--deadline svg { color: #e54545 !important; }
.indepro-root .indepro-aside-card__locked,
.indepro-root .indepro-aside-card__closed {
display: flex; align-items: flex-start; gap: 12px;
margin: 6px 0 18px !important;
padding: 16px 18px !important;
background: rgba(235,187,129,0.05);
border: 1px solid rgba(235,187,129,0.22);
border-radius: 10px;
color: rgba(242,241,237,0.92);
}
.indepro-root .indepro-aside-card__closed {
background: rgba(242,241,237,0.04);
border-color: rgba(242,241,237,0.16);
}
.indepro-root .indepro-aside-card__closed svg {
color: rgba(242,241,237,0.55) !important;
flex-shrink: 0;
margin-top: 1px;
}
.indepro-root .indepro-aside-card__closed p {
margin: 0 !important;
font-size: 13.5px;
line-height: 1.5;
color: rgba(242,241,237,0.85);
}
.indepro-root .indepro-aside-card__closed p strong {
display: block;
margin-bottom: 4px;
color: #f2f1ed;
font-size: 14px;
font-weight: 700;
}
.indepro-root .indepro-aside-card__closed p span {
display: block;
font-size: 12.5px;
color: rgba(242,241,237,0.65);
line-height: 1.5;
}
/* CTA ghost (pour missions fermées) */
.indepro-root .indepro-aside-card__cta--ghost,
.indepro-root a.indepro-aside-card__cta--ghost {
background: transparent !important;
color: rgba(242,241,237,0.75) !important;
border: 1.5px solid rgba(242,241,237,0.2);
font-weight: 600 !important;
}
.indepro-root .indepro-aside-card__cta--ghost:hover,
.indepro-root a.indepro-aside-card__cta--ghost:hover {
background: rgba(242,241,237,0.05) !important;
color: #f2f1ed !important;
border-color: rgba(242,241,237,0.35);
}
.indepro-root .indepro-aside-card__locked svg {
color: #ebbb81;
flex-shrink: 0;
margin-top: 1px;
}
.indepro-root .indepro-aside-card__locked p {
margin: 0 !important;
font-size: 13.5px;
line-height: 1.5;
color: rgba(242,241,237,0.92);
}
.indepro-root .indepro-aside-card__cta,
.indepro-root a.indepro-aside-card__cta {
display: flex; align-items: center; justify-content: center;
gap: 8px;
width: 100%;
padding: 14px 18px;
border-radius: 10px;
font-size: 14.5px; font-weight: 700;
text-decoration: none !important;
transition: all 0.25s ease;
cursor: pointer;
letter-spacing: 0;
box-sizing: border-box;
}
.indepro-root .indepro-aside-card__cta + .indepro-aside-card__cta { margin-top: 10px; }
.indepro-root .indepro-aside-card__cta--primary,
.indepro-root a.indepro-aside-card__cta--primary {
background: #ebbb81 !important;
color: #000 !important;
border: 1.5px solid #ebbb81;
font-weight: 800 !important;
}
.indepro-root .indepro-aside-card__cta--primary:hover,
.indepro-root a.indepro-aside-card__cta--primary:hover {
background: #f2c088 !important;
color: #000 !important;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(235,187,129,0.25);
}
.indepro-root .indepro-aside-card__cta--secondary,
.indepro-root a.indepro-aside-card__cta--secondary {
background: transparent !important;
color: #ebbb81 !important;
border: 1.5px solid rgba(235,187,129,0.3);
}
.indepro-root .indepro-aside-card__cta--secondary:hover,
.indepro-root a.indepro-aside-card__cta--secondary:hover {
background: rgba(235,187,129,0.08) !important;
color: #ebbb81 !important;
border-color: rgba(235,187,129,0.5);
}
.indepro-aside-card__process {
margin-top: 14px;
padding: 12px 14px;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 8px;
font-size: 12.5px;
}
.indepro-aside-card__process summary {
cursor: pointer;
font-weight: 600;
color: rgba(242,241,237,0.78);
list-style: none;
position: relative;
padding-right: 18px;
}
.indepro-aside-card__process summary::-webkit-details-marker { display: none; }
.indepro-aside-card__process summary::after {
content: '+';
position: absolute;
right: 0; top: 50%;
transform: translateY(-50%);
color: #ebbb81;
font-size: 16px; font-weight: 300;
transition: transform 0.2s ease;
}
.indepro-aside-card__process[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.indepro-aside-card__process[open] summary { margin-bottom: 8px; }
.indepro-aside-card__process > div {
color: rgba(242,241,237,0.72);
line-height: 1.55;
font-size: 12.5px;
}
.indepro-aside-card__process p { margin: 0 0 6px; }
.indepro-aside-card__back {
display: inline-flex; align-items: center; gap: 6px;
margin-top: 18px;
font-size: 12.5px;
color: rgba(242,241,237,0.55) !important;
text-decoration: none !important;
border: none;
padding: 0;
transition: color 0.2s ease;
}
.indepro-aside-card__back:hover { color: #ebbb81 !important; }
.indepro-aside-card__back svg { color: inherit; }
/* ============== Partage social ============== */
.indepro-offre-share {
display: flex; align-items: center; gap: 12px;
margin-top: 40px;
padding-top: 28px;
border-top: 1px solid rgba(255,255,255,0.06);
flex-wrap: wrap;
}
.indepro-offre-share__label {
font-size: 12px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.08em;
color: rgba(242,241,237,0.45);
}
.indepro-offre-share__btn {
display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 8px;
color: rgba(242,241,237,0.6);
cursor: pointer;
text-decoration: none !important;
transition: all 0.2s ease;
position: relative;
}
.indepro-offre-share__btn:hover {
border-color: rgba(235,187,129,0.35);
background: rgba(235,187,129,0.08);
color: #ebbb81;
}
.indepro-offre-share__feedback {
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
font-size: 11px;
background: #07070b;
color: #ebbb81;
padding: 4px 8px;
border-radius: 4px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
.indepro-offre-share__feedback.is-visible { opacity: 1; }
/* ============== Sticky bottom bar mobile ============== */
.indepro-offre-stickybar {
display: none;
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 80;
background: rgba(7,7,11,0.96);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-top: 1px solid rgba(235,187,129,0.25);
padding: 11px 16px env(safe-area-inset-bottom, 11px);
align-items: center; gap: 12px;
box-shadow: 0 -8px 24px rgba(0,0,0,0.3);
}
.indepro-offre-stickybar__price {
font-size: 16px;
color: #ebbb81;
font-weight: 700;
flex-shrink: 0;
font-variant-numeric: tabular-nums;
}
.indepro-offre-stickybar__status {
font-size: 13.5px;
color: rgba(242,241,237,0.75);
font-weight: 700;
letter-spacing: 0.02em;
flex-shrink: 0;
}
.indepro-offre-stickybar--attributed,
.indepro-offre-stickybar--closed {
border-top-color: rgba(242,241,237,0.15);
}
.indepro-root .indepro-offre-stickybar__cta--ghost,
.indepro-root a.indepro-offre-stickybar__cta--ghost,
a.indepro-offre-stickybar__cta--ghost {
background: rgba(242,241,237,0.08) !important;
color: #f2f1ed !important;
border: 1px solid rgba(242,241,237,0.18);
font-weight: 600 !important;
}
.indepro-root .indepro-offre-stickybar__cta--ghost:hover,
.indepro-root a.indepro-offre-stickybar__cta--ghost:hover {
background: rgba(242,241,237,0.12) !important;
color: #f2f1ed !important;
}
.indepro-root .indepro-offre-stickybar__cta,
.indepro-root a.indepro-offre-stickybar__cta,
a.indepro-offre-stickybar__cta {
flex: 1;
display: flex; align-items: center; justify-content: center;
background: #ebbb81 !important;
color: #000 !important;
font-weight: 800 !important;
font-size: 14.5px;
padding: 12px 16px;
border-radius: 10px;
text-decoration: none !important;
transition: background 0.2s ease;
}
.indepro-root .indepro-offre-stickybar__cta:hover,
.indepro-root a.indepro-offre-stickybar__cta:hover,
a.indepro-offre-stickybar__cta:hover { background: #f2c088 !important; color: #000 !important; }
/* ============== Responsive ============== */
/* Tablet & mobile : sidebar masquée pour éviter la triple répétition du prix.
La sticky bottom bar gère le CTA, la card rému du main reste informative. */
@media (max-width: 1024px) {
.indepro-offre-2col {
grid-template-columns: 1fr;
gap: 0;
}
.indepro-offre-aside { display: none; }
.indepro-offre-main { max-width: 100%; }
.indepro-offre-stickybar { display: flex; }
body.single-indepro_offre,
body.indepro_offre-template-default { padding-bottom: 80px; }
}
@media (max-width: 720px) {
.indepro-offre-body--2col { padding: 30px 0 30px; }
.indepro-remu-card { padding: 22px 20px; }
.indepro-remu-card__row {
grid-template-columns: 1fr;
gap: 14px;
}
.indepro-remu-card__sep {
width: 60%;
height: 1px;
background: rgba(235,187,129,0.15);
margin: 0 auto;
}
.indepro-remu-card__col--main {
text-align: center;
align-items: center;
}
.indepro-remu-card__col {
text-align: center;
align-items: center;
}
.indepro-offre-share { gap: 8px; flex-wrap: wrap; }
.indepro-offre-h2 { font-size: 19px; margin-top: 26px; }
.indepro-offre-pull { padding: 18px 20px; margin: 26px 0; }
.indepro-offre-pull__body { font-size: 14.5px; }
/* H1 mobile : un peu plus tassé pour éviter 5 lignes */
.indepro-offre-hero .indepro-offre-hero__h1 {
font-size: clamp(24px, 7vw, 30px) !important;
line-height: 1.15 !important;
}
}
/* JS hookable copy-link feedback */
.indepro-offre-share__copy.is-copied { color: #ebbb81; border-color: rgba(235,187,129,0.4); }
/* ============== Card label d'accès (membres / public) ============== */
.indepro-offre-card__access {
display: inline-flex; align-items: center; gap: 7px;
font-size: 11px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.08em;
padding: 5px 11px;
border-radius: 6px;
margin: 12px 0 0;
white-space: nowrap;
}
.indepro-offre-card__access svg { flex-shrink: 0; }
.indepro-offre-card__access--members {
background: rgba(235,187,129,0.10);
border: 1px solid rgba(235,187,129,0.28);
color: #ebbb81;
}
.indepro-offre-card__access--public {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.1);
color: rgba(242,241,237,0.55);
}
.indepro-offre-card--attributed .indepro-offre-card__access,
.indepro-offre-card--closed .indepro-offre-card__access {
opacity: 0.7;
}
/* ============================================================ */
/* REFONTE V0.6.0 — Sections SEO réintroduites proprement */
/* ============================================================ */
/* ============== Section SEO prose (contexte marché) ============== */
.indepro-root .indepro-offre-section--seo {
margin: 40px 0 !important;
}
.indepro-root .indepro-offre-section__body--prose {
font-size: 16px;
line-height: 1.75;
color: rgba(242,241,237,0.85);
}
.indepro-root .indepro-offre-section__body--prose p {
margin: 0 0 14px !important;
}
.indepro-root .indepro-offre-section__body--prose p:last-child { margin-bottom: 0 !important; }
.indepro-root .indepro-offre-section__body--prose strong { color: #f2f1ed; }
.indepro-root .indepro-offre-section__body--prose ul,
.indepro-root .indepro-offre-section__body--prose ol {
margin: 14px 0 !important;
padding-left: 22px !important;
}
.indepro-root .indepro-offre-section__body--prose li {
margin: 0 0 8px !important;
list-style: disc !important;
}
.indepro-root .indepro-offre-section__body--prose ul li::marker { color: #ebbb81; }
/* ============== FAQ par fiche (accordion) ============== */
.indepro-offre-faq__list {
display: flex; flex-direction: column;
gap: 8px;
margin-top: 8px;
}
.indepro-offre-faq__item {
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 10px;
transition: border-color 0.2s ease;
}
.indepro-offre-faq__item:hover { border-color: rgba(235,187,129,0.18); }
.indepro-offre-faq__item[open] {
border-color: rgba(235,187,129,0.28);
background: rgba(235,187,129,0.03);
}
.indepro-offre-faq__q {
font-size: 15px; font-weight: 600;
color: #f2f1ed;
padding: 16px 22px;
cursor: pointer;
list-style: none;
position: relative;
padding-right: 50px;
}
.indepro-offre-faq__q::-webkit-details-marker { display: none; }
.indepro-offre-faq__q::after {
content: '+';
position: absolute;
right: 22px; top: 50%;
transform: translateY(-50%);
font-size: 22px; font-weight: 300;
color: #ebbb81;
transition: transform 0.25s ease;
}
.indepro-offre-faq__item[open] .indepro-offre-faq__q::after {
transform: translateY(-50%) rotate(45deg);
}
.indepro-root .indepro-offre-faq__a {
padding: 0 22px 18px !important;
color: rgba(242,241,237,0.78);
font-size: 14.5px; line-height: 1.7;
}
.indepro-root .indepro-offre-faq__a p { margin: 0 0 8px !important; }
.indepro-root .indepro-offre-faq__a p:last-child { margin-bottom: 0 !important; }
/* ============== Missions similaires ============== */
.indepro-offre-similar { margin: 36px 0 !important; }
.indepro-root .indepro-offre-similar__list {
list-style: none !important;
padding: 0 !important;
margin: 8px 0 0 !important;
display: flex; flex-direction: column;
gap: 10px;
}
.indepro-root .indepro-offre-similar__item {
margin: 0 !important;
list-style: none !important;
padding: 0 !important;
}
.indepro-root .indepro-offre-similar__item::before { content: none !important; }
.indepro-offre-similar__link {
display: flex; align-items: center; gap: 14px;
padding: 14px 18px;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
text-decoration: none !important;
color: #f2f1ed;
transition: all 0.25s ease;
}
.indepro-offre-similar__link:hover {
border-color: rgba(235,187,129,0.32);
background: rgba(235,187,129,0.05);
transform: translateX(3px);
}
.indepro-offre-similar__item--attributed .indepro-offre-similar__link {
opacity: 0.65;
}
.indepro-offre-similar__item--attributed .indepro-offre-similar__link:hover { opacity: 0.85; }
.indepro-offre-similar__icon {
width: 36px; height: 36px;
display: flex; align-items: center; justify-content: center;
background: rgba(235,187,129,0.1);
border: 1px solid rgba(235,187,129,0.22);
border-radius: 10px;
color: #ebbb81;
flex-shrink: 0;
}
.indepro-offre-similar__item--attributed .indepro-offre-similar__icon {
background: rgba(242,241,237,0.05);
border-color: rgba(242,241,237,0.12);
color: rgba(242,241,237,0.5);
}
.indepro-offre-similar__body {
display: flex; flex-direction: column; gap: 3px;
flex: 1; min-width: 0;
}
.indepro-offre-similar__title {
font-size: 14.5px; font-weight: 700;
color: #f2f1ed;
line-height: 1.3;
}
.indepro-offre-similar__meta {
font-size: 12.5px;
color: rgba(242,241,237,0.55);
}
.indepro-offre-similar__meta strong { color: #ebbb81; font-weight: 700; }
.indepro-offre-similar__item--attributed .indepro-offre-similar__meta strong { color: rgba(242,241,237,0.7); }
.indepro-offre-similar__arrow {
color: #ebbb81; flex-shrink: 0;
opacity: 0.55;
transition: opacity 0.25s ease;
}
.indepro-offre-similar__link:hover .indepro-offre-similar__arrow { opacity: 1; }
/* ============== Nav exploration (chips) ============== */
.indepro-offre-explore {
display: flex; flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 24px 0 8px;
padding-top: 22px;
border-top: 1px solid rgba(255,255,255,0.06);
}
.indepro-offre-explore__label {
font-size: 12px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.08em;
color: rgba(242,241,237,0.5);
margin-right: 4px;
}
.indepro-root .indepro-offre-explore__chip,
.indepro-root a.indepro-offre-explore__chip {
display: inline-flex; align-items: center;
padding: 6px 14px;
border-radius: 999px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
color: rgba(242,241,237,0.78) !important;
font-size: 12.5px; font-weight: 600;
text-decoration: none !important;
transition: all 0.2s ease;
}
.indepro-root .indepro-offre-explore__chip:hover,
.indepro-root a.indepro-offre-explore__chip:hover {
border-color: rgba(235,187,129,0.35);
background: rgba(235,187,129,0.08);
color: #ebbb81 !important;
}
/* ============== Intro archive (texte court) ============== */
.indepro-offres-intro {
padding: 30px 0 10px;
}
.indepro-offres-intro__inner {
max-width: 820px;
margin: 0 auto;
}
.indepro-root .indepro-offres-intro__lead {
font-size: 16px;
line-height: 1.75;
color: rgba(242,241,237,0.82);
margin: 0 0 14px !important;
text-align: center;
}
.indepro-root .indepro-offres-intro__lead:last-child { margin-bottom: 0 !important; }
.indepro-offres-intro__lead strong { color: #f2f1ed; }
/* ============== Barème tarifaire archive ============== */
.indepro-offres-bareme {
padding: 60px 0 50px;
border-top: 1px solid rgba(255,255,255,0.04);
}
.indepro-offres-bareme__title {
font-size: clamp(22px, 3vw, 28px);
font-weight: 700;
color: #f2f1ed;
text-align: center;
margin: 0 0 8px;
letter-spacing: -0.01em;
}
.indepro-offres-bareme__lead {
text-align: center;
font-size: 15px;
color: rgba(242,241,237,0.6);
max-width: 620px; margin: 0 auto 32px;
line-height: 1.6;
}
.indepro-offres-bareme__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 14px;
max-width: 1100px;
margin: 0 auto;
}
.indepro-offres-bareme__cell {
padding: 22px 22px;
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
}
.indepro-offres-bareme__cell h3 {
font-size: 12.5px; font-weight: 700;
color: rgba(242,241,237,0.6);
text-transform: uppercase; letter-spacing: 0.06em;
margin: 0 0 10px;
}
.indepro-offres-bareme__price {
font-size: 22px; font-weight: 800;
color: #ebbb81;
margin: 0 0 8px;
font-variant-numeric: tabular-nums;
letter-spacing: -0.005em;
}
.indepro-offres-bareme__note {
font-size: 13px; color: rgba(242,241,237,0.6);
line-height: 1.55;
margin: 0;
}
/* ============== FAQ globale archive ============== */
.indepro-offres-faq-global {
padding: 40px 0 60px;
}
.indepro-offres-faq-global__title {
font-size: clamp(22px, 3vw, 28px);
font-weight: 700;
color: #f2f1ed;
margin: 0 0 24px;
text-align: center;
letter-spacing: -0.01em;
}
.indepro-offres-faq-global__list {
max-width: 760px; margin: 0 auto;
display: flex; flex-direction: column;
gap: 10px;
}
.indepro-offres-faq-global__item {
background: rgba(255,255,255,0.025);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 12px;
}
.indepro-offres-faq-global__item:hover { border-color: rgba(235,187,129,0.2); }
.indepro-offres-faq-global__item[open] {
border-color: rgba(235,187,129,0.28);
background: rgba(235,187,129,0.03);
}
.indepro-offres-faq-global__item summary {
font-size: 15.5px; font-weight: 600;
color: #f2f1ed;
padding: 18px 24px;
cursor: pointer;
list-style: none;
position: relative;
padding-right: 54px;
}
.indepro-offres-faq-global__item summary::-webkit-details-marker { display: none; }
.indepro-offres-faq-global__item summary::after {
content: '+';
position: absolute;
right: 22px; top: 50%;
transform: translateY(-50%);
font-size: 24px; font-weight: 300;
color: #ebbb81;
transition: transform 0.25s ease;
}
.indepro-offres-faq-global__item[open] summary::after {
transform: translateY(-50%) rotate(45deg);
}
.indepro-root .indepro-offres-faq-global__item p {
padding: 0 24px 22px !important;
font-size: 14.5px; line-height: 1.7;
color: rgba(242,241,237,0.78);
margin: 0 !important;
}
/* Card attribuée plus visible (fix mobile) */
/* (opacity/grayscale supprimés pour visibilité mobile — voir bloc ci-dessus) */
/* Mobile : sections aérées */
@media (max-width: 720px) {
.indepro-offres-intro { padding: 24px 0 8px; }
.indepro-offres-bareme { padding: 40px 0 30px; }
.indepro-offres-bareme__grid { grid-template-columns: 1fr; }
.indepro-offres-faq-global { padding: 30px 0 50px; }
.indepro-offre-similar__link { padding: 12px 14px; gap: 12px; }
.indepro-offre-similar__title { font-size: 13.5px; }
.indepro-offre-explore { gap: 6px; }
.indepro-offre-explore__label { margin-bottom: 4px; }
}
/* ============== "Aller plus loin" wrapper (replie contexte + FAQ) ============== */
.indepro-offre-deeper {
margin: 36px 0;
border: 1px solid rgba(235,187,129,0.18);
border-radius: 14px;
background: rgba(235,187,129,0.025);
overflow: hidden;
}
.indepro-offre-deeper[open] {
border-color: rgba(235,187,129,0.28);
}
.indepro-offre-deeper__toggle {
display: flex; align-items: center; justify-content: space-between;
gap: 14px;
padding: 18px 22px;
cursor: pointer;
list-style: none;
font-size: 14px; font-weight: 700;
color: #ebbb81;
text-transform: uppercase; letter-spacing: 0.06em;
transition: background 0.2s ease;
}
.indepro-offre-deeper__toggle::-webkit-details-marker { display: none; }
.indepro-offre-deeper__toggle:hover {
background: rgba(235,187,129,0.05);
}
.indepro-offre-deeper__toggle-text { flex: 1; }
.indepro-offre-deeper__toggle-icon {
display: flex; align-items: center; justify-content: center;
width: 26px; height: 26px;
border-radius: 50%;
background: rgba(235,187,129,0.1);
border: 1px solid rgba(235,187,129,0.25);
color: #ebbb81;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.indepro-offre-deeper[open] .indepro-offre-deeper__toggle-icon {
transform: rotate(180deg);
}
.indepro-offre-deeper__body {
padding: 6px 22px 22px;
border-top: 1px solid rgba(235,187,129,0.1);
margin-top: 0;
}
.indepro-root .indepro-offre-deeper__section {
margin: 24px 0 0 !important;
}
.indepro-root .indepro-offre-deeper__h3 {
font-size: 16px;
font-weight: 700;
color: #f2f1ed;
margin: 0 0 12px !important;
padding: 0;
letter-spacing: -0.005em;
}
.indepro-offre-deeper .indepro-offre-faq__list { margin-top: 0; }
.indepro-offre-deeper .indepro-offre-faq__item {
background: rgba(255,255,255,0.02);
}
@media (max-width: 720px) {
.indepro-offre-deeper__toggle { padding: 16px 18px; font-size: 13px; }
.indepro-offre-deeper__body { padding: 4px 18px 20px; }
}
/* Maillage SEO discret dans "Aller plus loin" */
.indepro-offre-deeper__nav {
margin: 24px 0 0;
padding-top: 18px;
border-top: 1px dashed rgba(235,187,129,0.18);
display: flex; flex-wrap: wrap; gap: 8px;
align-items: center;
}
.indepro-offre-deeper__nav-label {
font-size: 12px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.06em;
color: rgba(242,241,237,0.5);
margin-right: 4px;
}
.indepro-root .indepro-offre-deeper__nav-link,
.indepro-root a.indepro-offre-deeper__nav-link {
display: inline-flex; align-items: center;
padding: 5px 11px;
border-radius: 999px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
color: rgba(242,241,237,0.75) !important;
font-size: 12px; font-weight: 600;
text-decoration: none !important;
transition: all 0.2s ease;
}
.indepro-root .indepro-offre-deeper__nav-link:hover {
border-color: rgba(235,187,129,0.32);
background: rgba(235,187,129,0.08);
color: #ebbb81 !important;
}
/* ============================================================ */
/* RAFFINEMENT ARCHIVE — rythme vertical + FAQ intégrée */
/* ============================================================ */
/* Cards : padding standard, hero non touché */
.indepro-offres-list {
padding: 40px 0 60px !important;
}
/* FAQ globale : section bien matérialisée, container resserré */
.indepro-offres-faq-global {
padding: 40px 0 60px !important;
background: rgba(255,255,255,0.012);
border-top: 1px solid rgba(255,255,255,0.05);
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.indepro-offres-faq-global .indepro-c {
max-width: 820px;
margin: 0 auto;
}
.indepro-offres-faq-global__title {
font-size: clamp(24px, 3vw, 28px) !important;
margin-bottom: 24px !important;
}
/* CTA final compact */
.indepro-offres-archive .indepro-final {
padding-top: 40px !important;
padding-bottom: 60px !important;
}
@media (max-width: 720px) {
.indepro-offres-list { padding: 28px 0 40px !important; }
.indepro-offres-faq-global { padding: 40px 0 30px !important; }
.indepro-offres-faq-global::after { font-size: 13px; padding: 0 16px; }
}
/* ============================================================ */
/* V0.7.0 — Badges row (access + status alignés) + CTA card */
/* ============================================================ */
/* Row horizontale dans le head : access à gauche, status à droite */
.indepro-offre-card__badges {
display: flex; flex-direction: column;
gap: 6px; align-items: flex-end;
}
.indepro-offre-card__badges-row {
display: inline-flex; align-items: center;
gap: 8px;
}
/* Access label compact (dans le head, côté gauche du status) */
.indepro-offre-card__access {
display: inline-flex; align-items: center; gap: 5px;
margin: 0;
font-size: 9.5px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.08em;
padding: 5px 10px;
border-radius: 6px;
white-space: nowrap;
line-height: 1;
}
.indepro-offre-card__access svg { flex-shrink: 0; }
.indepro-offre-card__access--members {
background: rgba(235,187,129,0.1);
border: 1px solid rgba(235,187,129,0.28);
color: #ebbb81;
}
.indepro-offre-card__access--public {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.1);
color: rgba(242,241,237,0.55);
}
/* Bouton "Voir le brief" : vrai CTA visible */
.indepro-offre-card__cta {
display: inline-flex; align-items: center; gap: 8px;
padding: 9px 16px;
background: rgba(235,187,129,0.08);
border: 1.5px solid rgba(235,187,129,0.32);
border-radius: 10px;
color: #ebbb81;
font-size: 13px; font-weight: 700;
letter-spacing: 0;
transition: all 0.25s ease;
}
.indepro-offre-card__cta svg {
transition: transform 0.25s ease;
}
.indepro-offre-card:hover .indepro-offre-card__cta {
background: #ebbb81;
border-color: #ebbb81;
color: #000;
}
.indepro-offre-card:hover .indepro-offre-card__cta svg {
transform: translateX(3px);
}
.indepro-offre-card--attributed .indepro-offre-card__cta,
.indepro-offre-card--closed .indepro-offre-card__cta {
background: rgba(255,255,255,0.04);
border-color: rgba(255,255,255,0.12);
color: rgba(242,241,237,0.6);
}
.indepro-offre-card--attributed:hover .indepro-offre-card__cta,
.indepro-offre-card--closed:hover .indepro-offre-card__cta {
background: rgba(255,255,255,0.08);
color: rgba(242,241,237,0.85);
border-color: rgba(242,241,237,0.2);
}
@media (max-width: 720px) {
.indepro-offre-card__badges-row { gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.indepro-offre-card__access { font-size: 9px; padding: 4px 8px; }
.indepro-offre-card__cta { padding: 8px 14px; font-size: 12.5px; }
}
/* ============== Rémunération "à discuter" (tbd) ============== */
/* Carte mission archive : remplace le gros prix par un placeholder sobre,
garde la bordure or et la grille mais réduit le poids visuel. */
.indepro-offre-card__remu-block--tbd .indepro-offre-card__remu-amount {
align-items: center;
gap: 8px;
}
.indepro-offre-card__remu-block--tbd .indepro-offre-card__remu-icon {
flex: 0 0 auto;
color: #ebbb81;
opacity: 0.85;
}
.indepro-offre-card__remu-block--tbd .indepro-offre-card__remu-value {
font-size: 15px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
color: #ebbb81;
}
.indepro-offre-card__remu-block--tbd.indepro-offre-card__remu-block--locked .indepro-offre-card__remu-value {
color: rgba(242,241,237,0.85);
}
/* Carte single-offre principale : version sobre */
.indepro-remu-card--tbd .indepro-remu-card__value--tbd {
font-size: clamp(22px, 3vw, 28px);
font-weight: 800;
color: #ebbb81;
letter-spacing: -0.01em;
line-height: 1.1;
}
/* Aside sticky : bloc rému */
.indepro-aside-card__price--tbd {
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(242,241,237,0.55) !important;
line-height: 1.4;
margin-bottom: 4px;
}
.indepro-aside-card__price--tbd .indepro-aside-card__price-tbd-em {
display: inline-block;
margin-top: 6px;
font-size: 24px;
font-weight: 800;
text-transform: none;
letter-spacing: -0.01em;
color: #ebbb81;
line-height: 1;
}
/* ============== Layout archive offres : sidebar filtres + main ============== */
.indepro-offres-layout {
display: block;
}
.indepro-offres-layout--has-sidebar {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
}
@media (min-width: 1024px) {
.indepro-offres-layout--has-sidebar {
grid-template-columns: 280px 1fr;
gap: 44px;
/* PAS align-items:start — sidebar doit stretcher pour que sticky bosse sur toute la hauteur de la grille */
}
}
.indepro-offres-sidebar {
min-width: 0;
}
.indepro-offres-sidebar__inner {
position: relative;
}
@media (min-width: 1024px) {
.indepro-offres-sidebar {
align-self: stretch;
}
.indepro-offres-sidebar__inner {
position: sticky;
/* Header indepro = 78px en haut de page, shrink à 66px après scroll. 86px = juste en dessous quand shrunk. */
top: 86px;
max-height: calc(100vh - 110px);
overflow-y: auto;
overscroll-behavior: contain;
padding-right: 4px;
}
.indepro-offres-sidebar__inner::-webkit-scrollbar { width: 6px; }
.indepro-offres-sidebar__inner::-webkit-scrollbar-thumb {
background: rgba(235,187,129,0.18);
border-radius: 4px;
}
.indepro-offres-sidebar__inner::-webkit-scrollbar-track {
background: transparent;
}
}
.indepro-offres-main {
min-width: 0;
}
/* ============== Filtres : pills verticales en sidebar ============== */
.indepro-offres-filters {
display: flex;
flex-direction: column;
gap: 24px;
}
.indepro-offres-filters__group {
display: flex; flex-direction: column;
gap: 6px;
}
.indepro-offres-filters__title {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(235,187,129,0.6);
margin: 0 0 6px;
padding: 0 12px;
}
.indepro-offres-filter-chip {
-webkit-appearance: none;
appearance: none;
display: flex; align-items: center; justify-content: space-between;
gap: 10px;
width: 100%;
padding: 11px 14px;
background: transparent;
border: 1px solid transparent;
border-radius: 10px;
color: rgba(242,241,237,0.72);
font-family: inherit;
font-size: 13.5px; font-weight: 600;
line-height: 1.2;
letter-spacing: 0.005em;
text-align: left;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.indepro-offres-filter-chip__label {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.indepro-offres-filter-chip:hover {
background: rgba(235,187,129,0.06);
color: #f2f1ed;
}
.indepro-offres-filter-chip:focus-visible {
outline: 2px solid #ebbb81;
outline-offset: 2px;
}
.indepro-offres-filter-chip.is-active {
background: rgba(235,187,129,0.14);
border-color: rgba(235,187,129,0.4);
color: #ebbb81;
box-shadow: inset 3px 0 0 0 #ebbb81;
padding-left: 16px;
}
.indepro-offres-filter-chip.is-active:hover {
background: rgba(235,187,129,0.18);
}
.indepro-offres-filter-chip__count {
flex: 0 0 auto;
display: inline-flex; align-items: center; justify-content: center;
min-width: 24px;
padding: 3px 7px;
background: rgba(242,241,237,0.06);
border-radius: 999px;
font-size: 11px; font-weight: 700;
color: rgba(242,241,237,0.55);
font-variant-numeric: tabular-nums;
}
.indepro-offres-filter-chip.is-active .indepro-offres-filter-chip__count {
background: rgba(235,187,129,0.22);
color: #ebbb81;
}
.indepro-offres-filters-empty {
text-align: center;
color: rgba(242,241,237,0.55);
font-size: 14px;
padding: 60px 24px;
margin: 0 0 24px;
background: rgba(242,241,237,0.025);
border: 1px dashed rgba(242,241,237,0.12);
border-radius: 12px;
}
/* ============== Mobile : sidebar passe en barre horizontale scrollable ============== */
@media (max-width: 1023px) {
.indepro-offres-layout--has-sidebar {
grid-template-columns: 1fr;
gap: 28px;
}
.indepro-offres-sidebar {
order: -1;
margin: 0 -22px;
padding: 0 22px;
}
.indepro-offres-sidebar__inner {
position: static;
max-height: none;
overflow: visible;
padding: 0;
}
.indepro-offres-filters {
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
gap: 14px;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
padding-bottom: 8px;
}
.indepro-offres-filters__group {
flex-direction: row;
flex: 0 0 auto;
gap: 6px;
align-items: center;
}
.indepro-offres-filters__title {
flex: 0 0 auto;
padding: 0;
margin: 0 6px 0 0;
color: rgba(235,187,129,0.5);
font-size: 10px;
}
.indepro-offres-filter-chip {
flex: 0 0 auto;
width: auto;
padding: 9px 14px;
border-radius: 999px;
border: 1px solid rgba(242,241,237,0.12);
background: rgba(242,241,237,0.04);
}
.indepro-offres-filter-chip.is-active {
background: #ebbb81;
border-color: #ebbb81;
color: #07070b;
box-shadow: 0 4px 14px -6px rgba(235,187,129,0.55);
padding-left: 14px;
}
.indepro-offres-filter-chip.is-active .indepro-offres-filter-chip__count {
background: rgba(7,7,11,0.18);
color: rgba(7,7,11,0.78);
}
}
/* Force hidden malgré le display:flex de .indepro-offre-card */
.indepro-offre-card[hidden] { display: none !important; }