/* dg-calm.css — loaded LAST on every Maaya page (owner 2026-11-04). Remove this file = the previous look.
   Owner's final word (2026-11-04): "remets le bleu qui était partout" — OUR light blue (#1DA1F2, the Follow buttons') comes
   back everywhere it was (Follow, Your story, the Create circles, hashtags, stats, pills); the icons at rest take that same
   light blue (not the darker #1F7BC0 the tabs had); ONLY the open item is red. Kept from the new look: the white bottom bar
   with names, the tabs' names, the smaller +, the neutral "Open now" band, the repost band in regular weight. */
:root {
  --dg-red: #E21B2D; --dg-blue: #1DA1F2;
  --dg-ico-blue: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(176deg) brightness(97%) contrast(93%);
  --dg-ico-red: brightness(0) saturate(100%) invert(17%) sepia(93%) saturate(4620%) hue-rotate(346deg) brightness(90%) contrast(98%);
}

/* icons: light blue at rest, red only on the open one — left menu (open and folded), home / profile tabs, bottom bar.
   The MYC coin, the + and the Create a post button keep their own picture. */
html body #dgNav a:not(.on):not(.cta) img.ic:not([src*="myc-"]), html body .dg-htabs .nav-link:not(.active) img, html body .bb > a:not(.on) .ic { filter: var(--dg-ico-blue) !important; opacity: 1 !important; }
html body #dgNav a.on:not(.cta) img.ic:not([src*="myc-"]), html body .dg-htabs .nav-link.active img, html body .bb > a.on .ic { filter: var(--dg-ico-red) !important; opacity: 1 !important; }
html body .bb .plus .ic { filter: none !important; }

/* the phone's bottom bar: white, blue icons with neutral names (the open one red), a smaller red + */
@media (max-width: 767px) {
  /* as low as possible (owner 2026-11-04: "trop haut, ça prend une bonne partie de l'écran" on small phones): 46 px */
  html body .bb { background: #fff !important; border-top: 1px solid #E6EAED; box-shadow: 0 -2px 10px rgba(15, 20, 25, .04); height: 46px !important; padding-bottom: env(safe-area-inset-bottom); }
  html body .bb > a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 1px; height: 44px !important; color: #575757; font: 500 10px/1 Inter, system-ui, sans-serif; }
  html body .bb > a span:not(.dg-badge) { display: block; max-width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html body .bb > a.on { color: var(--dg-red); }
  html body .bb .ic { width: 20px !important; height: 20px !important; }
  html body .bb .plus { background: var(--dg-red) !important; border: 3px solid #fff !important; box-shadow: 0 3px 8px rgba(226, 27, 45, .25); flex: 0 0 40px !important; width: 40px !important; height: 40px !important; transform: translateY(-8px) !important; }
  html body .bb .plus .ic { width: 18px !important; height: 18px !important; }
  html body .bb .bb-explore { width: 20px !important; height: 20px !important; }
  html body .bb .dg-badge { top: 1px; right: calc(50% - 18px); }
  html body .wrap { padding-bottom: 56px !important; }
}

/* the tabs (home and profiles): the icons blue, their short names neutral (the template grey #575757); the open one red with its line */
html body .dg-htabs .nav-link { color: #575757 !important; padding: 9px 1px 7px !important; gap: 3px !important; }
html body .dg-htabs .nav-link.active { color: var(--dg-red) !important; border-bottom-color: var(--dg-red) !important; }
html body .dg-htabs .nav-link span { position: static !important; width: auto !important; height: auto !important; clip: auto !important; display: block !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 11px/1.15 Inter, system-ui, sans-serif !important; }
html body .dg-htabs .nav-link img { width: 22px !important; height: 22px !important; }
@media (max-width: 420px) { html body .dg-htabs .nav-link span { font-size: 10px !important; } }

/* the cards' "Take the survey" / "Open now" band: light grey with red text (instead of pink) */
html body .ogapoll-pcard .cardbtn.dg-open, html body .cardbtn.dg-open { background: #F5F7F8 !important; color: var(--dg-red) !important; border-top: 1px solid #EEF1F3 !important; }
html body .ogapoll-pcard .cardbtn.dg-open:hover, html body .cardbtn.dg-open:hover { background: #FDECEE !important; color: var(--dg-red) !important; }

/* "X reposted": regular weight (it read bold) */
html body .dg-reposted, html body .dg-reposted * { font-weight: 400 !important; }

/* stories (owner 2026-11-04: "stories in red"): Your story red, an unseen story's ring red */
html body .dg-st-new { background: var(--dg-red) !important; }
html body .dg-st.dg-ring.unseen .dg-st-av { box-shadow: 0 0 0 2px #fff, 0 0 0 4.5px var(--dg-red) !important; }
html body .dg-ptop .secprofileimg.dg-ring.unseen { box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--dg-red) !important; }

/* the MYC coin on my own reel (I cannot gift myself, the button stays disabled) keeps its full colours — never a greyed coin
   (owner 2026-11-04: "on avait déjà corrigé ça") */
html body .dg-reel-act.dg-gift[disabled] { opacity: 1 !important; }