/* FILE: wp-content/plugins/meta-defense-core/assets/superveille.css */
/* Ctrl+F MD_SV_CSS_REPLACE_ALL */

.mdsv{
  max-width:1100px;
  margin:0 auto;
  font-family:'Rubik', sans-serif;
}

/* ===== TYPO (source unique) ===== */
.mdsv .mdsv-h{
  font-family:'Rubik', sans-serif;
  font-size:15px;
  font-weight:500;
  line-height:1.3;
  word-break:break-word;
  cursor:pointer;
}

.mdsv .mdsv-pills .pill{
  font-family:'Rubik', sans-serif;
  font-size:11px;
  font-weight:400;
}

.mdsv .mdsv-gist{
  margin-top:8px;
  font-family:'Rubik', sans-serif;
  font-size:13px;
  font-weight:400;
  color:#111;
}

.mdsv .mdsv-page{
  font-size:11px;
  color:#666;
  font-family:'Rubik', sans-serif;
}

.mdsv .mdsv-empty{
  padding:11px 0;
  color:#666;
  font-family:'Rubik', sans-serif;
  font-size:13px;
}

/* Ctrl+F MD_SV_GISTLINK_CSS */
.mdsv .mdsv-gistlink,
.mdsv .mdsv-gistlink:hover,
.mdsv .mdsv-gistlink:active,
.mdsv .mdsv-gistlink:visited,
.mdsv .mdsv-gistlink:focus {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
  cursor: pointer !important;
  outline: none !important;
}

/* ===== LAYOUT ===== */
.mdsv .mdsv-bar{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  margin:18px 0 22px;
}

.mdsv .mdsv-title{
  font-weight:800;
  font-size:34px;
  margin:0;
  line-height:1.05;
}

.mdsv .mdsv-list{margin-top:10px}

.mdsv .mdsv-row{
  border-bottom:1px solid #eee;
  padding:14px 0;
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
}

.mdsv .mdsv-left{min-width:0;flex:1 1 auto}
.mdsv .mdsv-right{flex:0 0 180px;display:flex;flex-direction:column;gap:10px;align-items:stretch}

.mdsv .mdsv-pills{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}
.mdsv .pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef;font-size:12px}
.mdsv .pill.hot{background:#fff7ed}
.mdsv .pill.flag{background:#f3f4f6}

.mdsv .mdsv-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:16px 0}
.mdsv .mdsv-nav .left{display:flex;gap:8px;align-items:center}
.mdsv .mdsv-nav .right{display:flex;gap:8px;align-items:center}

/* Searchbar (UI tools) */
.mdsv .mdsv-searchbar{margin:10px 10px 0 10px}
.mdsv .mdsv-search-input{
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:10px;
  font-family:'Rubik', sans-serif;
  font-weight:400;
  font-size:14px;
  background:#fff;
  color:#111;
}
.mdsv .mdsv-search-suggest{margin-top:8px;min-height:24px}
.mdsv .mdsv-search-suggest .pill{cursor:pointer}
.mdsv .mdsv-notif-btn{min-width:44px}

/* Date filter (future) */
.mdsv .mdsv-date-filter{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.mdsv .mdsv-date-filter input[type="date"]{
  padding:7px 10px;
  border:1px solid #ddd;
  border-radius:10px;
  font-size:13px;
  line-height:1;
  font-family:'Rubik', sans-serif;
  font-weight:400;
  background:#fff;
  color:#111;
}
.mdsv .mdsv-date-apply{
  padding:8px 12px;
  border-radius:10px;
  border:1px solid #ddd;
  background:#fff;
  color:#111;
  cursor:pointer;
  line-height:1;
}
.mdsv .mdsv-date-apply:disabled{opacity:.5;cursor:not-allowed}

/* ===== RESPONSIVE / TOGGLE ===== */
.mdsv.mdsv-narrow .mdsv-title{font-size:24px}
.mdsv.mdsv-narrow .mdsv-bar{margin:14px 0 14px}
.mdsv.mdsv-narrow .mdsv-row{flex-wrap:wrap}
.mdsv.mdsv-narrow .mdsv-right{display:none}

/* en mobile, on cache le gist par défaut, mais on l’affiche si .is-open */
.mdsv.mdsv-narrow .mdsv-gistbox-collapsible{display:none}
.mdsv.mdsv-narrow .mdsv-gistbox-collapsible.is-open{display:block}

/* light => force toggle même en large */
.mdsv.mdsv-force-toggle .mdsv-gistbox-collapsible{display:none}
.mdsv.mdsv-force-toggle .mdsv-gistbox-collapsible.is-open{display:block}

.mdsv.mdsv-narrow .mdsv-nav{flex-wrap:wrap}
.mdsv.mdsv-narrow .mdsv-nav .left,
.mdsv.mdsv-narrow .mdsv-nav .right{flex:1 1 100%;justify-content:space-between}

@media (max-width:600px){
  .mdsv .mdsv-title{font-size:24px}
  .mdsv .mdsv-bar{margin:14px 0 14px}
  .mdsv .mdsv-row{flex-wrap:wrap}
  .mdsv .mdsv-right{flex:1 1 100%;flex-direction:row;gap:10px}
  .mdsv .mdsv-right button{flex:1 1 0}
  .mdsv .mdsv-nav{flex-wrap:wrap}
  .mdsv .mdsv-nav .left,.mdsv .mdsv-nav .right{flex:1 1 100%;justify-content:space-between}

  /* Ctrl+F MD_SV_LIGHT_MOBILE_TYPO */
  .mdsv .mdsv-h{font-size:15px;font-weight:500}
  .mdsv .mdsv-gist{font-size:13px;font-weight:400}
  .mdsv .mdsv-pills .pill{font-size:11px;font-weight:400}
}