/*
  File:            css/site-ui.css
  Description:     Styles for js/site-ui.js (header "More" drop-down and navigation drawer), the static
                   reviews on the About page and the notice on the Colleague Consult page. The GoDaddy
                   cookie notice is hidden because the website sets no tracking cookies.
                   Used by all pages.
  Website:         drchristinacortez.com
  Maintained for:  Dr Christina Cortez
  Last updated:    2026-11-08 22:31 PST
*/

/* "More" drop-down */
ul[data-ux="Dropdown"].dcc-open {
  display: block !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

/* Navigation drawer */
[data-ux="NavigationDrawer"].dcc-open {
  transform: none !important;
  visibility: visible !important;
  overflow-y: auto !important;
}
html.dcc-drawer-open,
html.dcc-drawer-open body {
  overflow: hidden;
}
[data-ux="NavigationDrawer"] [data-ux="CloseIcon"] {
  cursor: pointer;
}

/* No tracking cookies on this website, so no cookie notice */
.widget-cookie-banner {
  display: none !important;
}

/* Reviews (About page) */
.dcc-reviews {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  max-width: 1200px;
  margin: 32px auto 0;
  padding: 0 24px;
  text-align: left;
}
.dcc-review {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(31, 42, 42, 0.08);
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dcc-review-stars {
  color: #e2a400;
  font-size: 18px;
  letter-spacing: 2px;
}
.dcc-review-title {
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  color: #1f2a2a;
}
.dcc-review-body {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #384646;
}
.dcc-review-name {
  margin: auto 0 0;
  font-size: 14px;
  color: #5b6b6b;
}

/* Colleague Consult notice */
.dcc-notice {
  max-width: 760px;
  margin: 40px auto;
  padding: 32px 24px;
  text-align: center;
}
.dcc-notice h2 {
  margin: 0 0 12px;
}
.dcc-notice p {
  margin: 0;
  font-size: 18px;
}
.dcc-notice h2 {
  font-family: 'Sofia', cursive;
  font-weight: 400;
  font-size: 40px;
  color: #36aea6;
}

/* Contact page map: shown only on request */
.dcc-map-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: #e9f4f3;
  text-align: center;
  padding: 16px;
}
.dcc-map-placeholder p {
  margin: 0;
  font-size: 16px;
  color: #1f2a2a;
}
.dcc-map-button {
  background: #ffffff;
  border: 1.5px solid #4f8f8c;
  border-radius: 8px;
  padding: 10px 18px;
  font-family: inherit;
  font-size: 15px;
  cursor: pointer;
  color: #1f2a2a;
}
.dcc-map-button:hover {
  background: #d8efed;
}