/* ===== GETBIZ · HELP CENTER ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@500&display=swap');

:root{
  /* >>> LES 2 SEULES VARIABLES À CHANGER <<< */
  --gb: #1B6EF3;          /* accent GetBiz */
  --gb-tint: rgba(27,110,243,.08);

  --ink:#0B0D12;
  --ink-2:#3D434F;
  --mute:#7A8291;
  --line:#EDEFF3;
  --line-2:#E1E5EB;
  --paper:#FFFFFF;
  --font:'Inter',-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}

body,div,span,p,a,li,h1,h2,h3,h4,input,button,textarea{
  font-family:var(--font)!important;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.011em;
}
body{background:var(--paper)!important;color:var(--ink)!important;}

/* ---------- NAV ---------- */
.Header__menuWrapper{
  position:sticky;top:0;z-index:300;height:60px;
  background:rgba(255,255,255,.8)!important;
  backdrop-filter:blur(14px) saturate(180%);
  border-bottom:1px solid var(--line);
  box-shadow:none!important;
}
.Header__menuBox{
  max-width:1040px;margin:0 auto;padding:0 28px;height:60px;
  display:flex;align-items:center;justify-content:space-between;
}
.Header__logoPart{display:flex;align-items:center;gap:10px;}
.Header__logo{max-height:24px;width:auto;}
.Header__logotxt{
  color:var(--ink)!important;font-size:14px;font-weight:500;
  padding-left:10px;border-left:1px solid var(--line-2);
  display:inline-flex;align-items:center;gap:5px;
}
.gb-dot{width:4px;height:4px;border-radius:50%;background:var(--gb);display:inline-block;}

.Header__nav{display:flex;align-items:center;gap:2px;}
.Header__menuList,.Header__nav li{
  color:var(--mute)!important;font-size:13.5px;font-weight:450;
  padding:6px 12px!important;border-radius:6px;cursor:pointer;
  transition:color .13s ease;background:transparent!important;
}
.Header__menuList:hover,.Header__nav li:hover{color:var(--ink)!important;background:transparent!important;}
.Header__menuList.active,.Header__nav li.active{color:var(--ink)!important;font-weight:500;position:relative;}
.Header__menuList.active:after,.Header__nav li.active:after{
  content:"";position:absolute;left:12px;right:12px;bottom:-19px;height:1.5px;background:var(--gb);
}
.Header__menu,.Header__menu:before,.Header__menu:after{background:var(--ink)!important;}

/* ---------- HERO (plat, sans dégradé) ---------- */
.Header__headerBg,.Header__bgColor{
  background:var(--paper)!important;background-image:none!important;
  height:auto!important;min-height:0!important;opacity:1!important;
  border:0!important;box-shadow:none!important;
}
.Header__titleSearchWrapper{padding:0!important;background:var(--paper)!important;}
.Header__titleSearchBox{
  max-width:660px;margin:0 auto;padding:96px 28px 56px;text-align:left;
}
.gb-eyebrow{
  display:block;font-family:var(--mono)!important;font-size:11px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin-bottom:16px;
}
.Header__welcomeTile{
  color:var(--ink)!important;margin:0 0 10px!important;
  font-size:34px!important;font-weight:600!important;
  line-height:1.2;letter-spacing:-.03em;
}
.Header__welcomeDescription{
  display:block!important;color:var(--mute)!important;
  font-size:16px;line-height:1.6;margin:0 0 32px;max-width:460px;
}

/* ---------- RECHERCHE ---------- */
.Header__searchalt,.Header__searchSubCont{width:100%;}
.Header__searchLink,.Header__searchBox{
  background:var(--paper)!important;
  border:1px solid var(--line-2)!important;
  border-radius:10px!important;
  box-shadow:none!important;height:46px!important;
  transition:border-color .14s ease,box-shadow .14s ease;
}
.Header__searchLink:hover{border-color:#CBD2DC!important;}
.Header__searchLink:focus-within{
  border-color:var(--gb)!important;
  box-shadow:0 0 0 3px var(--gb-tint)!important;
}
.Header__searchBox input{
  height:44px!important;font-size:14.5px!important;padding-left:16px!important;
  background:transparent!important;border:0!important;color:var(--ink)!important;
}
.Header__searchBox input::placeholder{color:#A6AEBB!important;}

/* ---------- LIENS RAPIDES ---------- */
.gb-quick{display:flex;align-items:center;flex-wrap:wrap;gap:0 18px;margin-top:18px;}
.gb-quickLabel{
  font-family:var(--mono)!important;font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:#B0B7C3;margin-right:2px;
}
.gb-quick a{
  font-size:13.5px;color:var(--mute)!important;text-decoration:none!important;
  padding:4px 0;border-bottom:1px solid transparent;transition:.14s;
}
.gb-quick a:hover{color:var(--ink)!important;border-bottom-color:var(--gb);}

/* ---------- BOUTON + ---------- */
.Header__cdnavtrigger{
  background:var(--ink)!important;border-radius:8px!important;box-shadow:none!important;
}

/* ---------- CARTES CATÉGORIES / ARTICLES ---------- */
[class*="Category__"] [class*="ox"],
[class*="Categorylist"] li,[class*="categoryList"] li,
[class*="KbCategory"] li,[class*="listItem"]{
  background:var(--paper)!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  padding:20px!important;
  transition:border-color .14s ease,transform .14s ease;
  position:relative;
}
[class*="Category__"] [class*="ox"]:hover,
[class*="Categorylist"] li:hover,[class*="KbCategory"] li:hover{
  border-color:#D2D9E2!important;transform:none!important;box-shadow:none!important;
}
[class*="Category__"] [class*="ox"]:hover:after,
[class*="Categorylist"] li:hover:after{
  content:"→";position:absolute;right:20px;top:20px;
  color:var(--gb);font-size:14px;
}
[class*="Category"] img,[class*="Category"] svg{opacity:.55;filter:grayscale(1);}

[class*="Article"] a,[class*="article"] a{
  color:var(--ink-2)!important;text-decoration:none!important;font-size:14.5px;font-weight:450;
}
[class*="Article"] a:hover,[class*="article"] a:hover{color:var(--gb)!important;}

/* ---------- ARTICLE ---------- */
[class*="ArticleDetail"],[class*="articleContent"]{max-width:680px;}
[class*="ArticleDetail"] p,[class*="articleContent"] p{
  font-size:16px;line-height:1.72;color:var(--ink-2);
}
[class*="ArticleDetail"] h1{font-size:32px;font-weight:600;letter-spacing:-.03em;}
[class*="ArticleDetail"] h2{
  font-size:20px;font-weight:600;letter-spacing:-.02em;
  margin-top:2.4em;padding-top:0;color:var(--ink);
}
[class*="ArticleDetail"] a{color:var(--gb)!important;text-decoration:none;border-bottom:1px solid var(--gb-tint);}
[class*="ArticleDetail"] blockquote{
  border-left:2px solid var(--gb)!important;background:#FAFBFC;
  padding:14px 18px;margin:24px 0;color:var(--ink-2);border-radius:0 6px 6px 0;
}
[class*="ArticleDetail"] code{
  font-family:var(--mono)!important;font-size:13px;background:#F5F6F8;
  padding:2px 6px;border-radius:4px;color:var(--ink);
}

/* ---------- FOOTER ---------- */
.gb-footer{border-top:1px solid var(--line);margin-top:96px;padding:48px 28px 28px;background:var(--paper);}
.gb-footerInner{max-width:1040px;margin:0 auto;display:flex;gap:64px;flex-wrap:wrap;}
.gb-footerCol{display:flex;flex-direction:column;gap:9px;}
.gb-footerCol:first-child{flex:1;min-width:220px;}
.gb-footerName{font-size:14px;font-weight:600;color:var(--ink);}
.gb-footerTag{font-size:13px;color:var(--mute);line-height:1.5;max-width:260px;}
.gb-footerHead{
  font-family:var(--mono)!important;font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:#B0B7C3;margin-bottom:2px;
}
.gb-footerCol a{font-size:13.5px;color:var(--mute)!important;text-decoration:none!important;transition:.13s;}
.gb-footerCol a:hover{color:var(--gb)!important;}
.gb-footerLegal{
  max-width:1040px;margin:44px auto 0;padding-top:20px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:12px;color:#A6AEBB;
}
.gb-footerLegal a{color:#A6AEBB!important;text-decoration:none!important;}

/* ---------- MOBILE ---------- */
@media (max-width:768px){
  .Header__titleSearchBox{padding:64px 20px 40px;}
  .Header__welcomeTile{font-size:27px!important;}
  .Header__welcomeDescription{font-size:15px;margin-bottom:24px;}
  .gb-quick{gap:0 14px;}
  .gb-footerInner{gap:32px;}
}
