/**
 * HVD Hotels - Custom Cookie Consent Styling & Floating Trigger Button
 * Perfectly matches HVD Hotels Branding (Dark Charcoal "BOOK NOW" style buttons, high-contrast text)
 */

/* 1. Modal Containers & Typography */
#cc-main {
  --cc-font-family: inherit;
  --cc-btn-primary-bg: #343a40;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #1e2227;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-secondary-bg: #343a40;
  --cc-btn-secondary-color: #ffffff;
  --cc-btn-secondary-hover-bg: #1e2227;
  --cc-btn-secondary-hover-color: #ffffff;
}

#cc-main .cm__title,
#cc-main .pm__title {
  color: #1a1a1a !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  letter-spacing: -0.01em !important;
}

#cc-main .cm__desc,
#cc-main .pm__desc,
#cc-main .cm__desc-content,
#cc-main .pm__section-desc,
#cc-main .cm__texts p {
  color: #333333 !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
}

#cc-main .cm {
  background: #ffffff !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding: 24px !important;
}

#cc-main .pm {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25) !important;
}

/* 2. Buttons Layout */
#cc-main .cm__btns {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

/* 3. Base Button Styling (BOOK NOW Style) */
#cc-main button.cm__btn,
#cc-main button.pm__btn {
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border-radius: 5px !important;
  padding: 13px 18px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

/* 4. Action Buttons (Accept All & Reject Non-Essential) -> Dark Charcoal with WHITE TEXT */
#cc-main .cm__btn:nth-child(1),
#cc-main .cm__btn:nth-child(2),
#cc-main .cm__btn[data-role="all"],
#cc-main .cm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="all"],
#cc-main .pm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="save"],
#cc-main .pm__btn--primary {
  background: #343a40 !important;
  background-color: #343a40 !important;
  color: #ffffff !important;
  border-color: #343a40 !important;
}

#cc-main .cm__btn:nth-child(1) *,
#cc-main .cm__btn:nth-child(2) *,
#cc-main .cm__btn[data-role="all"] *,
#cc-main .cm__btn[data-role="necessary"] *,
#cc-main .pm__btn[data-role="all"] *,
#cc-main .pm__btn[data-role="necessary"] *,
#cc-main .pm__btn[data-role="save"] * {
  color: #ffffff !important;
}

#cc-main .cm__btn:nth-child(1):hover,
#cc-main .cm__btn:nth-child(2):hover,
#cc-main .cm__btn[data-role="all"]:hover,
#cc-main .cm__btn[data-role="necessary"]:hover,
#cc-main .pm__btn[data-role="all"]:hover,
#cc-main .pm__btn[data-role="necessary"]:hover,
#cc-main .pm__btn[data-role="save"]:hover {
  background: #1e2227 !important;
  background-color: #1e2227 !important;
  color: #ffffff !important;
  border-color: #1e2227 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

/* 5. Preferences / Settings Button -> Light Neutral Gray */
#cc-main .cm__btn:nth-child(3),
#cc-main .cm__btn[data-role="show"],
#cc-main .pm__btn[data-role="close"] {
  background: #f1f3f5 !important;
  background-color: #f1f3f5 !important;
  color: #212529 !important;
  border-color: #dee2e6 !important;
}

#cc-main .cm__btn:nth-child(3) *,
#cc-main .cm__btn[data-role="show"] * {
  color: #212529 !important;
}

#cc-main .cm__btn:nth-child(3):hover,
#cc-main .cm__btn[data-role="show"]:hover,
#cc-main .pm__btn[data-role="close"]:hover {
  background: #e9ecef !important;
  background-color: #e9ecef !important;
  color: #000000 !important;
}

/* 6. Footer Policy Links */
#cc-main .cm__footer {
  margin-top: 15px !important;
  padding-top: 12px !important;
  border-top: 1px solid #f1f3f5 !important;
  font-size: 12px !important;
  text-align: center !important;
}

#cc-main .cm__footer a,
#cc-main .pm a {
  color: #495057 !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  transition: color 0.2s !important;
}

#cc-main .cm__footer a:hover,
#cc-main .pm a:hover {
  color: #000000 !important;
}

/* 7. Floating Re-consent Trigger Button (Hidden in favor of clean footer links) */
#hvd-cookie-trigger {
  display: none !important;
}