/**
 * @file
 * Custom styling for Google Custom Search pages.
 * 
 * These styles match the NJIT theme design system:
 * - Primary red: #CC0000
 * - Text dark: #222222
 * - Text gray: #6B6B6B
 * - Borders: #6B6B6B
 * - Typography: Helvetica Neue LT
 */
/* ============================================
   Main Search Container
   ============================================ */
.gsc-control-cse {
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
}

/* ============================================
   Search Input Box
   ============================================ */
.gsc-search-box {
  margin-bottom: 1.5rem;
}

.gsc-input {
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.gsc-input-box {
  border: 1px solid #6B6B6B;
}

.gsc-input-box:focus-within {
  border-color: #CC0000;
  outline: 2px solid rgba(204, 0, 0, 0.2);
  outline-offset: 2px;
}

.gsc-search-button {
  background-color: #CC0000;
  border-color: #CC0000;
}

.gsc-search-button:hover,
.gsc-search-button:focus {
  background-color: #9B0000;
  border-color: #9B0000;
}

/* ============================================
   Search Results Container
   ============================================ */
.gsc-results {
  margin-top: 1.5rem;
}

.gsc-resultsHeader {
  border-bottom: 1px solid #CC0000;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.gsc-result-info {
  font-size: 0.875rem;
  color: #6B6B6B;
  margin-bottom: 1rem;
}

/* ============================================
   Individual Search Results
   ============================================ */
.gsc-result,
.gsc-webResult {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.gsc-result {
  padding: 20px;
}

.gsc-result:not(:last-child),
.gsc-webResult:not(:last-child) {
  border-bottom: 1px solid #6B6B6B;
}

/* Result Title */
.gs-title,
.gs-title a {
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.44444;
  color: #222222;
  text-decoration: none;
  font-weight: 750;
  display: block;
  margin-bottom: 0rem;
}

.gs-title a:hover,
.gs-title a:focus {
  color: #CC0000;
  text-decoration: underline;
}

/* Result Snippet/Description */
.gs-snippet {
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #222222;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* Visible URL */
.gs-visibleUrl,
.gs-visibleUrl-long {
  font-size: 0.875rem;
  color: #6B6B6B;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

/* ============================================
   Image Results
   ============================================ */
.gsc-imageResult {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.gsc-imageResult:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.gsc-imageResult .gs-title {
  font-size: 1rem;
}

/* ============================================
   Pagination
   ============================================ */
.gsc-cursor {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #ccc;
}

.gsc-cursor-page {
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  margin: 0 0.25rem;
  border: 1px solid #ccc;
  background-color: #fff;
  color: #222222;
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s ease;
}

.gsc-cursor-page:hover,
.gsc-cursor-page:focus {
  background-color: #f8f9fa;
  border-color: #CC0000;
  color: #CC0000;
  text-decoration: none;
}

.gsc-cursor-current-page {
  background-color: #CC0000;
  color: #fff;
  border-color: #CC0000;
  font-weight: 750;
}

.gsc-cursor-current-page:hover,
.gsc-cursor-current-page:focus {
  background-color: #9B0000;
  border-color: #9B0000;
  color: #fff;
}

.gs-snippet {
  font-family: "Roboto Condensed", Arial, sans-serif;
}

.gs-web-image-box {
  margin-right: 10px !important;
  display: inline-block;
}

/* ============================================
   Promotions/Ads (if any)
   ============================================ */
.gsc-adBlock {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #6B6B6B;
}

/* ============================================
   Empty State / No Results
   ============================================ */
.gsc-no-results-result {
  font-size: 1.25rem;
  color: #222222;
  padding: 2rem 0;
}

/* ============================================
   Branding (optional - hide if desired)
   ============================================ */
.gcsc-branding {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #6B6B6B;
  font-size: 0.875rem;
  color: #6B6B6B;
}

.gcsc-more-maybe-branding-root {
  display: none;
}

.gsc-cursor {
  border-top: none;
}

.gsc-webResult {
  border-bottom: solid 1px #6B6B6B !important;
}

.gsc-results.gsc-webResult {
  border-bottom: none !important;
}

.gs-visibleUrl.gs-visibleUrl-breadcrumb {
  font-size: 0.7rem;
  font-family: "Roboto Condensed", Arial, sans-serif;
  color: #6B6B6B !important;
}

.gsc-search-box .gsc-search-button button {
  background-color: transparent;
}
.gsc-search-box .gsc-search-button button svg {
  fill: white;
}

/* Uncomment to hide Google branding */
/* .gcsc-branding {
  display: none;
} */
/* ============================================
   Responsive Adjustments
   ============================================ */
@media (max-width: 767.98px) {
  .gs-title,
  .gs-title a {
    font-size: 1rem;
  }
  .gs-snippet {
    font-size: 0.9375rem;
  }
  .gsc-result,
  .gsc-webResult {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .gsc-cursor-page {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    margin: 0 0.125rem;
  }
}
/*# sourceMappingURL=maps/google-custom-search.css.map */