/* ==========================================================================
   MacSeeds — Sidecar apps (colonne latérale, Blog + fiches articles)
   ========================================================================== */

.ms-layout-with-sidecar{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 44px;
  align-items:start;
}

.ms-sidecar{ position: sticky; top: 96px; }

.ms-sidecar-stack{ display:flex; flex-direction:column; gap:20px; }

.ms-sidecar-inner{
  background: rgba(255,255,255,0.85);
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 20px;
  padding: 20px;
}

.ms-sidecar-inner--apps{
  background: linear-gradient(160deg, #FFFFFF 0%, #FFF9E5 65%);
  border-color: rgba(214,158,0,0.14);
}
.ms-sidecar-inner--apps .ms-sidecar-title{ color:#8A6A00; }
.ms-sidecar-inner--apps .ms-sidecar-app:hover{ background: rgba(214,158,0,0.1); }
.ms-sidecar-inner--apps .ms-sidecar-cta{ border-top-color: rgba(214,158,0,0.22); }

.ms-sidecar-title{
  font-family:"Bricolage Grotesque", sans-serif;
  font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em;
  color: var(--ms-ink-soft, #55585E);
  margin: 0 0 14px;
}

.ms-sidecar-list{ display:flex; flex-direction:column; gap:4px; }

.ms-sidecar-app,
.ms-sidecar-app:visited{
  display:flex; align-items:center; gap:12px;
  padding: 8px 6px; border-radius: 12px;
  text-decoration:none; color:#17181A !important;
  transition: background .2s ease;
}
.ms-sidecar-app:hover{ background: rgba(0,0,0,0.045); }

.ms-sidecar-app-icon{
  flex:none; width:40px; height:40px; border-radius:11px;
  overflow:hidden; background:#E4E2DE;
}
.ms-sidecar-app-icon img{ width:100%; height:100%; object-fit:cover; display:block; }

.ms-sidecar-app-body{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.ms-sidecar-app-name{
  font-family:"Bricolage Grotesque", sans-serif;
  font-size:14px; font-weight:700; color:#17181A !important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ms-sidecar-app-meta{ font-size:12px; color: var(--ms-ink-soft, #55585E); }

.ms-sidecar-cta{
  display:block; margin-top:14px; padding-top:14px;
  border-top: 1px solid rgba(0,0,0,0.07);
  font-size:13px; font-weight:700; color:#007AFF !important;
  text-decoration:none;
}
.ms-sidecar-cta:hover{ text-decoration:underline; }

@media (max-width: 900px){
  .ms-layout-with-sidecar{ grid-template-columns: 1fr; }
  .ms-sidecar{ position:static; order: 3; }
  .ms-sidecar-inner{ max-width: 480px; }
}

/* mode sombre */
html[data-theme="dark"] .ms-sidecar-inner{
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.09);
}
html[data-theme="dark"] .ms-sidecar-inner--apps{
  background: linear-gradient(160deg, rgba(255,196,0,0.02) 0%, rgba(255,196,0,0.1) 65%);
  border-color: rgba(255,196,0,0.16);
}
html[data-theme="dark"] .ms-sidecar-inner--apps .ms-sidecar-title{ color:#FFC24D; }
html[data-theme="dark"] .ms-sidecar-app,
html[data-theme="dark"] .ms-sidecar-app-name{ color:#F2F2F3 !important; }
html[data-theme="dark"] .ms-sidecar-app:hover{ background: rgba(255,255,255,0.06); }
html[data-theme="dark"] .ms-sidecar-app-icon{ background:#2A2A2E; }
html[data-theme="dark"] .ms-sidecar-app-meta{ color:#9A9CA2; }
html[data-theme="dark"] .ms-sidecar-cta{ border-top-color: rgba(255,255,255,0.09); color:#0A84FF !important; }

/* module Recherche */
.ms-sidecar-search-wrap{ padding: 0 2px; }
.ms-sidecar-search{ display:flex; align-items:center; gap:8px; }
.ms-sidecar-search input[type="search"]{
  flex:1; min-width:0; border:none; background: rgba(0,0,0,0.045);
  border-radius: 10px; padding: 9px 12px; font-size:14px; color:#17181A;
  font-family: -apple-system, sans-serif;
}
.ms-sidecar-search input[type="search"]:focus{ outline: 2px solid #007AFF; outline-offset:1px; }
.ms-sidecar-search button{
  flex:none; width:36px; height:36px; border-radius:10px; border:none;
  background: transparent; display:grid; place-items:center; cursor:pointer;
  color:#55585E;
}
.ms-sidecar-search button:hover{ background: rgba(0,0,0,0.06); }
.ms-sidecar-search button svg{ width:19px; height:19px; }

/* module Catégories */
.ms-sidecar-cats{ display:flex; flex-direction:column; gap:3px; margin: 0 -20px; }
.ms-sidecar-cat,
.ms-sidecar-cat:visited{
  display:flex; align-items:center; gap:10px;
  padding: 10px 20px;
  text-decoration:none; color:#17181A !important;
  transition: background .2s ease, color .2s ease;
}
.ms-sidecar-cat:hover{ background:#007AFF; color:#fff !important; }
.ms-sidecar-cat-icon{ flex:none; width:18px; height:18px; display:grid; place-items:center; color: var(--ms-ink-soft, #55585E); }
.ms-sidecar-cat-icon svg{ width:18px; height:18px; }
.ms-sidecar-cat:hover .ms-sidecar-cat-icon{ color:#fff; }
.ms-sidecar-cat-name{ flex:1; font-size:14px; font-weight:600; }
.ms-sidecar-cat-count{ font-size:12px; color: var(--ms-ink-soft, #55585E); }
.ms-sidecar-cat:hover .ms-sidecar-cat-count{ color: rgba(255,255,255,0.85); }

html[data-theme="dark"] .ms-sidecar-search input[type="search"]{ background: rgba(255,255,255,0.08); color:#F2F2F3; }
html[data-theme="dark"] .ms-sidecar-search input[type="search"]::placeholder{ color:#9A9CA2; }
html[data-theme="dark"] .ms-sidecar-search button{ background: transparent; color:#9A9CA2; }
html[data-theme="dark"] .ms-sidecar-search button:hover{ background: rgba(255,255,255,0.1); }
html[data-theme="dark"] .ms-sidecar-cat,
html[data-theme="dark"] .ms-sidecar-cat-name{ color:#F2F2F3 !important; }
html[data-theme="dark"] .ms-sidecar-cat:hover{ background:#0A84FF; color:#fff !important; }
html[data-theme="dark"] .ms-sidecar-cat-count{ color:#9A9CA2; }