.ss-wrap{--ss-y1:#fff0a6;--ss-y2:#ffdf55;--ss-y3:#ffd94a;--ss-ink:#1d2433;--ss-mut:#5f6b7a;--ss-line:#e4e8ee;--ss-card:#fff;max-width:none;margin:0;color:var(--ss-ink);font-family:inherit;line-height:1.55}
.ss-wrap *,.ss-wrap *::before,.ss-wrap *::after{box-sizing:border-box}
.ss-hero{padding:56px 24px 40px;text-align:center;color:#fff;background:linear-gradient(135deg,#1c3a5e,#2c5d8f 55%,#3f7fb5);background-size:cover;background-position:center;border-radius:0 0 16px 16px}
.ss-hero h2{margin:0 0 8px;color:#fff;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.15}
.ss-hero p{margin:0 auto 26px;max-width:640px;color:#eef3f9;font-size:1.05rem}
.ss-search{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;max-width:980px;margin:0 auto}
.ss-search input[type=search],.ss-search select,.ss-box select{width:100%;min-height:52px;padding:0 14px;border:1px solid #d3dae4;border-radius:10px;background:#fff;color:var(--ss-ink);font:inherit;font-size:1rem}
.ss-search input:focus,.ss-search select:focus,.ss-box select:focus{outline:3px solid rgba(255,217,74,.7);outline-offset:1px}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid #e7c744;border-radius:10px;background:linear-gradient(110deg,var(--ss-y1) 0%,var(--ss-y2) 50%,var(--ss-y3) 100%);color:#222!important;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 4px 12px rgba(140,105,0,.14)}
.ss-btn:hover{filter:brightness(.97)}
.ss-alpha{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:18px 12px;background:#f6f8fb}
.ss-pill{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--ss-line);border-radius:999px;background:#fff;color:var(--ss-ink)!important;font-weight:700;text-decoration:none}
a.ss-pill:hover{border-color:#e7c744;background:#fff9d6}
.ss-pill.is-on{background:linear-gradient(110deg,var(--ss-y1),var(--ss-y3));border-color:#e7c744}
.ss-pill.is-off{opacity:.38;cursor:default}
.ss-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px clamp(24px,2.8vw,44px);max-width:100%;margin:0 auto}
.ss-box{padding:18px;margin-bottom:18px;border:1px solid var(--ss-line);border-radius:12px;background:#fff}
.ss-box h3{margin:0 0 12px;font-size:1.15rem}
.ss-box label{display:block;margin:0 0 6px;font-weight:700}
.ss-reset{width:100%;margin-top:16px;min-height:46px}
.ss-count{background:#fff7c9;border-color:#f0dd7a}
.ss-count strong{font-size:1.1rem}
.ss-count p{margin:6px 0 0;color:#4d4a33;font-size:.92rem}
.ss-h{margin:0 0 16px;font-size:1.4rem}
.ss-h span{color:var(--ss-mut);font-weight:500;font-size:1rem}
.ss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ss-card{overflow:hidden;border:1px solid var(--ss-line);border-radius:14px;background:#fff;transition:transform .15s,box-shadow .15s}
.ss-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,40,70,.1)}
.ss-card-link{display:flex;flex-direction:column;height:100%;color:inherit!important;text-decoration:none}
.ss-thumb{display:block;width:100%;height:150px;object-fit:cover}
.ss-ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf4ff,#d5e8ff);font-size:42px}
.ss-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:14px}
.ss-card h3{margin:0;font-size:1.05rem;line-height:1.3}
.ss-badge{align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--ss-y2);color:#3b2f00;font-size:.78rem;font-weight:800}
.ss-mini{margin:0;color:var(--ss-mut);font-size:.9rem}
.ss-more{display:inline-block;align-self:flex-start;margin-top:0;position:relative;z-index:1;pointer-events:auto;cursor:pointer;color:#805f00;font-weight:800;font-size:.92rem}
.ss-langs{display:flex;flex-wrap:wrap;gap:12px;color:var(--ss-mut);font-size:.92rem}
.ss-lang{display:inline-flex;align-items:center;gap:6px}
.ss-flag{width:22px;height:15px;border:1px solid #cfd6df;border-radius:2px}
.ss-empty{padding:22px;border:1px solid #f0dd7a;border-radius:12px;background:#fffbe0}
.ss-pager{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:center;margin:26px 0 4px}
.ss-pager a,.ss-pager span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid var(--ss-line);border-radius:9px;background:#fff;color:#805f00;font-weight:700;text-decoration:none}.ss-pager .is-disabled{opacity:.45}.ss-pager .ss-page-status{border:0;background:transparent;color:#475569;padding:0 4px;font-weight:600}
.ss-pager .current{background:var(--ss-y2);border-color:#e7c744;color:#222}
.ss-back{margin:0 0 14px}.ss-back a{color:#805f00;font-weight:700}
.ss-detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.ss-profile{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;padding:0;border:1px solid var(--ss-line);border-radius:14px;overflow:hidden;background:#fff}
.ss-pimg{width:100%;height:100%;min-height:210px;object-fit:cover}
.ss-ptext{padding:18px 18px 18px 0}
.ss-ptext h2{margin:8px 0;font-size:1.7rem;line-height:1.2}
.ss-desc{margin-top:10px;color:#2f3a4a}.ss-desc p{margin:0 0 .7em}
.ss-table{padding:18px;border:1px solid #f0dd7a;border-radius:14px;background:#fff3b8}
.ss-table h3{margin:0 0 10px;font-size:1.2rem}
.ss-table table{width:100%;border-collapse:collapse;margin:0;background:transparent}
.ss-table th,.ss-table td{padding:10px 4px;border:0;border-bottom:1px solid rgba(120,88,0,.2);text-align:left;background:transparent;vertical-align:top}
.ss-table th{width:46%;font-weight:600}
.ss-table td{font-weight:700}.ss-table td em{font-weight:400;color:#6c5a1d}
.ss-table tr:last-child th,.ss-table tr:last-child td{border-bottom:0}
.ss-note,.ss-src{margin:10px 0 0;font-size:.82rem;color:#5b4b12}
.ss-share{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.ss-sh{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:10px;color:#fff!important;font-weight:700;text-decoration:none}
.ss-sh svg{width:22px;height:22px;flex:none}
.ss-sh.fb{background:#1877f2}.ss-sh.in{background:#0a66c2}.ss-sh.wa{background:#1fab57}.ss-sh.em{background:#e8ebef;color:#222!important}
.ss-sh:hover{filter:brightness(.94)}
.ss-faq{padding:18px;border:1px solid var(--ss-line);border-radius:14px;background:#fff}
.ss-faq h3{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:1.3rem}
.ss-q{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--ss-y2);font-weight:800}
.ss-item{border-top:1px solid var(--ss-line)}
.ss-item summary{display:flex;gap:8px;align-items:center;padding:13px 4px;cursor:pointer;font-weight:600;list-style:none}
.ss-item summary::-webkit-details-marker{display:none}
.ss-item summary::after{content:"+";margin-left:auto;font-size:1.4rem;line-height:1}
.ss-item[open] summary::after{content:"–"}
.ss-n{color:var(--ss-mut);font-weight:500}
.ss-a{padding:0 4px 14px 26px;color:#2f3a4a}.ss-a ul{margin:8px 0 0 18px}
.ss-more-btn{display:none;margin:14px auto 0;padding:11px 24px;border:2px solid #e7c744;border-radius:999px;background:#fff;font:inherit;font-weight:800;cursor:pointer}
.ss-js .ss-more-btn{display:block}
.ss-js .ss-faq:not(.is-open) .is-extra{display:none}
@media(max-width:1100px){.ss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-detail{grid-template-columns:1fr}}
@media(max-width:820px){.ss-layout{grid-template-columns:1fr}.ss-search{grid-template-columns:1fr 1fr}.ss-search input[type=search]{grid-column:1/-1}.ss-search .ss-btn{grid-column:1/-1}.ss-profile{grid-template-columns:1fr}.ss-ptext{padding:0 16px 16px}.ss-pimg{min-height:180px;max-height:240px}}
@media(max-width:560px){.ss-grid{grid-template-columns:1fr}.ss-search{grid-template-columns:1fr}.ss-hero{padding:36px 16px 28px}.ss-sh{width:100%}}

/* Pleine largeur : sort de la colonne centrale du thème et occupe toute la fenêtre */
.ss-wrap.ss-full{width:100vw;max-width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:0}
body.ss-page{overflow-x:hidden}
.ss-wrap.ss-full .ss-hero{border-radius:0;padding:64px clamp(16px,4vw,64px) 48px}
.ss-wrap.ss-full .ss-alpha{padding:18px clamp(12px,4vw,64px)}
.ss-wrap.ss-full .ss-layout{padding:28px clamp(20px,2.8vw,44px);grid-template-columns:300px minmax(0,1fr)}
.ss-wrap.ss-full .ss-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ss-wrap.ss-full .ss-detail{grid-template-columns:minmax(0,1fr) 420px}
/* Mode « contenu » : [salaire_suisse largeur="contenu"] */
.ss-wrap.ss-boxed{max-width:1240px;margin:0 auto}
@media(max-width:1000px){.ss-wrap.ss-full .ss-detail{grid-template-columns:1fr}}
@media(max-width:820px){.ss-wrap.ss-full .ss-layout{grid-template-columns:1fr}}

/* v1.8.3 — marge réellement appliquée au bloc filtres + résultats, même si le thème surcharge le padding */
.ss-wrap.ss-full .ss-layout{
  width:calc(100% - 88px)!important;
  max-width:1770px!important;
  margin:0 auto!important;
  padding:28px 0!important;
  box-sizing:border-box!important;
}
@media(max-width:1000px){
  .ss-wrap.ss-full .ss-layout{width:calc(100% - 48px)!important}
}
@media(max-width:560px){
  .ss-wrap.ss-full .ss-layout{width:calc(100% - 28px)!important}
}

/* v1.8.4 — supprimer le titre WordPress au-dessus du bandeau sur la page Salaire suisse */
body.ss-page .entry-title,
body.ss-page .page-title,
body.ss-page .entry-header,
body.ss-page .page-header,
body.ss-page .wp-block-post-title {
  display: none !important;
}
body.ss-page .site-main,
body.ss-page .content-area,
body.ss-page .site-content,
body.ss-page .content-container,
body.ss-page article.page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.ss-page .ss-wrap.ss-full .ss-hero {
  padding-top: 36px !important;
  padding-bottom: 32px !important;
}

/* v1.8.5 — masquer le bandeau de titre du thème qui précède le shortcode.
   Le sélecteur :has() permet de détecter la page qui contient Salaire suisse,
   même si le thème n'ajoute pas body.ss-page. */
html:has(.ss-wrap.ss-full) .entry-header,
html:has(.ss-wrap.ss-full) .entry-title,
html:has(.ss-wrap.ss-full) .page-header,
html:has(.ss-wrap.ss-full) .page-title,
html:has(.ss-wrap.ss-full) .page-title-area,
html:has(.ss-wrap.ss-full) .page-heading,
html:has(.ss-wrap.ss-full) .titlebar,
html:has(.ss-wrap.ss-full) .breadcrumb-area {
  display: none !important;
}
html:has(.ss-wrap.ss-full) .site-main,
html:has(.ss-wrap.ss-full) .content-area,
html:has(.ss-wrap.ss-full) .site-content,
html:has(.ss-wrap.ss-full) .content-container,
html:has(.ss-wrap.ss-full) article.page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html:has(.ss-wrap.ss-full) .ss-hero {
  padding-top: 24px !important;
}

/* Version 1.9.3 : les styles des drapeaux sont intégrés dans la page (#ss-flags-critical), donc indépendants du cache de cette feuille. */
.ss-search select{min-width:180px}
@media(max-width:760px){.ss-search{flex-wrap:wrap}.ss-search input,.ss-search select,.ss-search .ss-btn{width:100%;max-width:100%}}

/* Version 1.9.8 : extrait de 4 lignes maximum sur les cartes, description de catégorie */
.ss-excerpt{margin:0;color:#475569;font-size:.92rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;}
.ss-cat-desc{margin:0 0 18px;padding:14px 18px;background:#fff;border:1px solid #e3e8ef;border-left:4px solid #f5c400;border-radius:10px}
.ss-cat-desc h3{margin:0 0 6px;font-size:1.1rem}.ss-cat-desc p{margin:0 0 8px;color:#475569}.ss-cat-desc p:last-child{margin-bottom:0}

/* v1.9.14 — grille 4 colonnes et pagination compacte précédent/suivant */
@media(max-width:1100px){.ss-wrap.ss-full .ss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ss-wrap.ss-full .ss-grid{grid-template-columns:1fr}.ss-pager{gap:7px}.ss-pager a,.ss-pager span{padding:0 11px;font-size:.9rem}}

/* Pagination: numéro de page actif */
.ss-page-btn.is-current{background:var(--ss-primary,#1769aa);color:#fff;border-color:var(--ss-primary,#1769aa);font-weight:700}


/* v1.9.21 — cartes à hauteur naturelle : le lien suit directement l’extrait */
.ss-wrap.ss-full .ss-card{height:auto!important;align-self:start!important}
.ss-wrap.ss-full .ss-card-link{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;text-decoration:none!important}
.ss-wrap.ss-full .ss-card-body{display:flex!important;flex:0 0 auto!important;flex-grow:0!important;min-height:0!important;flex-direction:column!important;gap:3px!important;padding:14px!important}
.ss-wrap.ss-full .ss-card-body .ss-excerpt{margin:0!important;padding:0!important;flex:0 0 auto!important}


/* v1.9.22 — le lien « Voir le tableau » devient un bouton aux couleurs du thème, collé à l’extrait (aussi intégré dans la page) */
.ss-wrap .ss-card{height:auto!important;align-self:start!important}
.ss-wrap .ss-card-link{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;text-decoration:none!important}
.ss-wrap .ss-card-body{display:flex!important;flex:0 0 auto!important;min-height:0!important;flex-direction:column!important;gap:6px!important;padding:14px!important}
.ss-wrap .ss-card-body h3{margin:0!important}
.ss-wrap .ss-card-body .ss-excerpt{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;line-clamp:4!important;overflow:hidden!important;margin:0!important;padding:0!important;line-height:1.5!important;max-height:none!important;text-align:left!important;flex:0 0 auto!important}
.ss-wrap .ss-card-body .ss-more{display:inline-flex!important;align-items:center!important;gap:6px!important;align-self:flex-start!important;margin:6px 0 0!important;padding:9px 16px!important;border:1px solid #e7c744!important;border-radius:10px!important;background:linear-gradient(110deg,#fff0a6 0%,#ffdf55 50%,#ffd94a 100%)!important;color:#222!important;font-weight:800!important;font-size:.92rem!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;cursor:pointer!important;pointer-events:auto!important;transition:filter .15s,transform .15s}
.ss-wrap .ss-card-link:hover .ss-more,.ss-wrap .ss-card-link:focus .ss-more{filter:brightness(.96);transform:translateY(-1px)}