body.category .site-content-contain , body.single .site-content-contain {
&  .wrap { padding:0 3rem !important; min-height:80vw; }
&	.widget-title {color:#fff}
&	.wp-block-search__label {color:#fff; text-transform:uppercase; font-size: 0.6875rem;letter-spacing: 0.1818em; }
&	a {color:#ccc;}
&	.category-post-titles li {list-style: calc;}
& .entry-footer {margin: 0; padding:1rem 0; border: none;}
& .entry-footer .edit-link {display: none;}
}
.nav-links {
& .nav-subtitle {display: none;}
& a .nav-title, a:visited .nav-title {color: #b8b8c3;}
& a:hover .nav-title {color:#00e6ff }
& a:hover .nav-title .icon {color:#00e6ff }
& a .nav-title, a:visited .nav-title, a:hover .nav-title {font-weight: 400; text-decoration: none !important; box-shadow: none !important;}
}
/* BASE FICHE FORMATION */
.spotseg { --bg:transparent; --panel:#15151c; --panel2:#1d1d27; --text:#f4f4f6; --muted:#b8b8c3; --green:#99F679; --line:#30303a; --danger:#ffcb6b; margin:0; font-family:Arial, Helvetica, sans-serif; background:var(--bg); color:var(--text); line-height:1.55; }
.spotseg * { box-sizing:border-box; }
.spotseg header { padding:34px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(135deg, #15151c, #0f0f14); margin-bottom:24px; }
.spotseg h1 { margin:0 0 12px; font-size:clamp(32px, 5vw, 58px); line-height:1.02; letter-spacing:-0.04em; }
.spotseg h2 { margin:0 0 16px; font-size:26px; line-height:1.15; letter-spacing:-0.02em; }
.spotseg h3 { margin:0 0 10px; font-size:19px; color:var(--green); }
.spotseg p { margin:0 0 12px; }
.spotseg .badge { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(153,246,121,.35); border-radius:999px; color:var(--green); font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.04em; margin-bottom:18px; }
.spotseg .lead { max-width:920px; color:var(--muted); font-size:19px; }
.spotseg .grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin:24px 0; }
.spotseg .card { padding:22px; background:var(--panel); border:1px solid var(--line); border-radius:20px; height:100% !important; }
.spotseg .card strong { color:var(--text); }
.spotseg .card p { color:var(--muted); }
.spotseg .section { padding:28px; background:var(--panel); border:1px solid var(--line); border-radius:22px; margin-top:18px; }
.spotseg .table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:16px; }
.spotseg table { width:100%; border-collapse:collapse; min-width:820px; }
.spotseg th, .spotseg td { padding:15px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.spotseg th { background:var(--panel2); color:var(--green); font-size:13px; text-transform:uppercase; letter-spacing:.04em; }
.spotseg tr:last-child td { border-bottom:0; }
.spotseg ul { margin:0; padding-left:20px; }
.spotseg li { margin:7px 0; }
.spotseg .kpi { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; margin-top:18px; }
.spotseg .kpi div { padding:16px; background:var(--panel2); border:1px solid var(--line); border-radius:16px; }
.spotseg .kpi span { display:block; color:var(--muted); font-size:13px; }
.spotseg .kpi b { display:block; margin-top:4px; color:var(--green); font-size:20px; }
.spotseg .warning { padding:18px; border:1px solid rgba(255,203,107,.35); background:rgba(255,203,107,.08); border-radius:18px; color:#ffe4a6; margin-top:16px; }
.spotseg .actions { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }
.spotseg .schema { display:grid; grid-template-columns:1fr; gap:14px; margin-top:18px; }
.spotseg .schema-main { padding:22px; border:1px solid rgba(153,246,121,.35); border-radius:20px; background:var(--panel2); text-align:center; }
.spotseg .schema-main strong { display:block; color:var(--green); font-size:22px; text-transform:uppercase; letter-spacing:.04em; }
.spotseg .schema-flow { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.spotseg .schema-box { padding:18px; border:1px solid var(--line); border-radius:18px; background:#101017; }
.spotseg .schema-box h3 { margin-bottom:8px; }
.spotseg footer { color:var(--muted); font-size:13px; margin-top:28px; }
@media (max-width:860px) { .spotseg .grid, .spotseg .kpi, .spotseg .actions, .spotseg .schema-flow { grid-template-columns:1fr; } .spotseg header, .spotseg .section { padding:22px; } }
@media print { .spotseg { background:#fff; color:#111; } .spotseg header, .spotseg .card, .spotseg .section, .spotseg .schema-main, .spotseg .schema-box { border-color:#ccc; background:#fff; color:#111; } .spotseg .badge, .spotseg h3, .spotseg th, .spotseg .kpi b, .spotseg .schema-main strong { color:#2b7a0b; } .spotseg .table-wrap { overflow:visible; } }
/* LAYOUT */

body.category #content > .wrap,
body.single #content > .wrap,
body.single-post #content > .wrap,
body.has-sidebar #content > .wrap,
body.category .content-sidebar,
body.single .content-sidebar,
body.single-post .content-sidebar,
body.has-sidebar .content-sidebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 30rem) !important;
  gap: 2rem;
  align-items: start;
  width: 100%;
  max-width: none;
}

body.category #primary,
body.single #primary,
body.single-post #primary,
body.has-sidebar #primary {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
}

body.category #secondary,
body.single #secondary,
body.single-post #secondary,
body.has-sidebar #secondary {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 30rem !important;
  float: none !important;
  clear: none !important;
  border-left: 1px dotted #242323;
  height: 100%;
  padding: 1rem;
}

/* FIN LAYOUT */

body.category {
& h1 {color:#B2B2B2; border: 1px solid #242323; padding: 0.5rem; font-size: 1.3rem; text-transform: uppercase;}
& .category-selector { margin:0 0 2rem; }
& .category-selector label { display:block; margin:0 0 .5rem; font-size:1.2rem; font-weight:700; }
& .category-dropdown { width:100%; max-width:420px; padding:.75rem 1rem; border:1px solid #ccc; background: #121212; border-radius:3px; font-size:1rem; color:#FFF;}
& .category-post-titles { padding:0; margin:0; display:grid; gap:1rem; list-style: calc;}
& .category-post-titles li {line-height: 0.7; font-size: 0.9rem; margin-left: 1rem;}
& .category-post-item { display:list-item; }
& .category-post-item-inner { display:grid; gap:.75rem; }
& .category-post-title { display:block; font-size: 1.25rem; font-weight: 600; color: #64ced7!important;}
& .category-post-title:hover { color: #fff!important;}
& .category-post-thumb img { display:block; width:100%; max-width:320px; height:auto; border-radius:12px; }
& .category-post-cat {color:#ccc;}
& #secondary {width:auto;}
& .category-selector label {
    display: block;
    margin: 0 0 2em;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
    color: #fff;
}
.category-post-cat { font-weight:400; opacity:.65; }
.category-post-preview { opacity:.75; line-height:1.5; }
}
body.category #secondary {
& .category-selector label {
    display: block;
    margin: 0 0 2em;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
    color: #fff;
}
}

body.category, body.single-post, body.has-sidebar, body.single {
  &  article, aside, footer, header, nav, section { display: grid !important;  align-content: start; align-items: start;}
}

/* BLOC CORRECTIF */

@media screen and (min-width: 48em) {
  .has-sidebar:not(.error404) #content > .wrap,
  .has-sidebar:not(.error404) .content-sidebar {
    display: grid ;
    grid-template-columns: minmax(0, 1fr) minmax(0, 30rem) !important;
    gap: 2rem !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
  }

  .has-sidebar:not(.error404) #primary {
    grid-column: 1 !important;
    grid-row: 1 !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .has-sidebar:not(.error404) #secondary {
    grid-column: 2 !important;
    grid-row: 1 !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: 30rem !important;
    min-width: 0 !important;
  }
}
body.single {
& .entry-header {display:none !important;}
& .margeauto {margin: auto;}
& .spotseg main {padding: 0;}
}
#schema3sec img {width:100%;}


/******* wpDataTables *******/

.wpdt-c, .wpDataTablesWrapper {max-width: 86rem;}
.wpdt-c button.DTTT_button {color:#dbdbdb !important;}
.wpdt-c table {color:#5e5e5e;}
.wpdt-c .btn-default {color: #dbdbdb !important;}
.wpDataTablesWrapper .paginate_button.current {color:#5e5e5e !important; background: white !important;}

/*** Début scrollbar ***/
.wdtscroll {overflow-x: auto; overflow-y: hidden; margin-top:2rem;}
/* Chrome, Edge, Safari */
.wdtscroll::-webkit-scrollbar {height: 12px;}
.wdtscroll::-webkit-scrollbar-track {background: #111; border-radius: 999px;}
.wdtscroll::-webkit-scrollbar-thumb {background: #bdbdbd; border-radius: 999px;}
.wdtscroll::-webkit-scrollbar-thumb:hover {background: #121212;}
/* Firefox */
.wdtscroll {scrollbar-width: thin; scrollbar-color: #bdbdbd #111;}
/*** FIN scrollbar***/

.wpdt-c .form-control {color: #dbdbdb !important;}
.wpdt-c, .wpdt-c .wpDataTables.wpDataTablesWrapper {max-width: 80rem !important; min-width: 2rem !important;}
.wpDataTablesWrapper div.dt-buttons {margin:0 0.5rem 0 0 !important; float:none !important; display:block;}
.wpdt-c .clear {display:none;}
.wpDataTablesWrapper .dataTables_length {margin:0 !important; padding:0 0.5rem !important; float:none !important; display: inline-block;width: fit-content; border-right:1px solid #515151; border-left:1px solid #515151;}
.wpDataTablesWrapper .dataTables_filter {margin:0 0.5rem !important; float:none !important; display: inline-block;}
.wpDataTables input {box-sizing: content-box !important;}
.wpDataTables .dataTables_length select.selectpicker {border-radius:2px;}
.wpdt-c label {font-weight:normal !important; color: #ccc;}
.wpDataTables .wdt-checkbox-filter.btn, .wpDataTables input[type=text], .wpDataTables select, .wpdt-c .wpDataTablesWrapper .filter_column button {height: 1.2rem !important; font-size: 0.8rem !important;}
.wptableperso .wpdt-c .bootstrap-select > .btn-default { background: none !important; border-bottom: none !important;}
.wptableperso .wpdt-c .form-control {border: 1px solid #454545 !important; box-sizing: content-box !important; height: 1.2rem;}
.wptableperso .powered_by_link {position: relative; left: -10px !important; font-size: 0.8rem;}



/* CSS SPÉCIFIQUE CATEGORIES */

/**** DROITS & CONTRATS ****/
body.category-droits-contrats .spotseg,
body.single.category-droits-contrats .spotseg {
& header, .card, section  { background: linear-gradient(135deg, #043651, #084B70); border: 1px solid #00e6ff42;}
& .grid {background: transparent; border: none;}
& .card {height: 100%;}
& .badge {color:#00e6ff; border: 1px solid #00e6ff42; }
& h1, h2, h3 {color: #00e6ff;}
& th {background: #4788b6; color: #fff; }
& td {border: 1px solid #00e6ff42;}
& tr:last-child td, tr {border-bottom: none;}
& td:first-child {border-left: none;}
& td:last-child {border-right: none;}
& .warning {background: #6bc9ff26; color:#fff; border: 1px solid #00e6ff42; }
& .kpi {margin-bottom:18px;}
& .kpi div {border: 1px solid #00e6ff42; background: #121212;}
& .kpi b {color: #00e6ff;}
& strong {color: #00e6ff;}
& table {margin-bottom: 0;}
& .table-wrap {border: 1px solid #00e6ff42;}
}
