/* Palmer Trucks — Complianz banner theming.
   Enqueued as 'palmertrucks-complianz' (functions.php, add_styles); this file is
   the live copy, so keep Complianz → Appearance → Custom CSS empty.
   !important is needed wherever Complianz sets the same property itself.
   .cmplz-message is forced to Helvetica because body{} inherits the caps-only
   rig-shaded face, which turns banner prose into all-caps. */

/* Container — pinned bottom-center whatever the plugin's Position setting is. */
.cmplz-cookiebanner {
  position: fixed !important;
  top: auto !important;
  bottom: 20px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  max-width: calc(100vw - 40px) !important;
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18) !important;
  padding: 28px !important;
}

/* Logo */
.cmplz-cookiebanner .cmplz-logo {
  max-width: 180px;
  height: auto;
  margin-bottom: 14px;
}

/* Title */
.cmplz-cookiebanner .cmplz-title {
  font-family: "Rig Shaded", "rig-shaded-bold-face", Helvetica, sans-serif !important;
  font-size: 24px !important;
  font-weight: 705 !important;
  line-height: normal !important;
  color: #303030 !important;
  margin: 0 0 12px !important;
}

/* Close icon */
.cmplz-cookiebanner .cmplz-close {
  color: #303030 !important;
  opacity: 0.75;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.cmplz-cookiebanner .cmplz-close:hover {
  opacity: 1;
  transform: scale(1.08);
}

/* Message — body copy, must NOT use the caps-only display face */
.cmplz-cookiebanner .cmplz-message {
  font-family: "Helvetica", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #303030 !important;
  text-transform: none !important;
  margin-bottom: 18px !important;
}

/* All buttons */
.cmplz-buttons .cmplz-btn {
  font-family: "Rig Shaded", "rig-shaded-bold-face", Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 705 !important;
  line-height: normal !important;
  text-align: center !important;
  border-radius: 8px !important;
  padding: 12px 30px !important;
  min-height: 0 !important;
  transition: all 0.3s ease-in-out !important;
}

/* Accept button — primary */
.cmplz-buttons .cmplz-btn.cmplz-accept {
  background: #c8082f !important;
  border: 2px solid #c8082f !important;
  color: #fff !important;
}
.cmplz-buttons .cmplz-btn.cmplz-accept:hover {
  background: #303030 !important;
  border-color: #303030 !important;
}

/* Deny / Save preferences / View preferences — secondary */
.cmplz-buttons .cmplz-btn.cmplz-deny,
.cmplz-buttons .cmplz-btn.cmplz-save-preferences,
.cmplz-buttons .cmplz-btn.cmplz-view-preferences {
  background: transparent !important;
  border: 2px solid #c8082f !important;
  color: #c8082f !important;
}
.cmplz-buttons .cmplz-btn.cmplz-deny:hover,
.cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover,
.cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover {
  background: #303030 !important;
  border-color: #303030 !important;
  color: #fff !important;
}

/* Document hyperlinks */
.cmplz-links .cmplz-document,
.cmplz-links a {
  font-family: "Rig Shaded", "rig-shaded-bold-face", Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 705 !important;
  color: #c8082f !important;
  text-decoration: none !important;
  transition: color 0.3s ease-in-out;
}
.cmplz-links .cmplz-document:hover,
.cmplz-links a:hover {
  color: #303030 !important;
  text-decoration: underline !important;
}

/* Categories */
.cmplz-cookiebanner .cmplz-category {
  border-radius: 8px !important;
  border: 1px solid #e3e3e3 !important;
  background: #f7f7f7 !important;
  margin-bottom: 8px !important;
}
.cmplz-cookiebanner .cmplz-category .cmplz-category-title {
  font-family: "Rig Shaded", "rig-shaded-bold-face", Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 705 !important;
  color: #303030 !important;
}
/* Category body copy stays readable */
.cmplz-cookiebanner .cmplz-category .cmplz-description,
.cmplz-cookiebanner .cmplz-category p {
  font-family: "Helvetica", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #303030 !important;
}

/* Manage consent tab — vertical on the right edge, mirroring the announcement
   book-now tab. animation:none kills the plugin's bottom-edge hover peek. */
#cmplz-manage-consent .cmplz-manage-consent {
  top: 44% !important;
  bottom: auto !important;
  right: 45px !important;
  left: auto !important;
  transform: rotate(270deg) !important;
  transform-origin: top right !important;
  animation: none !important;
  font-family: "Rig Shaded", "rig-shaded-bold-face", Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  background: #c8082f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px 4px 0 0 !important;
  padding: 10px 22px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  transition: background 0.3s ease-in-out !important;
}
#cmplz-manage-consent .cmplz-manage-consent:hover {
  background: #303030 !important;
}

/* Soft cookie wall */
.cmplz-soft-cookiewall {
  border-radius: 12px !important;
  padding: 28px !important;
}

/* Placeholder notice — per category and per service */
.cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-blocked-content-notice {
  font-family: "Helvetica", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #fff !important;
  background: rgba(48, 48, 48, 0.92) !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
}

button.cmplz-accept-service {
  font-family: "Rig Shaded", "rig-shaded-bold-face", Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 705 !important;
  background: #c8082f !important;
  color: #fff !important;
  border: 2px solid #c8082f !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out !important;
}
button.cmplz-accept-service:hover {
  background: #303030 !important;
  border-color: #303030 !important;
}

/* AMP notice */
#cmplz-consent-ui,
#cmplz-post-consent-ui {
  border-radius: 12px !important;
  padding: 20px !important;
  background: #fff !important;
}
#cmplz-consent-ui .cmplz-consent-message {
  font-family: "Helvetica", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #303030 !important;
}
#cmplz-consent-ui button,
#cmplz-post-consent-ui button {
  font-family: "Rig Shaded", "rig-shaded-bold-face", Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 705 !important;
  background: #c8082f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 30px !important;
  cursor: pointer;
  transition: background 0.3s ease-in-out !important;
}
#cmplz-consent-ui button:hover,
#cmplz-post-consent-ui button:hover {
  background: #303030 !important;
}

/* Mobile */
@media screen and (max-width: 480px) {
  .cmplz-cookiebanner {
    padding: 20px !important;
    bottom: 10px !important;
    max-width: calc(100vw - 20px) !important;
  }
  .cmplz-cookiebanner .cmplz-title {
    font-size: 20px !important;
  }
  .cmplz-cookiebanner .cmplz-message {
    font-size: 15px !important;
  }
  .cmplz-buttons .cmplz-btn {
    padding: 12px 20px !important;
    width: 100% !important;
  }
}
