/* Gildário Lima · acabamento da navegação · 1.0.0 */
@media screen {
  body.gl-theme {
    --id-azul: #4e648b;
    --id-laranja: #f28a24;
    --id-azul-claro: #b0c1dc;
    --id-relevo: inset 0 1px 0 #ffffff24, inset 0 -1px 0 #0008, 0 2px 3px #0004;
    --id-rebaixo: inset 0 2px 4px #0009, 0 1px 0 #ffffff16;
    --id-saturno: url("/templates/gildario_home/assets/saturno-marca.svg");
    --id-atomo: url("/templates/gildario_home/assets/atomo-marca.svg");
    --id-relogio: url("/templates/gildario_home/assets/relogio-branco.svg");
  }

  /* Luz superior e trama fina apenas no plano do cabeçalho. */
  .gl-theme .gl-header.gl-header--dark {
    background-color: #202121;
    background-image: repeating-linear-gradient(115deg, transparent 0 3px, #ffffff04 3px 4px),
                      linear-gradient(165deg, #2c2c2c, #202121 55%, #191a1b);
    border-bottom: 1px solid #111;
    box-shadow: inset 0 1px 0 #ffffff16, 0 2px 5px #0002;
  }
  .gl-theme .gl-header .gl-menu-root > .gl-menu-item > .gl-menu-control {
    border-radius: 4px;
    color: #ededed;
    background: transparent;
    transition: color .15s, background-color .15s, box-shadow .15s;
  }
  .gl-theme .gl-header .gl-menu-root > .gl-menu-item:is(:hover,:focus-within,.is-submenu-open) > .gl-menu-control {
    background: #323436;
    box-shadow: var(--id-relevo);
    color: white;
  }
  .gl-theme .gl-header .gl-menu-root > .gl-menu-item:is(.is-active,.is-current) > .gl-menu-control,
  .gl-theme .gl-header .gl-menu-root > .gl-menu-item > [aria-current="page"] {
    color: #fff;
    background: #1a1b1c;
    box-shadow: inset 0 -2px var(--id-laranja), var(--id-rebaixo);
  }
  .gl-theme .gl-header .item-646.level-1 { --id-menu-icon: var(--id-saturno); }
  .gl-theme .gl-header .item-546.level-1 { --id-menu-icon: var(--id-atomo); }
  .gl-theme .gl-header .item-590.level-1 { --id-menu-icon: var(--id-relogio); }
  .gl-theme .gl-header :is(.item-646,.item-546,.item-590).level-1 > .gl-menu-control > .gl-menu-label {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding-inline-start: 27px;
    background: var(--id-menu-icon) left center / 22px 22px no-repeat;
  }
  .gl-theme .gl-header .gl-menu-caret { color: var(--id-azul-claro); }
  .gl-theme .gl-header .gl-submenu {
    background: #232527;
    border-color: #404348;
    border-radius: 4px;
    box-shadow: inset 0 1px #ffffff20, 0 12px 24px #0004;
  }
  .gl-theme .gl-header .gl-submenu .gl-menu-item:is(:hover,:focus-within,.is-current,.is-active) > .gl-menu-control {
    color: #fff;
    background: #343b44;
    box-shadow: inset 3px 0 var(--id-azul-claro);
  }

  /* Links editoriais. A cor acompanha um sublinhado também em repouso. */
  .gl-theme .gl-main :is(.gl-text-link,.ga-text-link,.gd-text-link,.glg-link-arrow),
  .gl-theme .gl-main :is(.gl-publications-table td,.gl-news-list li,.com-content-article__body p,.gl-breadcrumbs) a:not(:has(img,svg)) {
    color: var(--id-azul);
    text-decoration: underline;
    text-decoration-color: #8998ad;
    text-decoration-thickness: 1px;
    text-underline-offset: .22em;
  }
  .gl-theme .gl-main :is(.gl-text-link,.ga-text-link,.gd-text-link,.glg-link-arrow):is(:hover,:focus-visible),
  .gl-theme .gl-main :is(.gl-publications-table td,.gl-news-list li,.com-content-article__body p) a:not(:has(img,svg)):is(:hover,:focus-visible),
  .gl-theme .gl-main :is(h2,h3) a:is(:hover,:focus-visible) {
    color: #364c70;
    text-decoration: underline;
    text-decoration-color: var(--id-laranja);
    text-decoration-thickness: 2px;
    text-underline-offset: .22em;
  }
  .gl-theme .gl-project-archive-card__media {
    align-self: center;
    min-height: 0;
    aspect-ratio: auto;
    background: transparent;
  }
  .gl-theme .gl-project-archive-card__media img {
    display: block; width: 100%; height: auto;
  }
  .gl-theme .gl-project-archive-card__body { padding: clamp(20px,2.6vw,36px); }
  .gl-theme .gl-context-list a, .gl-theme .gl-context-projects a { padding-inline: 8px; }
  .gl-theme :is(.gl-context-list,.gl-context-projects) li:is(.is-active,:hover,:focus-within) > a {
    color: #34465e;
    background-color: #eef1f5;
    box-shadow: inset 2px 0 var(--id-azul);
  }
  .gl-theme :is(.gl-context-list,.gl-context-projects) li.is-active > a {
    box-shadow: inset 3px 0 var(--id-laranja);
    font-weight: 600;
  }
  .gl-theme .gl-context-list b {
    color: #43526a;
    background: #e9edf1;
    box-shadow: inset 0 1px 2px #20293826;
    font-variant-numeric: tabular-nums;
  }
  .gl-theme .gl-pagination a { border-radius: 3px; }
  .gl-theme .gl-pagination a.is-active {
    background: #32373d; color: #fff; border-color: #32373d;
    box-shadow: inset 0 -3px var(--id-laranja);
  }
  .gl-theme .gl-pagination a:not(.is-active):is(:hover,:focus-visible) { background: var(--id-azul); color: #fff; }
  .gl-theme .gl-context-menu__eyebrow,
  .gl-theme :is(.gl-archive__header,.ga-atelier-index__head,.gd-page-head) > :is(.gl-kicker,.ga-eyebrow,.gd-eyebrow) {
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .gl-theme .gl-context-menu__eyebrow::before,
  .gl-theme :is(.gl-archive__header,.ga-atelier-index__head,.gd-page-head) > :is(.gl-kicker,.ga-eyebrow,.gd-eyebrow)::before {
    content: "";
    width: 19px; height: 2px; flex: none;
    background: var(--id-laranja);
  }
  .gl-theme .gl-archive__header > .gl-kicker::after { content: none; }
  .gl-theme .gl-context-menu__eyebrow::before { width: 13px; background: var(--id-azul); }

  /* Atalhos em grafite na home. Os ícones brancos das listas ficam livres sobre o fundo. */
  .gl-theme .gh-content .shortcut {
    background: linear-gradient(150deg, #323334, #28292a 62%, #252626);
    box-shadow: var(--id-relevo);
  }
  .gl-theme .gh-content .shortcut-medal { box-shadow: var(--id-rebaixo); }
  .gl-theme .gh-content .shortcut:is(:hover,:focus-visible) { border-color: #68758a; }
  .gl-theme .gh-content .hero-copy .button {
    background: linear-gradient(155deg,#36383a,#252627);
    box-shadow: var(--id-relevo);
  }
  .gl-theme .gh-content .hero-copy .button:active { box-shadow: var(--id-rebaixo); }
  .gl-theme .gh-content .news-column { --id-link-line: var(--id-laranja); }
  .gl-theme .gh-content .news-column + .news-column { --id-link-line: var(--id-azul-claro); }
  .gl-theme .gh-content :is(.news-heading a,.book-link) {
    color: #ddd;
    text-decoration: underline;
    text-decoration-color: #898b8d;
    text-underline-offset: .27em;
  }
  .gl-theme .gh-content .news-column a:is(:hover,:focus-visible) :is(span,i),
  .gl-theme .gh-content .news-column .news-heading a:is(:hover,:focus-visible) {
    color: #fff;
    text-decoration-color: var(--id-link-line);
  }
  .gl-theme .gl-topbar-links a:is(:hover,:focus-visible) {
    color: #34465e; box-shadow: 0 1px var(--id-laranja);
  }
  .gl-theme .gh-content footer a:is(:hover,:focus-visible) {
    color: #fff; text-decoration: underline; text-decoration-color: var(--id-laranja); text-underline-offset: .24em;
  }
  .gl-theme .gl-main :is(a,button,summary):focus-visible {
    outline: 2px solid var(--id-azul); outline-offset: 2px;
  }
  .gl-theme .gl-header :is(.gl-menu-control,.navbar-toggler):focus-visible,
  .gl-theme .gh-content a:focus-visible { outline: 2px solid var(--id-laranja); outline-offset: -2px; }

  @media (min-width: 992px) {
    .gl-theme .gl-header .gl-main-navbar .navbar-toggler { display: none; }
    .gl-theme .gl-header .gl-menu-root {
      gap: 3px; padding: 4px; width: max-content; max-width: 100%;
      background: #191a1b;
      border-radius: 7px;
      box-shadow: var(--id-rebaixo);
    }
    .gl-theme .gl-header .gl-menu-root > .gl-menu-item > .gl-menu-control { padding-inline: clamp(7px,.85vw,13px); }
  }
  @media (max-width: 991.98px) {
    .gl-theme .gl-header .navbar-toggler {
      width: 44px; height: 44px; border: 1px solid #53565a; border-radius: 5px;
      background: #303234; box-shadow: var(--id-relevo);
    }
    .gl-theme .gl-header .navbar-toggler[aria-expanded="true"] { box-shadow: inset 0 -2px var(--id-laranja), var(--id-rebaixo); }
    .gl-theme .gl-header .navbar-collapse { background: #202123; max-height: calc(100dvh - 70px); overflow-y: auto; }
    .gl-theme .gl-header .gl-main-navbar .gl-menu-root > .gl-menu-item > .gl-menu-control {
      display: flex; width: 100%; min-height: 46px; padding-inline: 14px;
      justify-content: flex-start; text-align: left;
    }
    .gl-theme .gl-header .gl-main-navbar .gl-menu-root > .gl-menu-item > .gl-menu-control > .gl-menu-label { flex: 1; }
    .gl-theme .gl-header .gl-main-navbar .gl-menu-trigger .gl-menu-caret { position: absolute; right: 14px; }
    .gl-theme .gl-header .gl-menu-root > .gl-menu-item:is(.is-active,.is-current) > .gl-menu-control {
      box-shadow: inset 3px 0 var(--id-laranja), var(--id-rebaixo);
    }
    .gl-theme .gl-header :is(.item-646,.item-546,.item-590).level-1 > .gl-menu-control > .gl-menu-label {
      padding-inline: 0 50px; background-position: right 17px center;
    }
    .gl-theme .gl-header .gl-submenu { border-radius: 0; box-shadow: inset 2px 0 #677a96; }
    .gl-theme .gl-header .gl-submenu .gl-menu-control { min-height: 40px; }
    .gl-theme .gl-context-menu__toggle { border-radius: 4px; box-shadow: inset 0 1px #fff, 0 1px 2px #0002; }
  }
  @media (prefers-reduced-motion: reduce) {
    .gl-theme .gl-header .gl-menu-control { transition: none; }
  }
}