/**
 * Dawnbringer Codex – Lemon Dark (Wiki.js / Vuetify)
 *
 * Design rules
 * - Reading/content: neutral (text/muted)
 * - Interaction/state: lemon
 * - Labels (chips/tags): lemon bg + ink text
 */

/* ==========================================================================
   Tokens
   ========================================================================== */
:root{
  --bg: #0B0C0F;
  --surface: #12141A;
  --surface2: #181B24;
  --border: #242833;

  --text: #E9ECF1;
  --muted: #A6ADBB;

  --lemon: #FFD400;
  --lemonHover: #FFE066;
  --lemonPressed: #D9B200;

  --ink: #101215; /* readable on lemon */
}

/* ==========================================================================
   Utilities
   ========================================================================== */
.lemoncolor{ color: var(--lemon); }

.inlineicon{
  display: inline-block;
  font-size: 1.5em;
  line-height: 1;
  vertical-align: middle;
  transform: translateY(-0.12em);
}

/* ==========================================================================
   Base
   ========================================================================== */
html, body, .v-application{
  background: var(--bg) !important;
  color: var(--text) !important;
}

body{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection{ background: rgba(255, 212, 0, 0.28); }

.v-application :focus-visible{
  outline: 2px solid rgba(255, 212, 0, 0.55);
  outline-offset: 2px;
}

/* ==========================================================================
   Surfaces
   ========================================================================== */
.v-card, .v-sheet, .theme--dark.v-sheet, .card{
  background: var(--surface) !important;
  border-color: var(--border) !important;
}

.v-menu__content, .v-list, .v-navigation-drawer, .v-dialog .v-card{
  background: var(--surface) !important;
}

/* Inputs */
.v-input__slot,
.v-text-field .v-input__control{
  background: var(--surface2) !important;
  border-color: var(--border) !important;
}

.v-label,
.v-input input,
.v-input textarea{
  color: var(--text) !important;
}

/* ==========================================================================
   Content (neutral)
   ========================================================================== */
.v-application,
.v-application p,
.v-application li,
.v-application td,
.v-application th,
.v-application .contents,
.v-application .page-content,
.v-application article{
  color: var(--text) !important;
}

.theme--dark.v-application .text--secondary,
.theme--dark.v-application .text--disabled,
.v-application .text--secondary,
.v-application .text--disabled{
  color: var(--muted) !important;
}

/* Headings (neutral + subtle lemon underline) */
.v-application h1,
.v-application h2,
.v-application h3{
  color: var(--text) !important;
  letter-spacing: -0.01em;
}

.v-application h2,
.v-application h3{
  position: relative;
}

.v-application h2::after,
.v-application h3::after{
  content: "";
  display: block;
  height: 2px;
  width: 54px;
  margin-top: 6px;
  background: var(--lemon);
  opacity: 0.65;
  border-radius: 999px;
}

/* ==========================================================================
   Interaction/state (lemon)
   ========================================================================== */
.v-application a{
  color: var(--lemon) !important;
  text-decoration: none !important;
  transition: opacity 140ms ease, color 140ms ease;
}

.v-application a:hover{
  color: var(--lemonHover) !important;
  opacity: 0.92;
}

/* Buttons */
.v-btn.v-btn--contained,
.v-btn.v-btn--contained.primary,
.v-btn.primary{
  background-color: var(--lemon) !important;
  color: var(--ink) !important;
}

.v-btn.v-btn--contained:hover{ background-color: var(--lemonHover) !important; }

.v-btn.v-btn--text,
.v-btn.v-btn--outlined{
  color: var(--lemon) !important;
}

.v-btn.v-btn--outlined{ border-color: rgba(255, 212, 0, 0.55) !important; }

/* Active nav/item indicator */
.v-application a[aria-current="page"],
.v-application .v-list-item--active{
  border-left: 3px solid var(--lemon) !important;
}

/* Vuetify utility text colors -> lemon */
.v-application .blue--text,
.v-application .teal--text,
.v-application .indigo--text,
.v-application .cyan--text,
.v-application .light-blue--text,
.v-application .deep-purple--text,
.v-application .purple--text,
.v-application .green--text,
.v-application .lime--text,
.v-application .info--text,
.v-application .primary--text{
  color: var(--lemon) !important;
  caret-color: var(--lemon) !important;
}

.v-application [class*="--text"][class*="lighten"],
.v-application [class*="--text"][class*="darken"]{
  color: var(--lemon) !important;
  caret-color: var(--lemon) !important;
}

/* Icons follow currentColor */
.v-application .v-icon{ color: currentColor !important; }

/* ==========================================================================
   Chips/tags (label rule)
   ========================================================================== */
.v-application .v-chip{
  background-color: var(--lemon) !important;
  border-color: var(--lemon) !important;
  color: var(--ink) !important;
  font-weight: 600;
}

.v-application .v-chip__content span{ color: var(--ink) !important; }

.v-application .v-chip *,
.v-application .v-chip .v-icon,
.v-application .v-chip [class*="--text"],
.v-application .v-chip [class*="--text"][class*="lighten"],
.v-application .v-chip [class*="--text"][class*="darken"],
.v-application .v-chip__content{
  color: var(--ink) !important;
  caret-color: var(--ink) !important;
}

.v-application .v-chip.teal,
.v-application .v-chip.green,
.v-application .v-chip.blue,
.v-application .v-chip.indigo,
.v-application .v-chip.cyan,
.v-application .v-chip.primary,
.v-application .v-chip[class*="darken"],
.v-application .v-chip[class*="lighten"]{
  background-color: var(--lemon) !important;
  border-color: var(--lemon) !important;
}

.theme--dark.v-chip:not(.v-chip--active){
  background-color: var(--lemon) !important;
  border-color: var(--lemon) !important;
  color: var(--ink) !important;
}

.v-application .v-chip--active{
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.35) inset;
}

.v-application .v-chip:hover{
  background-color: var(--lemonHover) !important;
  border-color: var(--lemonHover) !important;
}

/* ==========================================================================
   Readability niceties
   ========================================================================== */
pre, code{
  background: rgba(255,255,255,.04) !important;
  border-radius: 10px !important;
}

pre{ border: 1px solid rgba(255,255,255,.06) !important; }

*::-webkit-scrollbar{ width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.18); border-radius: 10px; }
*::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,0.26); }

/* ==========================================================================
   App bar / top chrome
   ========================================================================== */
.v-toolbar__title .subheading{
  color: var(--lemon) !important;
  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Admin icons (explicitly NOT lemon) */
.v-application .v-app-bar .v-icon.mdi-file-document-edit-outline,
.v-application .v-app-bar .v-icon.mdi-text-box-plus-outline{
  color: #6AA9FF !important;
}

.v-application .v-app-bar .v-btn:hover .v-icon.mdi-file-document-edit-outline,
.v-application .v-app-bar .v-btn:hover .v-icon.mdi-text-box-plus-outline{
  color: #8BB9FF !important;
}

.v-application .v-app-bar .v-icon.mdi-cog{ color: #FF4D4D !important; }
.v-application .v-app-bar a:hover .v-icon.mdi-cog{ color: #FF6A6A !important; }

/* Account icon */
.v-application .v-app-bar .v-icon.mdi-account,
.v-application .v-app-bar .v-icon.mdi-account-circle{
  color: var(--lemon) !important;
}

.v-application .v-app-bar .v-btn:hover .v-icon.mdi-account,
.v-application .v-app-bar .v-btn:hover .v-icon.mdi-account-circle{
  color: var(--lemonHover) !important;
}

/* Account popup item */
#root .v-application .v-list-item.grey.darken-4-l5{
  background: rgba(255, 212, 0, 0.16) !important;
  border-color: rgba(255, 212, 0, 0.16) !important;
}

/* Top navbar buttons */
.v-application .pa-3.d-flex.grey.darken-5 .v-btn,
.v-application .pa-3.d-flex.grey.darken-5 .v-btn .v-icon,
.v-application .pa-3.d-flex.grey.darken-5 .v-btn .body-2{
  color: var(--lemon) !important;
}

/* Language switch icon */
.v-application .v-btn .v-icon.mdi-web{ color: var(--lemon) !important; }

/* ==========================================================================
   TOC / drawer
   ========================================================================== */
.v-application .overline,
.v-application .overline[class*="--text"],
.v-application .overline[class*="--text"][class*="lighten"],
.v-application .overline[class*="--text"][class*="darken"]{
  color: var(--text) !important;
  caret-color: var(--text) !important;
}

.v-navigation-drawer .v-list-item--link .v-list-item__title,
.v-navigation-drawer .v-list-item--link .v-icon{
  color: var(--lemon) !important;
}

.v-navigation-drawer
.theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled){
  color: var(--lemon) !important;
}

/* Strong override for link list items */
.theme--dark.v-list-item.v-list-item--link{
  color: var(--lemon) !important;
  caret-color: var(--lemon) !important;
}

.theme--dark.v-list-item.v-list-item--link .v-list-item__content,
.theme--dark.v-list-item.v-list-item--link .v-list-item__title,
.theme--dark.v-list-item.v-list-item--link .v-list-item__title.px-3,
.theme--dark.v-list-item.v-list-item--link .v-icon,
.theme--dark.v-list-item.v-list-item--link .mdi{
  color: var(--lemon) !important;
  caret-color: var(--lemon) !important;
}

/* ==========================================================================
   Page header (neutral)
   ========================================================================== */
.v-application .page-header-headings,
.v-application .page-header-headings .headline,
.v-application .page-header-headings .caption,
.v-application .page-header-headings [class*="--text"],
.v-application .page-header-headings [class*="--text"][class*="lighten"],
.v-application .page-header-headings [class*="--text"][class*="darken"]{
  color: var(--text) !important;
  caret-color: var(--text) !important;
}

/* ==========================================================================
   Search UI
   ========================================================================== */
/* Top search: lemon pill w/ ink content */
.v-toolbar__content
.v-text-field.v-text-field--solo.v-text-field--rounded
.v-input__slot{
  background-color: var(--lemon) !important;
  border-color: var(--lemon) !important;
}

.v-toolbar__content
.v-text-field.v-text-field--solo.v-text-field--rounded
input{
  color: var(--ink) !important;
  caret-color: var(--ink) !important;
}

.v-toolbar__content
.v-text-field.v-text-field--solo.v-text-field--rounded
.v-label{
  color: var(--ink) !important;
}

.v-toolbar__content
.v-text-field.v-text-field--solo.v-text-field--rounded
.v-icon{
  color: var(--ink) !important;
}

/* Search result language chip (outlined label) */
.v-application .v-chip.v-chip--outlined.v-chip--label .v-chip__content{
  color: var(--lemon) !important;
  caret-color: var(--lemon) !important;
}

/* Highlighted result row */
.theme--dark .search-results-items .highlighted{
  background: rgba(255, 212, 0, 0.16) !important;
}

/* ==========================================================================
   Discussion
   ========================================================================== */
#discussion .comments-header{ background: var(--lemon) !important; }

#discussion .comments-header span,
#discussion .comments-header .v-icon{
  color: var(--ink) !important;
}

#discussion .v-btn .v-icon.mdi-comment{ color: var(--ink) !important; }

#discussion .v-btn:has(.v-icon.mdi-comment){
  background: var(--lemon) !important;
  color: var(--ink) !important;
}

#discussion .v-btn:has(.v-icon.mdi-comment):hover{ background: var(--lemonHover) !important; }
#discussion .v-btn:has(.v-icon.mdi-comment):active{ background: var(--lemonPressed) !important; }

#discussion .comments-post-name strong{ color: var(--lemon) !important; }

/* ==========================================================================
   Callouts / blockquotes (Wiki.js is-*)
   ========================================================================== */
.theme--dark .v-main .contents blockquote{
  background: rgba(255,255,255,0.03) !important;
  color: var(--text) !important;
  border-color: darkgray !important;
  position: relative;
  padding-top: 1.2rem;
  margin-top: calc(16px + 0.65em);
}

.theme--dark .v-main .contents blockquote::before{ color: var(--ink) !important; }
.theme--dark .v-main .contents blockquote::after{ content: none !important; }

/* Label (hover base) */
.theme--dark .v-main .contents blockquote .bq-label{
  position: absolute;
  top: -0.65em;
  left: 1rem;
  padding: 0.15em 0.6em;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  background: var(--lemon);
  color: var(--ink);
  border-color: black;
  border-radius: 3px;
  cursor: help;
  user-select: none;

  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}

.theme--dark .v-main .contents blockquote .bq-label-icon{
  font-size: 1.85em;
  opacity: 1;
  color: var(--ink);
  line-height: 1;
}

.theme--dark .v-main .contents blockquote.is-info{
  background: rgba(106, 169, 255, 0.12) !important;
  color: var(--text) !important;
  border-color: #6AA9FF !important;
}

.theme--dark .v-main .contents blockquote.is-success{
  background: rgba(76, 175, 80, 0.10) !important;
  color: var(--text) !important;
  border-color: #4CAF50 !important;
}

.theme--dark .v-main .contents blockquote.is-warning{
  background: rgba(255, 176, 32, 0.12) !important;
  color: var(--text) !important;
  border-color: #FFB020 !important;
}

.theme--dark .v-main .contents blockquote.is-danger{
  background: rgba(255, 77, 77, 0.12) !important;
  color: var(--text) !important;
  border-color: #FF4D4D !important;
}

.theme--dark .v-main .contents blockquote.is-gmtip{
  background: rgba(255, 212, 0, 0.10) !important;
  color: var(--text) !important;
  border-color: var(--lemon) !important;
}

.theme--dark .v-main .contents blockquote.is-gmtip:before{
  content: "󰌶" !important;
}

/* ==========================================================================
   Tippy.js
   ========================================================================== */
.tippy-box{
  background: var(--lemonPressed) !important;
  color: var(--ink) !important;
  border: 1px solid var(--lemon);
  border-radius: 4px;
  box-shadow: none;

  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  letter-spacing: 0.01em;

  transform-origin: top left;
  transition: opacity 140ms ease, transform 160ms cubic-bezier(.2,.8,.2,1);
}

.tippy-content{ padding: 0.55em 0.7em; }

.tippy-arrow{ color: var(--lemon); }
.tippy-box[data-placement^='top'] > .tippy-arrow::before{ border-top-color: var(--lemon); }
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before{ border-bottom-color: var(--lemon); }
.tippy-box[data-placement^='left'] > .tippy-arrow::before{ border-left-color: var(--lemon); }
.tippy-box[data-placement^='right'] > .tippy-arrow::before{ border-right-color: var(--lemon); }

.tippy-content .tt-title{
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 0.35em;
}

.tippy-content .tt-row{ margin-top: 0.25em; }
.tippy-content .tt-k{ font-weight: 600; }
.tippy-content .tt-v{ font-weight: 500; }

.tippy-content .tt-sub{
  font-size: 0.9em;
  margin-top: 0.35em;
  opacity: 0.9;
}

.tippy-content .tt-center{ text-align: center; }
.tippy-content .tt-main{ margin-top: 0.25em; }

.tippy-content .tt-ellipsis{
  font-weight: 900;
  font-size: 1.15em;
  opacity: 0.95;
}

.tippy-content .tt-host{ font-weight: 700; }

.tippy-box[data-state='hidden']{
  opacity: 0;
  transform: translateY(-4px) scale(0.98);
}

.tippy-box[data-state='visible']{
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* ==========================================================================
   Markdown extras
   ========================================================================== */
.v-main .contents .task-list-item-checkbox[disabled][checked]:after{
  color: var(--lemon);
}

/* Summary/details */
.theme--dark .v-main .contents details,
.theme--dark .v-main .contents details>summary{
  background-color: var(--lemon) !important;
  border-color: black !important;
  color: var(--ink) !important;
}

.theme--dark .v-main .contents details[open]{
  background-color: var(--ink) !important;
  border-color: black !important;
  color: var(--text) !important;
}

.theme--dark .v-main .contents details[open]>summary{
  background-color: var(--lemon) !important;
  border-color: black !important;
  color: var(--ink) !important;
}

.theme--dark .v-main .contents details[open]>summary > p{
  color: var(--ink) !important;
}

/* Page comments card: fix flex overflow + allow wrapping */
.theme--dark .page-comments-card .d-flex > button.v-btn.v-btn--outlined:first-of-type{
  min-width: 0 !important;
}

.theme--dark .page-comments-card .d-flex > button.v-btn.v-btn--outlined:first-of-type .v-btn__content{
  width: 100% !important;
  white-space: normal !important;
  justify-content: center;
  text-align: center;
}

.theme--dark .page-comments-card .d-flex > button.v-btn.v-btn--outlined:first-of-type .v-btn__content > span{
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Lists */
.v-main .contents ul:not(.tabset-tabs):not(.contains-task-list)>li:before,
li::marker{
  color: var(--lemon) !important;
}

/* ==========================================================================
   Floating action / share / print
   ========================================================================== */
.v-application .v-btn.v-btn--fab .v-icon.mdi-arrow-up{ color: var(--ink) !important; }

.v-application .v-btn.v-btn--fab:has(.v-icon.mdi-arrow-up){
  background: var(--lemon) !important;
}

.v-application .v-btn.v-btn--fab:has(.v-icon.mdi-arrow-up):hover{
  background: var(--lemonHover) !important;
}

.v-application .v-btn.v-btn--fab:has(.v-icon.mdi-arrow-up):active{
  background: var(--lemonPressed) !important;
}

.v-application .v-btn .v-icon.mdi-share-variant,
.v-application .v-btn .v-icon.mdi-printer{
  color: var(--lemon) !important;
}

.v-application .v-btn:hover .v-icon.mdi-share-variant,
.v-application .v-btn:hover .v-icon.mdi-printer{
  color: var(--lemonHover) !important;
}

.v-application .v-btn:active .v-icon.mdi-share-variant,
.v-application .v-btn:active .v-icon.mdi-printer{
  color: var(--lemonPressed) !important;
}

/* ==========================================================================
   Login
   ========================================================================== */
.login{
  background: var(--ink) !important;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ==========================================================================
   Mobile: search bar (deep purple -> lemon)
   ========================================================================== */
.v-toolbar.deep-purple,
.v-toolbar.deep-purple .v-input__slot{
  background: var(--lemon) !important;
}

.v-toolbar.deep-purple .v-icon,
.v-toolbar.deep-purple input{
  color: var(--ink) !important;
}

.v-toolbar.deep-purple .v-label{
  color: rgba(0, 0, 0, 0.65) !important;
}

.v-toolbar.deep-purple .white--text{
  color: var(--ink) !important;
}

/* ==========================================================================
   Link icons
   ========================================================================== */
.v-main .contents a.is-external-link::after,
.v-main .contents a.is-internal-link::after{
  font-family: Material Design Icons, sans-serif !important;
  font-size: 1em !important;
  line-height: inherit !important;
  display: inline;
  margin-left: 0.25em;
  color: #9e9e9e !important;
  text-decoration: none !important;
}

.v-main .contents a.is-external-link::after{ content: "󰏌" !important; }
.v-main .contents a.is-internal-link::after{ content: "󰌹" !important; }

.v-main .contents a.is-internal-anchor-link .anchor-link-mark{
  display: inline-block;
  margin-left: 3px;
  color: #9e9e9e;
  opacity: 0.85;
  font-size: 1em;
  line-height: inherit;
}

/* Internal link with anchor: enforce icon order ✅/❌ -> 🔗(::after) -> # */
.v-main .contents a.is-internal-link-with-anchor{
  display: inline-flex;
  align-items: center;
  padding-bottom: 0.06em;
}

/* Fine-tune hash icon vertical position for internal link with anchor */
.v-main .contents a.is-internal-link-with-anchor .anchor-link-mark{
  position: relative;
  top: -0.08em;
}

.v-main .contents a.is-internal-link-with-anchor::after{
  order: 1;
}

.v-main .contents a.is-internal-link-with-anchor .anchor-link-mark{
  order: 2;
  margin-left: 0.25em;
  display: inline-block;
  font-size: 1em;
  line-height: inherit;
  vertical-align: middle;
  color: #9e9e9e;
  opacity: 0.85;
}

/* Internal link with anchor: normalize icon vertical alignment */
.v-main .contents a.is-internal-link-with-anchor .existing-link-mark,
.v-main .contents a.is-internal-link-with-anchor .missing-link-mark,
.v-main .contents a.is-internal-link-with-anchor::after,
.v-main .contents a.is-internal-link-with-anchor .anchor-link-mark{
  align-self: center;
}

/* Normalize emoji (✅/❌) vs mdi icons in internal link with anchor */
.v-main .contents a.is-internal-link-with-anchor .existing-link-mark,
.v-main .contents a.is-internal-link-with-anchor .missing-link-mark{
  position: relative;
  top: 0.04em;
}

/* Wrap fixes */
.theme--dark .v-main .contents code,
h1, h2, h3, h4, h5, h6{
  word-wrap: break-word !important;
}

/* Heading underline gradients (content area) */
.theme--dark .v-main .contents h1::after{
  background: linear-gradient(90deg, var(--lemon), var(--lemonHover) 12%, rgba(0, 0, 0, 0));
}

.theme--dark .v-main .contents h2::after{
  background: linear-gradient(90deg, var(--lemon), rgba(255, 212, 0, 0));
}

.theme--dark .v-main .contents h3::after{
  background: linear-gradient(90deg, rgba(255, 212, 0, 0.6), rgba(255, 212, 0, 0) 90%);
}

.theme--dark .v-main .contents h4::after{
  background: linear-gradient(90deg, rgba(255, 212, 0, 0.45), rgba(255, 212, 0, 0) 70%);
}

.theme--dark .v-main .contents h5::after{
  background: linear-gradient(90deg, rgba(255, 212, 0, 0.35), rgba(255, 212, 0, 0) 50%);
}

.theme--dark .v-main .contents h6::after{
  background: linear-gradient(90deg, rgba(255, 212, 0, 0.25), rgba(255, 212, 0, 0) 30%);
}

/* Internal link status icons (single, stable definition) */
.v-main .contents a .existing-link-mark,
.v-main .contents a .missing-link-mark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  margin-left: 0.25em;
  font-size: 0.95em;
  line-height: 1;
  vertical-align: middle;
}

/* Fine-tune internal link status emoji baseline vs ::after link icon */
.v-main .contents a .existing-link-mark,
.v-main .contents a .missing-link-mark{
  position: relative;
  top: -0.06em;
}

/* Internal link icons switcher compatibility */
html.ilicons-never .v-main .contents a .existing-link-mark,
html.ilicons-never .v-main .contents a .missing-link-mark,
html.ilicons-mobile .v-main .contents a .existing-link-mark,
html.ilicons-mobile .v-main .contents a .missing-link-mark{
  display: none !important;
}

@media (max-width: 600px){
  html.ilicons-mobile .v-main .contents a .existing-link-mark,
  html.ilicons-mobile .v-main .contents a .missing-link-mark{
    display: inline-flex !important;
  }
}

/* ==========================================================================
   UI Settings menu
   ========================================================================== */
.ui-settings-menu{
  display: inline-block !important;
  position: relative;
}

.ui-settings-menu .v-menu__content{
  display: none;
  position: fixed;
  top: 64px;
  right: 12px;
  left: auto;
  z-index: 20;

  min-width: 300px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 80px);
  overflow: auto;

  border-radius: 7px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.45);
}

.ui-settings-menu .v-list{ border-radius: 7px; }

.v-application .ui-settings-btn .ui-settings-cogs{ color: var(--lemon) !important; }
.v-application .ui-settings-btn:hover .ui-settings-cogs{ color: var(--lemonHover) !important; }

button.v-btn.v-btn--flat.v-btn--icon.v-btn--round.v-btn--tile.theme--dark.v-size--default.ui-settings-btn{
  height: 64px;
}

/* ==========================================================================
   Responsive tweaks
   ========================================================================== */
@media (max-width: 439px){
  .d-flex.align-center.pt-3{ flex-direction: column; }
}

@media (max-width: 529px){
  .v-btn:has(.mdi-file-document-edit-outline),
  .v-btn:has(.mdi-text-box-plus-outline){
    display: none !important;
  }
}

@media (max-width: 959px){
  i.v-icon.notranslate.mdi.mdi-magnify.theme--dark.grey--text::before{
    color: var(--lemon) !important;
  }
}

/* ==========================================================================
   gLightBox tweaks
   ========================================================================== */

.v-main .contents a.glightbox img{
  cursor: zoom-in;
}

.v-main .contents a.glightbox:hover img{
  opacity: 0.95;
}

.glightbox-clean .gslide-description{
  background: var(--lemon);
  color: var(--ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;

  padding: 0.5em 0.75em;
  margin-top: 0.6em;

  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35);
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: var(--lemon);
}

.glightbox-clean .gclose, .glightbox-clean .gclose:hover, .glightbox-clean .gbtn{
  color: var(--ink);
}

.glightbox-clean .gclose svg,
.glightbox-clean .gclose svg path,
.glightbox-clean .gbtn svg,
.glightbox-clean .gbtn svg path{
  fill: currentColor;
}

.glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
    background-color: var(--lemonHover);
}