/* GMap Cloud API Reference - Custom Theme */

:root {
  --gmap-primary: #0066cc;
  --gmap-primary-light: #e8f2fc;
  --gmap-sidebar: #1e293b;
  --gmap-bg: #f8fafc;
  --gmap-text: #1a1a2e;
  --gmap-border: #e2e8f0;
}

/* ---- Language Toggle ---- */
#lang-toggle {
  position: fixed;
  top: 0.75rem;
  right: 1rem;
  z-index: 1000;
  display: flex;
  gap: 0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.lang-btn {
  border: none;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  cursor: pointer;
  background: white;
  color: var(--gmap-text);
  transition: all 0.15s ease;
}

.lang-btn.active {
  background: var(--gmap-primary);
  color: white;
}

.lang-btn:not(.active):hover {
  background: var(--gmap-primary-light);
}

/* ---- Interactive Map Link ---- */
#sample-link {
  position: fixed;
  top: 0.75rem;
  right: 7.25rem;
  z-index: 1000;
}

#sample-link a {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  border-radius: 6px;
  padding: 0 12px;
  background: white;
  color: var(--gmap-primary);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background 0.15s ease;
}

#sample-link a:hover {
  background: var(--gmap-primary-light);
}

/* ---- Scalar overrides ---- */
/* Make the intro section more professional */
.scalar-app .introduction-card {
  border-left: 3px solid var(--gmap-primary);
}

/* Brand the header */
.scalar-app .references-header {
  background: linear-gradient(135deg, var(--gmap-primary) 0%, #004b9a 100%);
}

/* Softer borders */
.scalar-app .endpoint-card {
  border-color: var(--gmap-border);
}