/**
 * Custom Google Search Plugin Styles
 * Styles for Google Custom Search Engine integration
 */

/* Hide Google branding */
.gcsc-more-maybe-branding-root {
  display: none;
}

/* google result tabs */
.gsc-tabHeader.gsc-tabhActive {
  color: #534be7 !important;
  border-bottom: 2px solid #534be7 !important;
}

/* Search input box styling */
.gsc-input-box {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
table.gsc-search-box td.gsc-input {
  padding-right: 0 !important;
}

.gsc-input-box .gsc-input {
  height: 2.5rem;
}

/* Search button styling */
.gsc-search-button {
  margin-left: 0 !important;
}
.gsc-search-button-v2 {
  height: 2.61rem !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  cursor: pointer;
}

.gsc-search-button-v2:hover,
.gsc-search-button-v2:active {
  background-color: #ffa477 !important;
  border: 1px solid #ffa477 !important;
  cursor: pointer;
}

.gsc-search-button-v2 svg {
  max-width: unset;
}

/* Search results text styling */
.gsc-webResult.gsc-result {
  border-bottom: 1px solid #d6d6d6 !important;
  padding: 1rem 0 2rem !important;
}
.gsc-url-top,
.gs-snippet {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
}

/* Search result title styling */
.gsc-control-cse .gs-result a.gs-title,
.gs-webResult.gs-result a.gs-title b {
  color: #534be7 !important;
  font-family: "Bespoke Slab", serif !important;
  font-size: 1.375rem !important;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.88px;
}
.gsc-control-cse .gs-result a.gs-title:hover,
.gsc-control-cse .gs-result a.gs-title:active {
  color: #ff7733 !important;
}
/* URL display color */
.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-breadcrumb {
  color: #292929 !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 0.9rem;
  font-weight: 400 !important;
  line-height: 120% !important;
}

/* Snippet spacing */
.gs-snippet {
  padding-top: 0.5rem;
}

/* Engine 2 Link Styling */
.cgs-engine2-link-wrapper {
  padding: 1rem;
  text-align: right;
}
.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  background-color: transparent !important;
  border: none !important;
}
.gs-webResult.gs-result.gs-no-results-result .gs-snippet {
  text-align: center !important;
  max-width: 37.5rem !important;
  margin: 0 auto !important;
  display: block !important;
}