/*
Theme Name: Aeaea
Theme URI: https://www.thelivingember.com/
Description: Aeaea's maintainable design layer for the Hestia parent theme.
Author: The Living Ember
Template: hestia
Version: 0.2.6
Text Domain: aeaea
*/

/* Global child-theme styles belong here. Page-specific systems live in assets/css. */

/* Compact, theme-owned presentation for the customer-facing consent panel. */
#cmplz-cookiebanner-container .cmplz-cookiebanner {
  min-width: 0 !important;
  width: min(400px, calc(100vw - 24px)) !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  padding: 18px !important;
  gap: 10px !important;
  border: 1px solid rgba(55, 21, 28, .18) !important;
  border-radius: 3px !important;
  background: #e9e1d3 !important;
  color: #100e0e !important;
  box-shadow: 0 18px 55px rgba(16, 14, 14, .28) !important;
}
#cmplz-cookiebanner-container .cmplz-header {
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
}
#cmplz-cookiebanner-container .cmplz-logo { display: none !important; }
#cmplz-cookiebanner-container .cmplz-title {
  font: 400 16px/1.25 "Times New Roman", Times, serif !important;
  color: #37151c !important;
}
#cmplz-cookiebanner-container .cmplz-close {
  width: 18px !important;
  height: 18px !important;
  color: #37151c !important;
}
#cmplz-cookiebanner-container .cmplz-message {
  width: auto !important;
  margin: 0 !important;
  color: #312a28 !important;
  font: 13px/1.42 Arial, Helvetica, sans-serif !important;
}
#cmplz-cookiebanner-container .cmplz-buttons { gap: 8px !important; }
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn {
  height: 40px !important;
  border-radius: 2px !important;
  font: 600 14px/1 Arial, Helvetica, sans-serif !important;
}
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-accept {
  border-color: #37151c !important;
  background: #37151c !important;
  color: #e9e1d3 !important;
}
#cmplz-cookiebanner-container .cmplz-links {
  justify-content: center !important;
  gap: 16px !important;
}
#cmplz-cookiebanner-container .cmplz-links .cmplz-link {
  color: #37151c !important;
  font: 12px/1.3 Arial, Helvetica, sans-serif !important;
}
@media (max-width: 600px) {
  #cmplz-cookiebanner-container .cmplz-cookiebanner {
    width: calc(100vw - 24px) !important;
    max-height: 48vh !important;
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
    padding: 15px !important;
    overflow-y: auto !important;
  }
}