/* Habillage MheCore du back-office Decap CMS (version 3.17.1, fixée dans index.html).
   Les sélecteurs ciblent les noms de composants Decap présents dans les classes CSS (« css-xxxx-AppHeader »). */
:root {
  --mc-blue: #0b3d91;
  --mc-blue-700: #082e6e;
  --mc-blue-900: #051c45;
  --mc-blue-50: #e8eef9;
  --mc-amber: #f5a623;
  --mc-text: #1f2937;
  --mc-bg: #f4f6f8;
  --mc-line: #dde3ea;
}

html, body { font-family: 'Inter', system-ui, sans-serif !important; background: var(--mc-bg); color: var(--mc-text); }
h1, h2, h3, [class*="-CollectionTopHeading"], [class*="-CardHeading"], [class*="-ListCardTitle"] { font-family: 'Manrope', 'Inter', sans-serif !important; letter-spacing: -0.01em; }

/* ── Page de connexion ─────────────────────────────────── */
[class*="-StyledAuthenticationPage"] {
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgb(5 28 69 / .94) 0%, rgb(11 61 145 / .80) 60%, rgb(11 61 145 / .55) 100%),
    url('/login-bg.webp') center / cover no-repeat;
  color: #fff;
  position: relative;
}
[class*="-StyledAuthenticationPage"]::before {
  content: 'Back-office MheCore Solutions';
  font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 28px; letter-spacing: -0.01em;
  order: 1;
}
[class*="-StyledAuthenticationPage"]::after {
  content: 'Gérez vos contenus, photos et vidéos en toute simplicité';
  color: #c7d3ea; font-size: 15px; order: 2; margin-top: -36px;
}
[class*="-StyledAuthenticationPage"] > * { order: 3; }
[class*="-StyledAuthenticationPage"] img { max-width: 110px !important; max-height: 124px !important; filter: drop-shadow(0 10px 30px rgb(0 0 0 / .35)); }
/* Logo MheCore à la place de l'icône Decap sur la page de connexion */
[class*="-PageLogoIcon"] { width: 110px !important; height: 124px !important; background: url('/logo-mark.svg') center / contain no-repeat; filter: drop-shadow(0 10px 30px rgb(0 0 0 / .35)); order: 0 !important; }
[class*="-PageLogoIcon"] svg { display: none !important; }
[class*="-LoginButton"] {
  background: var(--mc-amber) !important; color: var(--mc-blue-900) !important;
  border-radius: 12px !important; padding: 14px 28px !important; height: auto !important;
  font-weight: 700 !important; font-size: 16px !important; box-shadow: 0 10px 30px -10px rgb(0 0 0 / .5) !important;
  transition: transform .15s, box-shadow .15s !important;
}
[class*="-LoginButton"]:hover { transform: translateY(-2px); box-shadow: 0 16px 36px -12px rgb(0 0 0 / .6) !important; }
[class*="-GoBackButtonStyle"] { color: #dbe4f5 !important; }
[class*="-DecapLogoIcon"], [class*="-NetLogo"] { opacity: .5; filter: grayscale(1) brightness(2); }

/* ── En-tête ──────────────────────────────────────────── */
[class*="-AppHeader-css"] { border-bottom: 3px solid var(--mc-amber); box-shadow: 0 6px 20px -14px rgb(5 28 69 / .5); }
[class*="-AppHeaderLogo"] img { height: 34px !important; width: auto !important; }
[class*="-AppHeaderNavLink"] { font-weight: 600 !important; border-radius: 8px; }
[class*="-AppHeaderNavLink"]:hover, [class*="-AppHeaderNavLink"].header-link-active { color: var(--mc-blue) !important; background: var(--mc-blue-50); }
[class*="-AppHeaderQuickNewButton"] { background: var(--mc-amber) !important; color: var(--mc-blue-900) !important; font-weight: 700 !important; border-radius: 10px !important; }

/* ── Barre latérale ───────────────────────────────────── */
[class*="-SidebarNavLink"] { border-radius: 10px !important; margin: 2px 8px !important; font-weight: 500; transition: background .15s; }
[class*="-SidebarNavLink"]:hover { background: var(--mc-blue-50) !important; color: var(--mc-blue) !important; }
[class*="-SidebarNavLink"].sidebar-active, [class*="-SidebarNavLink"][aria-current="page"] { background: var(--mc-blue) !important; color: #fff !important; box-shadow: inset 4px 0 0 var(--mc-amber); }
[class*="-SidebarNavLink"].sidebar-active svg, [class*="-SidebarNavLink"][aria-current="page"] svg { color: #fff !important; }

/* ── Listes et cartes ─────────────────────────────────── */
[class*="-CollectionTopContainer"] { border-radius: 16px !important; border-top: 4px solid var(--mc-blue); box-shadow: 0 8px 24px -16px rgb(5 28 69 / .35) !important; }
[class*="-CollectionTopNewButton"] { background: var(--mc-blue) !important; color: #fff !important; border-radius: 10px !important; font-weight: 600 !important; }
[class*="-CollectionTopNewButton"]:hover { background: var(--mc-blue-700) !important; }
[class*="-ListCard"], [class*="-GridCard"], [class*="-Card"]:not([class*="-CardText"]):not([class*="-CardTitle"]) { border-radius: 14px !important; }
[class*="-ListCard"]:hover, [class*="-GridCard"]:hover { box-shadow: 0 10px 26px -16px rgb(5 28 69 / .45) !important; }

/* ── Éditeur ──────────────────────────────────────────── */
[class*="-ToolbarContainer"], [class*="-EditorControlBar"] { border-bottom: 3px solid var(--mc-amber); }
[class*="-ControlContainer"] { border-radius: 12px; }
[class*="-FieldLabel"] { font-weight: 600 !important; letter-spacing: .02em; }
[class*="-ControlHint"] { color: #4b5563 !important; }
[class*="-PublishedToolbarButton"], [class*="-PublishButton"] { background: var(--mc-blue) !important; border-radius: 10px !important; }

/* Boutons génériques */
[class*="-Button"] { border-radius: 10px; }
::selection { background: rgb(245 166 35 / .35); }