/* EHH Priser: tabs and optional premium note; scoped to existing price paper. */
.ehh-price-paper .ehh-price-tabs{display:flex;flex-wrap:nowrap;gap:5px;align-items:stretch;justify-content:center;margin:12px 0 16px}
.ehh-price-paper .ehh-price-tab{appearance:none;font:inherit;font-size:14px;font-weight:700;border:1px solid rgba(49,49,49,.35);border-radius:2px;padding:8px 4px;white-space:normal;overflow-wrap:break-word;min-width:0;flex:1 1 0;line-height:1.25;text-align:center;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.13);color:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.ehh-price-paper .ehh-price-tab:hover,.ehh-price-paper .ehh-price-tab:focus-visible{background:#a45e50;color:#f8e9bd;border-color:#a45e50;transform:translateY(-1px)}
.ehh-price-paper .ehh-price-tab.active,.ehh-price-paper .ehh-price-tab[aria-selected="true"]{background:#a45e50;color:#f8e9bd;border-color:#a45e50}
.ehh-price-paper .ehh-price-tab:focus-visible{outline:2px solid #263446;outline-offset:2px}
.ehh-price-paper .ehh-price-panel[hidden]{display:none!important}
.ehh-price-paper .ehh-price-premium{text-align:center;margin:14px 0 0;font-weight:700;font-size:1em;line-height:1.45}
@media(prefers-reduced-motion:reduce){.ehh-price-paper .ehh-price-tab{transition:none}}

.ehh-price-paper .ehh-price-premium-info{text-align:center;font-size:.85em;line-height:1.4;margin:4px 0 0;font-weight:400}
@media(max-width:420px){.ehh-price-paper .ehh-price-tabs{gap:3px}.ehh-price-paper .ehh-price-tab{font-size:12px;padding:7px 2px;letter-spacing:-.2px}}


/* v0.5.6: legible tabs; break at spaces only, never within words. */
.ehh-price-paper .ehh-price-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin: 12px -6px 17px;
  padding: 5px 0;
  overflow: visible;
}
.ehh-price-paper .ehh-price-tab,
.ehh-price-paper .ehh-price-tab:nth-child(even),
.ehh-price-paper .ehh-price-tab.active,
.ehh-price-paper .ehh-price-tab[aria-selected="true"] {
  min-width: 0;
  width: 100%;
  min-height: 65px;
  padding: 9px 2px;
  background: transparent url("/images/backgrounds/rod-bg2.avif") center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #c5b481 !important;
  font-family: "Flyinggrunge", sans-serif;
  font-size: clamp(12px, 1.05vw, 16px);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  transform: none !important;
  filter: none !important;
  text-shadow: var(--ehh-textshadow, 0 3px 0 rgba(0,0,0,.35));
  transition: transform .2s ease, color .2s ease !important;
}
.ehh-price-paper .ehh-price-tab:hover,
.ehh-price-paper .ehh-price-tab:focus-visible,
.ehh-price-paper .ehh-price-tab.active:hover,
.ehh-price-paper .ehh-price-tab[aria-selected="true"]:hover {
  color: #222933 !important;
  transform: scale(1.08) rotate(2deg) !important;
  z-index: 3;
}
.ehh-price-paper .ehh-price-tab:focus-visible {outline:2px solid #222933;outline-offset:2px}
@media(max-width:420px) {
  .ehh-price-paper .ehh-price-tabs {gap:3px;margin-left:-3px;margin-right:-3px}
  .ehh-price-paper .ehh-price-tab,
  .ehh-price-paper .ehh-price-tab.active,
  .ehh-price-paper .ehh-price-tab[aria-selected="true"] {font-size:11px;min-height:58px;padding:7px 1px}
}
@media(prefers-reduced-motion:reduce){.ehh-price-paper .ehh-price-tab{transition:none!important}}

/* v0.5.7: override room-article.css blanket dark-text !important rule.
   Unselected: sand. Selected or hovered: dark blue. */
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tab,
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tab:not(.active):not([aria-selected="true"]) {
  color: #c5b481 !important;
}
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tab.active,
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tab[aria-selected="true"],
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tab:hover,
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tab:focus-visible {
  color: #222933 !important;
}

/* v0.5.8: hover must win over the high-specificity unselected rule. */
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab:hover,
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab:not(.active):not([aria-selected="true"]):hover,
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab:focus-visible,
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab.active,
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab[aria-selected="true"] {
  color: #222933 !important;
}


/* v0.5.9: compact, wider-spaced tabs; readable type on mobile and desktop. */
.ehh-price-paper .ehh-price-tabs {
  gap: 12px;
  margin: 12px -8px 17px;
  padding: 3px 0;
}
.ehh-price-paper .ehh-price-tab,
.ehh-price-paper .ehh-price-tab.active,
.ehh-price-paper .ehh-price-tab[aria-selected="true"] {
  min-height: 46px;
  padding: 5px 5px;
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.12;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
}
@media (max-width: 420px) {
  .ehh-price-paper .ehh-price-tabs {
    gap: 10px;
    margin-left: -8px;
    margin-right: -8px;
  }
  .ehh-price-paper .ehh-price-tab,
  .ehh-price-paper .ehh-price-tab.active,
  .ehh-price-paper .ehh-price-tab[aria-selected="true"] {
    min-height: 48px;
    padding: 4px 3px;
    font-size: 16px;
    letter-spacing: 0;
  }
}


/* v0.5.11: Restore site-wide brush-button hover behavior. */
.ehh-price-paper .ehh-price-tabs .ehh-price-tab {
  transform: none !important;
  filter: none !important;
  min-height: 46px;
  padding: 5px;
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.12;
  text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
  transition: transform .2s ease, color .2s ease !important;
  position: relative;
  color: #c5b481 !important;
}
/* Selected tab remains dark, without changing its dimensions. */
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab.active,
.item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab[aria-selected="true"] {
  color: #222933 !important;
}
/* Hover on a real pointing device: sand to dark, gentle scale and rotation. */
@media (hover: hover) and (pointer: fine) {
  .item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab:hover,
  .item-page-room-article .ehh-room__prices .ehh-price-paper .ehh-price-tabs .ehh-price-tab:not(.active):not([aria-selected="true"]):hover {
    color: #222933 !important;
    transform: scale(1.07) rotate(2deg) !important;
    z-index: 3;
  }
}
.ehh-price-paper .ehh-price-tabs .ehh-price-tab:focus-visible {
  outline: 2px solid #222933;
  outline-offset: 2px;
}
@media (max-width: 420px) {
  .ehh-price-paper .ehh-price-tabs .ehh-price-tab {min-height: 48px; padding: 4px 3px; font-size: 16px;}
}
@media (prefers-reduced-motion: reduce) {
  .ehh-price-paper .ehh-price-tabs .ehh-price-tab {transition: none !important;}
  @media (hover: hover) and (pointer: fine) {
    .ehh-price-paper .ehh-price-tabs .ehh-price-tab:hover {transform: none !important;}
  }
}
