/* === SEARCH PAGE === */
.search-page {
  min-height: 100vh;
  padding: 140px 40px 80px;
  max-width: 900px;
  margin: 0 auto;
}
.search-heading {
  font-family: var(--font-display);
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg);
  margin-bottom: 12px;
}
.search-sub {
  font-size: 16px;
  color: var(--fg-muted);
  margin-bottom: 40px;
}
.search-inner .gcse-search {
  min-height: 200px;
}

/* === GOOGLE CSE OVERRIDES === */
.gsc-control-cse {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-family: var(--font-body) !important;
}
.gsc-search-box {
  background: #ffffff !important;
  border: 2px solid var(--cyan) !important;
  border-radius: 10px !important;
  overflow: hidden;
}
.gsc-search-box-tools {
  background: transparent !important;
}
.gsc-input-box {
  background: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
}
.gsc-input-box input.gsc-input {
  background: #ffffff !important;
  color: #0B1220 !important;
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  padding: 10px 12px !important;
}
.gsc-input-box input.gsc-input::placeholder {
  color: #7B8BA5 !important;
}
.gsc-search-button .gsc-search-button-v2 {
  background: var(--cyan) !important;
  border: 2px solid var(--cyan) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  cursor: pointer;
  transition: filter 0.2s;
}
.gsc-search-button .gsc-search-button-v2:hover {
  filter: brightness(0.9);
}
.gsc-search-button .gsc-search-button-v2 svg {
  fill: #0B1220 !important;
}
.gsst_a {
  padding: 0 8px !important;
}
.gsst_a:focus {
  box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.3) !important;
  outline: none !important;
}

/* Results styling */
.gsc-results-wrapper-overlay,
.gsc-results-wrapper-nooverlay {
  background: var(--bg-2) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-top: 16px !important;
}
.gsc-webResult .gsc-result {
  background: transparent !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 16px 0 !important;
}
.gs-title,
.gs-title a,
.gs-title a b {
  color: var(--cyan) !important;
  text-decoration: none !important;
  font-size: 16px !important;
}
.gs-title a:hover {
  text-decoration: underline !important;
}
.gs-snippet,
.gs-bidi-start-align {
  color: var(--fg-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.gs-visibleUrl,
.gs-visibleUrl-short {
  color: var(--green) !important;
  font-size: 13px !important;
}
.gsc-cursor-box {
  margin-top: 16px !important;
  text-align: center !important;
}
.gsc-cursor-page {
  color: var(--fg) !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  margin: 0 4px !important;
  cursor: pointer;
}
.gsc-cursor-current-page {
  background: var(--cyan) !important;
  color: #0B1220 !important;
  border-color: var(--cyan) !important;
  font-weight: 600 !important;
}
.gsc-above-wrapper-area,
.gsc-result-info {
  color: var(--fg-muted) !important;
  border-bottom: 1px solid var(--border) !important;
  padding-bottom: 12px !important;
}
.gsc-orderby-label {
  color: var(--fg-muted) !important;
}

/* Responsive */
@media (max-width: 600px) {
  .search-page {
    padding: 100px 20px 60px;
  }
}