/* Copied from ccc_core enhanced-wishlist.css */
@import url("../../ccc_core/css/enhanced-wishlist.css");

/* Header alignment fixes for wishlist + search (desktop) */
@media screen and (min-width: 1025px) {
  /* Make wishlist page header spacing desktop-only */
  .wishlist-header { margin-bottom: 40px !important; }
  header .region-header {
    align-items: center !important; /* vertically center all header children */
  }

  /* Keep main nav items centered vertically */
  header .region-header .navigation:not(#block-categories-2):not(#block-more-2):not(#block-otherlinks-2):not(#block-help-2) > ul.menu {
    align-items: center;
  }
  /* Push everything after the primary navigation to the right edge */
  header .region-header .navigation:not(#block-categories-2):not(#block-more-2):not(#block-otherlinks-2):not(#block-help-2) {
    margin-left: auto !important;
  }
  header .region-header .navigation:not(#block-categories-2):not(#block-more-2):not(#block-otherlinks-2):not(#block-help-2) > ul.menu > li {
    align-items: center;
    height: auto;
  }

  /* Place search to the left of the wishlist button, in normal flow */
  header .region-header #block-searchheader {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    margin-right: 20px !important; /* spacing before wishlist */
    /* order removed for desktop; follow DOM order so search sits before wishlist */
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    z-index: 2; /* avoid being behind anything */
    width: 19px !important;
    height: 19px !important;
    position: relative !important; /* contain pseudo element */
  }

  /* Ensure the pseudo-element scales to the intended 19x19 */
  header .region-header #block-searchheader:before {
    content: "";
    position: absolute !important;
    left: 0; right: 0; top: 0; bottom: 0;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  header .region-header #block-wishlistlinkheader {
    order: 999 !important;
    display: inline-flex;
    align-items: center;
    /* no auto margin here; nav pushes right side, order keeps wishlist last */
  }
}

/* Mobile alignment fixes: ensure wishlist heart remains vertically centered */
@media screen and (max-width: 1024px) {
  /* Remove large spacing on mobile */
  .wishlist-header { margin-bottom: 0 !important; }
  header .region-header #block-wishlistlinkheader {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: block;
  }
  header .region-header .wishlist-header,
  header .region-header .wishlist-header-link {
    display: block;
    line-height: 1;
  }
}

/* cache marker removed */

/* ============================================================================
 * Wishlist Drawer Styling
 * ============================================================================
 * Styles for the wishlist drawer/popup that appears when clicking the heart icon.
 * These styles override theme defaults to ensure proper display in the AJAX-loaded drawer.
 * All selectors use .wishlist--popup-wrapper prefix for proper specificity.
 * ============================================================================ */

/* Empty wishlist drawer styling - use theme dark blue instead of green */
.wishlist--popup-wrapper .popup-text {
  color: var(--dark, #142631) !important;
  font-family: "poynter-os-text-two-bold", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
  margin-bottom: 1rem !important;
  background: none !important;
  border: none !important;
  padding: 0 !important; /* Override theme padding */
}

.wishlist--popup-wrapper .popup-subtext {
  color: #6c757d !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  margin-bottom: 1.5rem !important;
  padding: 0 !important; /* Override theme padding */
}

.wishlist--popup-wrapper .step-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: var(--dark, #142631) !important;
  color: white !important;
  border-radius: 50% !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  margin-right: 12px !important;
  flex-shrink: 0 !important;
  border: none !important;
}

.wishlist--popup-wrapper .step {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 1rem !important;
}

.wishlist--popup-wrapper .step-text {
  color: #495057 !important;
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
}

.wishlist--popup-wrapper .getting-started {
  margin-top: 1.5rem !important;
}

.wishlist--popup-wrapper .step-instructions {
  margin-bottom: 1.5rem !important;
}

/* Fix overlapping minus symbol on heart */
.wishlist--popup-wrapper .wishlist-item-unlogin-checked-remove:before,
.wishlist--popup-wrapper .wishlist-item-remove:before {
  display: none !important;
}

/* Container padding removed */
.wishlist--popup-wrapper .wish-list-content {
  padding: 0;
}

.wishlist--popup-wrapper .wishlist-items-container {
  margin-bottom: 24px;
}

.wishlist--popup-wrapper .wishlist-item-wrapper {
  margin-bottom: 20px;
}

/* Drawer item styling for rendered nodes - clean, no visual styling */
.wishlist--popup-wrapper .wishlist-drawer-item {
  margin-bottom: 16px;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
}

/* Ensure drawer nodes display compactly with no card styling */
.wishlist--popup-wrapper .wish-list-content .node {
  margin: 12px 0 0 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  padding: 0 !important;
}

.wishlist--popup-wrapper .wish-list-content .view-panel {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wishlist--popup-wrapper .wish-list-content .category-banner {
  margin-bottom: 8px !important;
}

.wishlist--popup-wrapper .wish-list-content .category-wrap {
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.wishlist--popup-wrapper .wish-list-content .category-title h3 {
  margin: 0 0 4px 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.wishlist--popup-wrapper .wish-list-content .category-add {
  font-size: 13px !important;
  color: #6c757d !important;
  margin-bottom: 2px !important;
  line-height: 1.3 !important;
}

/* Fix for events fade-up animation hiding content in drawer */
.wishlist--popup-wrapper .wish-list-content .node--type-events.fade-up {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Button styling */
.wishlist--popup-wrapper .wishlist-actions .btn {
  color: var(--white);
  background: var(--dark);
  border: 1px solid var(--dark);
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 0.9rem;
  min-width: 180px;
  padding: 12px 25px;
  border-radius: 0 !important;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}