/*
   AdRevv house style for meet.adrevv.com (Tabler 1.3).
   Tokens mirror admanager.adrevv.com. Reference: https://adrevv.com/style-guide/
   Loaded after tabler.min.css from include/layouts/common/head.blade.php.
*/

/* ---------- brand and shape, both themes ---------- */
:root {
  --tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tblr-primary: #DD9300 !important;
  --tblr-primary-rgb: 221, 147, 0 !important;
  --tblr-primary-fg: #1E2321;              /* ink on gold, never white */
  --tblr-border-radius: .375rem;           /* controls */
  --tblr-border-radius-lg: .5rem;          /* cards, modals */
  --tblr-border-radius-xl: .5rem;
}

/* ---------- light ground ---------- */
:root, [data-bs-theme=light] {
  --tblr-body-bg: #F9FAFB;
  --tblr-bg-surface: #FFFFFF;
  --tblr-bg-surface-secondary: #F3F4F6;
  --tblr-bg-surface-tertiary: #F9FAFB;
  --tblr-border-color: #E5E7EB;
  --tblr-border-color-translucent: rgba(17, 24, 39, .08);
  --tblr-body-color: #111827;
  --tblr-secondary: #6B7280;
  --tblr-muted: #6B7280;
  --tblr-link-color: #A46D00;              /* gold reads on white only when darkened */
  --tblr-link-hover-color: #7F5400;
  --tblr-light: #F3F4F6;
}

/* ---------- dark ground ---------- */
[data-bs-theme=dark] {
  --tblr-body-bg: #18181B;
  --tblr-bg-surface: #27272A;
  --tblr-bg-surface-secondary: #3F3F46;
  --tblr-bg-surface-tertiary: #1F1F23;
  --tblr-border-color: rgba(255, 255, 255, .10);
  --tblr-border-color-translucent: rgba(255, 255, 255, .10);
  --tblr-body-color: #F4F4F5;
  --tblr-secondary: #A1A1AA;
  --tblr-muted: #A1A1AA;
  --tblr-link-color: #F5B252;
  --tblr-link-hover-color: #FFD08A;
  --tblr-dark: #27272A;
  --tblr-light: #3F3F46;
}

/* ---------- the product bar: brand-nav in both themes ----------
   The cream lockup only reads on a dark ground, so the horizontal bar is
   charcoal whichever theme is on; the content beside it changes. The
   vertical admin sidebar stays a surface, like AdManager's content area. */
.navbar:not(.navbar-vertical) {
  --tblr-navbar-bg: #2B2B2B;
  --tblr-navbar-color: rgba(255, 255, 255, .75);
  --tblr-navbar-hover-color: #FFFFFF;
  --tblr-navbar-active-color: #FFFFFF;
  --tblr-navbar-brand-color: #FFFFFF;
  --tblr-navbar-brand-hover-color: #FFFFFF;
  --tblr-navbar-border-color: rgba(0, 0, 0, .2);
  --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=light] .navbar:not(.navbar-vertical),
.jm-homepage .navbar { background-color: #2B2B2B !important; background: #2B2B2B !important; }
.navbar:not(.navbar-vertical) .nav-link,
.navbar:not(.navbar-vertical) .nav-link-icon,
.navbar:not(.navbar-vertical) .navbar-toggler-icon,
.navbar:not(.navbar-vertical) .jm-profile-name { color: rgba(255, 255, 255, .75); }
.navbar:not(.navbar-vertical) .nav-link:hover,
.navbar:not(.navbar-vertical) .nav-item.active .nav-link,
.navbar:not(.navbar-vertical) .navbar-nav .nav-link.active { color: #FFFFFF; }
.navbar:not(.navbar-vertical) .jm-designation { color: rgba(255, 255, 255, .5) !important; }
.navbar-expand-md .nav-item.active:after { border-color: #DD9300; }
.navbar .logo-image, .navbar-logo { height: 1.5rem; width: auto; }
/* The home page used to pull the hero up under a transparent bar. */
.jm-homepage .jm-meeting-join { margin-top: 0; }

/* ---------- hero: gold ground takes ink, never white ---------- */
.jm-homepage .jm-home-bg h2, .jm-home-bg h2, .jm-how-to-use { color: #1E2321 !important; }
.jm-homepage .jm-home-bg .link, .jm-home-bg a { color: #1E2321; text-decoration: underline; }

/* ---------- buttons ---------- */
.btn-primary {
  --tblr-btn-color: #1E2321;
  --tblr-btn-hover-color: #1E2321;
  --tblr-btn-active-color: #1E2321;
  --tblr-btn-hover-bg: #C48200;
  --tblr-btn-hover-border-color: #C48200;
  --tblr-btn-active-bg: #A46D00;
  --tblr-btn-active-border-color: #A46D00;
  font-weight: 600;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background-image: none !important;
  background-color: #C48200 !important;
  border-color: #C48200 !important;
  color: #1E2321;
}
.btn-yellow { --tblr-btn-color: #1E2321; }
.btn:focus-visible, .form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: #DD9300;
  box-shadow: 0 0 0 .2rem rgba(221, 147, 0, .3);
}
.form-check-input:checked { background-color: #DD9300; border-color: #DD9300; }

/* ---------- surfaces ---------- */
.card { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); }
[data-bs-theme=dark] .card { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3); }
[data-bs-theme=dark] .section-light { background-color: #27272A; }
[data-bs-theme=light] .section-light { background-color: #F3F4F6; }
[data-bs-theme=dark] .jm-meeting-card.active,
[data-bs-theme=dark] .list-group-transparent .list-group-item.active { background-color: rgba(255, 255, 255, .06) !important; }
.link, .jm-join-link { color: var(--tblr-link-color); }
#cover-spin { background-color: rgba(24, 24, 27, .6); }
[data-bs-theme=light] #cover-spin { background-color: rgba(249, 250, 251, .7); }

/* ---------- theme toggle: 20px glyph, 1.8 stroke, round hit area ---------- */
.dark-theme-setting { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 9999px; border: 0; background: none; transition: background .15s, color .15s; }
.dark-theme-setting:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.dark-theme-setting .icon { width: 1.25rem; height: 1.25rem; stroke-width: 1.8; }

/* ---------- scrollbars ---------- */
* { scrollbar-width: thin; scrollbar-color: #9CA3AF transparent; }
[data-bs-theme=dark] * { scrollbar-color: #52525B transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background-color: #9CA3AF; border-radius: 9999px; }
[data-bs-theme=dark] ::-webkit-scrollbar-thumb { background-color: #52525B; }