/* Load Charm from Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap");

/* === ENA custom Comic Z webfont === */
@font-face {
  font-family: "Comic Z";
  src: url("../fonts/comicz.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* ENA brand tokens */
:root {
  /* Approximate ENA colors – we can tweak these later if something looks off */
  --ena-gold-dark: #b6641c;   /* left side of button gradient */
  --ena-gold-light: #f1a743;  /* right side of button gradient */
  --ena-gold: #d98528;        /* general accent */
  --ena-dark: #3b2412;        /* rich dark brown for text, header, footer */
  --ena-parchment: #f4ddba;   /* light parchment tone if needed */

  --ena-heading-font: "Charm", "Comic Sans MS", cursive;
  --ena-body-font: "Comic Z", "Comic Sans MS", "Comic Sans",
                   system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Global text styles — temporarily disabled
body {
  font-family: var(--ena-body-font);
  color: var(--ena-dark);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.elementor-heading-title {
  font-family: var(--ena-heading-font);
  color: var(--ena-dark);
}
*/

/* ===== ENA Global Typography – all devices, all pages ===== */

/* Body text + form controls */
body,
button,
input,
select,
textarea {
  font-family: var(--ena-body-font) !important;
}

/* Paragraphs and common text elements */
p,
li,
span,
.entry-content,
.single-content,
.gform_wrapper,
.wpforms-form {
  font-family: var(--ena-body-font) !important;
}

/* Headings everywhere (Kadence + blocks) */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-heading {
  font-family: var(--ena-heading-font) !important;
}

/* =========================================================
   ENA — Global Site Header ONLY (do NOT style content headers)
   ========================================================= */

header.site-header,
.site-header,
#masthead,
.elementor-location-header {
  background-color: var(--ena-dark) !important;
  color: #fbe7c4;
}


/* Make links in header readable */
header a,
.site-header a,
#masthead a,
.elementor-location-header a {
  color: #fbe7c4;
}

header a:hover,
.site-header a:hover,
#masthead a:hover,
.elementor-location-header a:hover {
  color: var(--ena-gold-light);
}

/* Footer – same dark bar look */
footer,
.site-footer,
.elementor-location-footer {
  background-color: var(--ena-dark) !important;
  color: #fbe7c4;
}
/* Footer – site footer only (do NOT style content footers like .entry-footer) */
footer.site-footer,
.site-footer,
.elementor-location-footer {
  background-color: var(--ena-dark) !important;
  color: #fbe7c4;
}

footer a:hover,
.site-footer a:hover,
.elementor-location-footer a:hover {
  color: var(--ena-gold-light);
}

/* ENA pill gradient buttons */
.ena-btn,
button,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.elementor-button,
.wpforms-submit,
.wp-block-button__link {
  border-radius: 999px !important;
  background-image: linear-gradient(135deg, var(--ena-gold-dark), var(--ena-gold-light));
  background-color: var(--ena-gold); /* fallback */
  color: #ffffff !important;
  border: none;
  padding: 0.75rem 2.5rem;
  font-family: var(--ena-body-font);
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
  transition: transform 0.08s ease, box-shadow 0.08s ease, filter 0.12s ease;
}

/* Hover/active states for buttons */
.ena-btn:hover,
button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.elementor-button:hover,
.wpforms-submit:hover,
.wp-block-button__link:hover {
  transform: translateY(1px);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
  filter: brightness(1.05);
}

.ena-btn:active,
button:active,
.button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
.elementor-button:active,
.wpforms-submit:active,
.wp-block-button__link:active {
  transform: translateY(2px);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}

/* ===== ENA Pill Gradient Buttons (Gutenberg + Custom) ===== */

/* Main pill gradient style */
.wp-block-button__link,
.learning-hall-btn {
  display: inline-block;
  padding: 0.75rem 2.6rem;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  color: #fbe3c0;
  background: linear-gradient(140deg, #c37223, #8b4a16); /* your original gradient */
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
  transition: transform 0.1s ease, box-shadow 0.1s ease, background 0.2s ease;
}

/* Hover state */
.wp-block-button__link:hover,
.learning-hall-btn:hover {
  background: linear-gradient(140deg, #e08a34, #9b551a);
  box-shadow: 0 6px 14px rgba(0,0,0,0.3);
  transform: translateY(-1px);
}

/* Darker tour / special button */
.learning-hall-btn--dark {
  background: linear-gradient(145deg, #4a2a10, #b7742e);
  color: #ffe8c8;
}

.learning-hall-btn--dark:hover {
  background: linear-gradient(145deg, #5b3314, #d48834);
}

/* ENA – make the nav menu bar dark brown, remove tan */
.site-header,
.site-header .main-header-bar,
.site-header .ast-primary-header-bar,
.site-header .main-navigation,
.site-header .main-navigation .primary-menu-container,
#masthead,
#masthead .main-header-bar {
  background-color: var(--ena-dark) !important;
}

/* ENA Header Logo Block – background + text fix */
.site-branding,
.site-branding a,
.site-header-item,
.site-header-section-left,
.site-branding.branding-layout-standard,
.site-branding.brand,
.site-branding .site-title,
.site-branding .site-title a,
.site-branding .site-description {
  background-color: var(--ena-dark) !important;
  color: #fbe7c4 !important; /* light ENA header color */
}

/* Footer text + links – light on dark brown */
footer,
footer p,
footer a,
footer span,
footer .footer-html-inner,
footer .site-info {
  color: #fbe7c4 !important;
}

/* Dropdown menus – dark brown background, light text */
.main-navigation ul ul,
.main-navigation .sub-menu {
  background-color: var(--ena-dark) !important;  /* dark brown */
}

/* Dropdown item text */
.main-navigation ul ul li a,
.main-navigation .sub-menu li a {
  color: #fbe7c4 !important;                     /* same as header text */
}

/* Hover / focus – terracotta/orange highlight */
.main-navigation ul ul li:hover > a,
.main-navigation .sub-menu li:hover > a,
.main-navigation ul ul li:focus-within > a,
.main-navigation .sub-menu li:focus-within > a {
  background-color: var(--ena-gold-dark) !important; /* terracotta */
  color: #ffffff !important;
}

/* HOME PAGE BUTTONS – pill-shaped ONLY (keep existing gradient colors) */
.wp-block-button__link,
.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-buttons .wp-block-button__link,
.wp-block-button .wp-block-button__link,
a.wp-block-button__link {
  border-radius: 999px !important;     /* pill shape */
  padding: 0.7rem 1.6rem !important;   /* tighten the height */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: none !important;
}

/* Home Featured Tours – make "View Tour" buttons pill-shaped */
.home .ena-button .wp-block-button__link {
  border-radius: 999px !important;        /* pill shape */
  padding: 0.6rem 1.6rem !important;      /* similar height to Explore Tours */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: none !important;
}

/* ENA header alignment – keep bar full width, pull content in */
@media (min-width: 1024px) {
  .site-header .site-container,
  .site-header-row-container-inner .site-container {
    max-width: 1000px !important;   /* adjust to match your parchment width */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ENA – reduce top space between header and hero on mobile (home page) */
@media (max-width: 768px) {
  /* Remove extra top padding from main content */
  .home .site-main,
  .home .content-area,
  .home .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Make sure first block on the page hugs the top nicely */
  .home .entry-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* If the first block is a Group or Cover */
  .home .entry-content > .wp-block-group:first-child,
  .home .entry-content > .wp-block-cover:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* ENA – Mobile body + button font = Comic Sans (all pages) */
@media (max-width: 768px) {
  /* General body text */
  body,
  body p,
  body li,
  body span,
  .site-main,
  .entry-content,
  .gform_wrapper,
  .wpforms-form {
    font-family: var(--ena-body-font) !important;
  }

  /* Buttons & CTA text */
  .wp-block-button__link,
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .gform_wrapper .gform_button,
  .wpforms-submit,
  .ena-btn {
    font-family: var(--ena-body-font) !important;
  }
}

/* =======================================================
   ENA – Tours Page (WP Travel Engine archive styling)
   URL: /our-tours/
   ======================================================= */

/* Keep the whole tours block sitting on the parchment */
.page .wp-travel-toolbar.trip-content-area,
.page .wpte-trip-archive-wrap,
.page .wpte-trip-archive-wrap .category-list {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Give breathing room under the page title */
.page .wp-travel-toolbar.trip-content-area {
  margin-top: 2rem;
}

/* ---------- Tour cards: terracotta / dark brown gradient ---------- */

.category-trips-single-inner-wrap {
  background: linear-gradient(145deg, #c37223, #5b3314);
  border-radius: 22px;
  box-shadow: 0 0 0 2px rgba(59, 36, 18, 0.4);
  overflow: hidden;
}

/* Make sure text on the dark card is readable */
.category-trips-single-inner-wrap,
.category-trips-single-inner-wrap h2,
.category-trips-single-inner-wrap h3,
.category-trips-single-inner-wrap h4,
.category-trips-single-inner-wrap p,
.category-trips-single-inner-wrap span,
.category-trips-single-inner-wrap li {
  color: #ffe8c8;
}

/* The little “Availability / Next Departures / price” labels */
.category-trips-single-inner-wrap strong,
.category-trips-single-inner-wrap b {
  color: #fff7dd;
}

/* Remove any extra white inside the card */
.category-trip-detail-wrap {
  background: transparent;
}


/* ---------- “View Details” button – ENA pill style ---------- */

.wpte-button,
.wpte-button:visited {
  display: inline-block;
  padding: 0.75rem 2.5rem;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  font-family: var(--ena-body-font);
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(140deg, var(--ena-gold-light), var(--ena-gold-dark));
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
  transition: transform 0.1s ease, box-shadow 0.1s ease, background 0.15s ease;
}

.wpte-button:hover,
.wpte-button:focus {
  background: linear-gradient(140deg, var(--ena-gold), var(--ena-gold-dark));
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4);
}

/* ---------- Sliders (price / duration) – no more default blue ---------- */

.ui-slider.ui-slider-horizontal .ui-slider-range {
  background: linear-gradient(90deg, var(--ena-gold-light), var(--ena-gold-dark)) !important;
}

.ui-slider.ui-slider-horizontal .ui-slider-handle {
  border-radius: 999px !important;
  border: 2px solid var(--ena-dark) !important;
  background: #fff4e0 !important;
}

/* ---------- Search bar + “Apply Filters” toggle ---------- */

/* Search input at the top */
.wp-travel-toolbar .wpte-trip-search-input input[type="search"] {
  border-radius: 999px;
  border: 2px solid rgba(59, 36, 18, 0.35);
  background-color: rgba(244, 221, 186, 0.8);
  font-family: var(--ena-body-font);
}

/* “Apply Filters” pill (on smaller screens/toolbars) */
.wp-travel-toolbar .wte-filterbar-toggle-btn {
  border-radius: 999px;
  border: none;
  font-family: var(--ena-body-font);
  background: linear-gradient(140deg, var(--ena-gold-light), var(--ena-gold-dark));
  color: #fff;
}

.wp-travel-toolbar .wte-filterbar-toggle-btn:hover {
  filter: brightness(1.06);
}

/* ---------- Sort dropdown + other selects ---------- */

.wp-travel-toolbar select,
.wp-travel-toolbar .wpte-trip-filter select {
  border-radius: 999px;
  border: 2px solid rgba(59, 36, 18, 0.35);
  background-color: rgba(244, 221, 186, 0.95);
  font-family: var(--ena-body-font);
}

/* ---------- Make sure tiny text is still readable & on-brand ---------- */

.trip-archive-inner,
.category-trip-detail-wrap,
.category-trip-detail-wrap p,
.category-trip-detail-wrap li,
.category-trip-detail-wrap span {
  color: var(--ena-dark);
  font-family: var(--ena-body-font);
}

/* ================================
   OUR TOURS – Layout + Hero
   Page: /our-tours/  (page-id-3775)
   ================================ */

/* A. Give the Tours block breathing room under the brown header */
body.page-id-3775 .wp-travel-engine-archive-outer-wrap {
  position: relative;
  margin-top: 4.5rem;            /* adjust up/down if needed */
  padding-top: 1.5rem;
}

/* B. Keep search + toolbar + cards on the parchment column */
body.page-id-3775 main#inner-wrap.wrap.kt-clear {
  padding-left: clamp(16px, 3vw, 40px);
  padding-right: clamp(16px, 3vw, 40px);
}

body.page-id-3775 .advanced-search-wrapper,
body.page-id-3775 .wpte-toolbar-container,
body.page-id-3775 .category-list {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* C. Individual tour cards stay nicely inside & rounded */
body.page-id-3775 .category-trips-single-inner-wrap {
  border-radius: 24px;
  overflow: hidden;
}

/* D. Hide the “Fixed Starting Dates” filter (keep sliders & others) */
body.page-id-3775 .advanced-search-wrapper .advanced-search-field.trip-dates,
body.page-id-3775 .advanced-search-wrapper .advanced-search-field:nth-of-type(3) {
  display: none !important;
}

/* E. Extra side padding on phones so nothing hugs the edges */
@media (max-width: 767px) {
  body.page-id-3775 .advanced-search-wrapper,
  body.page-id-3775 .wpte-toolbar-container,
  body.page-id-3775 .category-list {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}



/* H. Hide the manual heading/paragraph block in the editor
      so you don’t see the hero text twice */
body.page-id-3775 .entry-content .wp-block-heading:first-of-type,
body.page-id-3775 .entry-content .wp-block-heading:first-of-type + p,
body.page-id-3775 .entry-content .wp-block-heading:first-of-type + .wp-block-paragraph {
  display: none !important;
}

/* =========================================
   OUR TOURS – final hero + layout override
   (page-id-3775)
   ========================================= */

/* Hide editor heading/paragraph so we never see duplicates */
body.page-id-3775 .entry-content .wp-block-heading:first-of-type,
body.page-id-3775 .entry-content .wp-block-heading:first-of-type + p,
body.page-id-3775 .entry-content .wp-block-heading:first-of-type + .wp-block-paragraph {
  display: none !important;
}

/* Main page spacing */
body.page-id-3775 .wp-travel-engine-archive-outer-wrap {
  position: relative;
  margin-top: 6rem !important;
  padding-top: 24rem !important;
  padding-left: clamp(16px, 3vw, 40px) !important;
  padding-right: clamp(16px, 3vw, 40px) !important;
  box-sizing: border-box !important;
}

/* Hero title */
body.page-id-3775 .wp-travel-engine-archive-outer-wrap::before {
  content: "Find the Right Egypt Journey\A for You";
  white-space: pre-line !important;
  position: absolute;
  top: 2.3rem !important;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  font-family: "Charm", var(--ena-heading-font), cursive;
  font-size: clamp(4rem, 6vw, 6rem);
  font-weight: 700;
  line-height: 1.05;
  color: #2f2118;
}

/* Hero subtitle */
body.page-id-3775 .wp-travel-engine-archive-outer-wrap::after {
  content: "Explore thoughtfully designed journeys across Egypt—from Cairo and the pyramids to the Nile, Luxor, and Aswan—each shaped for clarity, pacing, and a deeper sense of place.";
  position: absolute;
  top: 16rem !important;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: calc(100% - 2rem);
  max-width: 52rem;
  text-align: center;
  font-family: "Comic Sans MS", var(--ena-body-font), system-ui, sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.1rem);
  line-height: 1.6;
  color: #2f2118;
}

/* Keep the whole Tours area on the parchment column */
body.page-id-3775 main#inner-wrap.wrap.kt-clear {
  padding-left: clamp(16px, 3vw, 40px) !important;
  padding-right: clamp(16px, 3vw, 40px) !important;
}

/* Center + constrain filters and cards */
body.page-id-3775 .advanced-search-wrapper,
body.page-id-3775 .wpte-toolbar-container,
body.page-id-3775 .category-list {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Individual trip cards */
body.page-id-3775 .category-trips-single-inner-wrap {
  width: 100% !important;
  max-width: 700px !important;
  margin: 0 auto 2.5rem !important;
  box-sizing: border-box !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* Search bar */
.page-id-3775 .wp-travel-toolbar .wpte-trip-search-input input[type="search"],
.page-id-3775 .wpte-trip-search input[type="search"],
.page-id-3775 input[type="search"].wpte-trip-search-input {
  background: linear-gradient(135deg, #f2dbc0, #e8c79a) !important;
  border: 2px solid rgba(47,33,24,.25) !important;
  border-radius: 20px !important;
  color: #2f2118 !important;
  font-family: var(--ena-body-font);
  font-size: 1rem !important;
}

/* Sort dropdown main button */
.page-id-3775 .wp-travel-toolbar .orderby,
.page-id-3775 .wpte-trip-ordering select {
  background: linear-gradient(135deg, #c76533, #7f3a1f) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-family: var(--ena-body-font);
}

/* Sort dropdown menu */
.page-id-3775 .wpte-trip-ordering ul,
.page-id-3775 .wpte-trip-ordering .dropdown-menu {
  background: linear-gradient(135deg, #f4e6cb, #e3c99d) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(47,33,24,.25) !important;
}

/* Sort menu items */
.page-id-3775 .wpte-trip-ordering ul li,
.page-id-3775 .wpte-trip-ordering .dropdown-menu li {
  color: #2f2118 !important;
  font-family: var(--ena-body-font);
}

/* Keep filters & cards inside parchment */
.page-id-3775 .advanced-search-wrapper,
.page-id-3775 .wp-travel-engine-archive-repeater-wrap,
.page-id-3775 .wp-travel-wrapper {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  body.page-id-3775 .wp-travel-engine-archive-outer-wrap {
    padding-top: 22rem !important;
  }

  body.page-id-3775 .wp-travel-engine-archive-outer-wrap::before {
    font-size: clamp(3rem, 14vw, 4.5rem);
    top: 2rem !important;
  }

  body.page-id-3775 .wp-travel-engine-archive-outer-wrap::after {
    top: 13.5rem !important;
    font-size: 1rem;
  }

  .page-id-3775 .advanced-search-wrapper,
  .page-id-3775 .wp-travel-engine-archive-repeater-wrap,
  .page-id-3775 .wp-travel-toolbar {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .page-id-3775 input[type="search"].wpte-trip-search-input {
    width: 100% !important;
    display: block !important;
    margin: 0 auto 1rem !important;
  }
}

/* =========================================
   OUR TOURS – layout polish (desktop + mobile)
   ========================================= */

/* 1. Desktop – nudge the left filter/slider in from the parchment edge */
@media (min-width: 1024px) {
  body.page-id-3775 .advanced-search-wrapper {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    box-sizing: border-box !important;
  }
}

/* =========================================
   OUR TOURS – MOBILE CLEANUP
   (title, subtitle, filters, card width)
   ========================================= */

@media (max-width: 767px) {

  /* A. Hero title – keep it on screen, no bleeding */
  body.page-id-3775 .wp-travel-engine-archive-outer-wrap::before {
    font-size: 2.1rem !important;           /* smaller for phones */
    max-width: 90vw !important;             /* never wider than the viewport */
    left: 50% !important;
    transform: translateX(-50%) !important; /* truly centered */
    padding: 0 1rem !important;
    box-sizing: border-box !important;
  }
}

 /* ============================
   OUR TOURS – mobile spacing fix
   Subtitle should clear filters
   ============================ */
@media (max-width: 767px) {

  /* 2. Make sure the WP Travel block also starts a bit lower */
  body.page-id-3775 .wp-travel-engine-archive-outer-wrap {
    padding-top: 37rem !important;
  }

/* Remove the awful white box behind the search + sort + filters */
body.page-id-3775 .wpte-toolbar-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Extra safety: remove white background from advanced search wrapper */
body.page-id-3775 .advanced-search-wrapper {
    background: transparent !important;
}

/* Search pill gradient + styling */
body.page-id-3775 input[type="search"].wpte-trip-search-input {
    background: linear-gradient(135deg, #f2d2b0, #e8a769) !important;
    border: 2px solid #a57c52 !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15) !important;
    color: #4b2e1a !important;
    font-weight: 600 !important;
}

/* SORT DROPDOWN – ENA gradient + styling */
body.page-id-3775 .wp-travel-toolbar .wpte-trip__adv-field .wpte_input,
body.page-id-3775 .wp-travel-engine-toolbar .wpte-trip__adv-field .wpte_input {
  background: linear-gradient(135deg, #f2d0b0, #e8c79a) !important;
  border-radius: 12px !important;
  border: 2px solid rgba(47, 33, 24, 0.3) !important;
  padding: 12px 18px !important;
  display: block !important;
  color: #2f2118 !important;
  font-family: var(--ena-body-font, "Comic Sans MS"), system-ui, sans-serif !important;
  font-size: 1rem !important;
}

/* Make the little caret/arrow on-brand too (optional but nice) */
body.page-id-3775 .wp-travel-toolbar .wpte-trip__adv-field .wpte_input::after,
body.page-id-3775 .wp-travel-engine-toolbar .wpte-trip__adv-field .wpte_input::after {
  color: #2f2118 !important;
}

/* Apply Filters button – ENA gradient */
body.page-id-3775 button#wte-filterbar-toggle-btn,
body.page-id-3775 .wte-filterbar-toggle-btn {
    background: linear-gradient(135deg, #e08c28, #9b4f14) !important;
    border: 2px solid #6d3a16 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}
}

/* FORCE CTA Pill Button on all screens — page 4752 */
body.page-id-4752 .entry-content p.has-text-align-center a[href*="/our-tours"] {
  display: inline-block !important;
  padding: 0.65rem 2.8rem !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f4b263, #b86824) !important;
  color: #fffaf0 !important;
  font-family: "Charm", cursive !important;
  font-size: 1.05rem !important;
  text-decoration: none !important;
  border: 2px solid rgba(80, 36, 10, 0.45) !important;
  box-shadow: 0 0.35rem 0.7rem rgba(0, 0, 0, 0.35) !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* Keep the CTA title from bleeding off edges */
body.page-id-4752 .entry-content h2.has-text-align-center {
  max-width: 60rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 1.5rem !important;
}

/* Page 4752 – tighten the comparison table on desktop only */
@media (min-width: 1025px) {
  /* Limit table width and center it */
  body.page-id-4752 .wp-block-table {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Make sure the table itself respects the container */
  body.page-id-4752 .wp-block-table table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  /* Let text wrap nicely inside cells and add sane padding */
  body.page-id-4752 .wp-block-table td,
  body.page-id-4752 .wp-block-table th {
    padding: 0.4rem 0.85rem !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
}

/* =========================================================
   ENA – SINGLE TOUR (WP Travel Engine) OVERRIDES (GLOBAL)
   Applies to ALL single tour pages
   ========================================================= */
/* ENA — HARD KILL: duration badge on SINGLE tour pages */
body.single-trip header.entry-header .wte-title-duration,
body.single-trip header.entry-header .wte-title-duration .duration,
body.single-trip header.entry-header .wte-title-duration .days {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -99999px !important;
}

/* If the badge affects layout spacing, remove any gap around the title line */
body.single-trip header.entry-header h1.entry-title {
  display: block !important;
}

/* ENA — Remove "10 Days" badge on SINGLE tour pages (ALL screen sizes) */
body.single-trip header.entry-header .wte-title-duration,
body.single-trip header.entry-header .wte-title-duration .duration,
body.single-trip header.entry-header .wte-title-duration .days {
  display: none !important;
}
@media (min-width: 768px) {
  body.single-trip header.entry-header .wte-title-duration,
  body.single-trip header.entry-header .wte-title-duration .duration,
  body.single-trip header.entry-header .wte-title-duration .days {
    display: none !important;
  }
}

/* ENA — Hide WordPress "Edit" links on the front-end */
.post-edit-link,
.edit-link,
.entry-footer .edit-link {
  display: none !important;
}
/* ENA — never style post/tour entry footers */
footer.entry-footer {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
}

/* SINGLE TOUR – keep box sizing, but DO NOT force all elements to max-width:100% */
body.single-trip .entry-content *,
body.single-trip .trip-content *,
body.single-trip .trip-content-area *,
body.single-trip .wpte-trip-content *{
  box-sizing: border-box !important;
}

/* SINGLE TOUR – only media should be constrained */
body.single-trip .entry-content img,
body.single-trip .entry-content video,
body.single-trip .entry-content iframe,
body.single-trip .entry-content embed,
body.single-trip .entry-content object,
body.single-trip .entry-content table,
body.single-trip .entry-content .wp-block-image {
  max-width: 100% !important;
  height: auto !important;
}
/* SINGLE TOUR – constrain page content so it stays inside the parchment */
body.single-trip #primary,
body.single-trip .content-area,
body.single-trip .site-main {
  max-width: 1100px;                 /* make this 900/1000 if you want wider */
  margin-left: auto;
  margin-right: auto;

  /* THIS is the “tight on the right” part — reduce these */
  padding-left: 85px;
  padding-right: -41px;

  box-sizing: border-box;
}
/* SINGLE TOUR (mobile) — fix awkward title wrapping + reduce left padding */
@media (max-width: 767px) {

  /* 1) Remove the extra left/right padding that’s squeezing the title */
  body.single-trip .entry-header,
  body.single-trip header.entry-header,
  body.single-trip .trip-post header.entry-header,
  body.single-trip #primary,
  body.single-trip .content-area,
  body.single-trip .site-main {
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* 2) Stop “Monument s” type breaks — force normal word wrapping */
  body.single-trip .entry-header .entry-title,
  body.single-trip h1.entry-title {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    white-space: normal !important;
    word-break: normal !important;         /* IMPORTANT */
    overflow-wrap: normal !important;      /* IMPORTANT */
    hyphens: auto !important;

    line-height: 1.12 !important;
    font-size: clamp(44px, 11vw, 72px) !important;
  }
}

/* ================================
   ENA COLOR OVERRIDES (kill WP blue)
   ================================ */
:root{
  --ena-dark: #3B2412;
  --ena-parchment: #F4DDBA;

  --ena-terracotta: #905018;
  --ena-orange: #C87828;
  --ena-gold: #FBE7C4;
}

/* WP Travel Engine / WPTE uses these variables in lots of places */
:root{
  --wpte-primary-color: var(--ena-terracotta);
  --primary-color: var(--ena-terracotta); /* some themes/plugins use this */
}

/* Links (site-wide) */
a{
  color: var(--ena-terracotta);
}
a:hover,
a:focus{
  color: var(--ena-orange);
}

/* Tabs/active states (that “Overview” blue) */
.nav-tab-wrapper .tab-anchor-wrapper .nav-tab,
.nav-tab-wrapper .tab-anchor-wrapper .nav-tab.nav-tab-active,
.nav-tab-wrapper .tab-anchor-wrapper .nav-tab:hover{
  color: var(--ena-terracotta) !important;
  border-bottom-color: var(--ena-terracotta) !important;
}

/* “Write a Review”, reply links, misc WPTE buttons/controls */
.wte-btn,
.wpte-bf-btn,
.wpte-bf-btn button,
.wte-btn-response-review,
.comment-reply-link,
.review-wrap a{
  color: var(--ena-terracotta) !important;
  border-color: var(--ena-terracotta) !important;
}

/* Keep button fills ENA (no bright blue) */
.wte-btn:hover,
.wpte-bf-btn:hover,
.wpte-bf-btn button:hover,
.wte-btn-response-review:hover{
  background: var(--ena-terracotta) !important;
  color: var(--ena-gold) !important;
}

/* =========================================================
   ENA Brand Helpers (fallbacks if vars missing)
========================================================= */
:root{
  --ena-dark: var(--ena-dark, #3b2412);
  --ena-terracotta: var(--ena-terracotta, #91541c);     /* pulled from your screenshots */
  --ena-rustic-orange: var(--ena-rustic-orange, #c08744);
  --ena-parchment: var(--ena-parchment, #f4ddba);
  --ena-sand: var(--ena-sand, #e7c79a);
}

/* =========================================================
   1) Tabs: readable BEFORE hover (keep hover accent)
========================================================= */
.single-trip .nav-tab-wrapper .nav-tab{
  color: var(--ena-dark) !important;        /* readable on parchment */
  opacity: .92;
  text-decoration: none !important;
}

.single-trip .nav-tab-wrapper .nav-tab:hover,
.single-trip .nav-tab-wrapper .nav-tab:focus{
  color: var(--ena-terracotta) !important;
  border-bottom-color: var(--ena-terracotta) !important;
}

.single-trip .nav-tab-wrapper .nav-tab.nav-tab-active{
  color: var(--ena-terracotta) !important;
  border-bottom-color: var(--ena-terracotta) !important;
  font-weight: 700;
}

/* =========================================================
   2) Kill the off-brand WHITE card: use ENA gradient
   (booking widget + little “From $” box)
========================================================= */
.single-trip .wpte-booking-area,
.single-trip .wpte-booking-area .wpte-booking-inner-wrapper,
.single-trip .wpte-bf-price-wrap,
.single-trip .wpte-booking-area-wrapper{
  background: linear-gradient(
    135deg,
    rgba(240, 191, 126, .70),
    rgba(145, 84, 28, .20),
    rgba(192, 135, 68, .40)
  ) !important;
  border: 1px solid rgba(145, 84, 28, .35) !important;
  box-shadow: 0 10px 28px rgba(59, 36, 18, .18) !important;
}

/* Keep text readable on that gradient */
.single-trip .wpte-booking-area,
.single-trip .wpte-booking-area *{
  color: var(--ena-dark);
}

/* Buttons: ENA terracotta/orange, not blue */
.single-trip .wpte-booking-area .wpte-bf-btn,
.single-trip a.wte-btn,
.single-trip .review-wrap a.wte-btn{
  background: linear-gradient(135deg, var(--ena-terracotta), var(--ena-rustic-orange)) !important;
  border: 0 !important;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 700;
}

/* =========================================================
   3) Highlights: make the checkmarks bolder + more “pop”
========================================================= */
.single-trip .wpte-trip-highlights li{
  padding-left: 36px !important;
}

.single-trip .wpte-trip-highlights li::before{
  color: var(--ena-terracotta) !important;
  font-weight: 900 !important;
  font-size: 20px !important;
}

/* If the icon is an SVG instead of ::before, this helps too */
.single-trip .wpte-trip-highlights svg,
.single-trip .wpte-trip-highlights i{
  color: var(--ena-terracotta) !important;
  fill: var(--ena-terracotta) !important;
  font-weight: 900 !important;
}

:root{
  --ena-ink: #2f1c12;        /* readable “cocoa” */
  --ena-sand: #f4d8ba;       /* parchment light */
  --ena-sand-2:#e7c29b;      /* parchment mid */
  --ena-terracotta:#c9682a;  /* main accent */
  --ena-rust:#9e4f20;        /* deep accent */
  --ena-gold:#d9a24a;        /* warm highlight */
}
/* --- TAB BAR: consistent + stack Included/Excluded --- */
.nav-tab-wrapper{
  display: grid !important;
  grid-template-columns: max-content max-content max-content max-content;
  grid-auto-rows: auto;
  column-gap: 28px;
  row-gap: 6px;
  align-items: end;
}

/* consistent tab look */
.nav-tab-wrapper .nav-tab{
  color: #2f1c12 !important;                 /* ENA ink */
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: .2px;
  padding: 6px 0 !important;
  border: 0 !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* hover + active */
.nav-tab-wrapper .nav-tab:hover{
  color: #c9682a !important;                 /* terracotta */
}
.nav-tab-wrapper .nav-tab.nav-tab-active{
  color: #c9682a !important;
  position: relative;
}
.nav-tab-wrapper .nav-tab.nav-tab-active:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-8px;
  height:3px;
  background:#c9682a;                        /* terracotta underline */
  border-radius: 3px;
}

/************************************************************
 ENA — Trip page ONLY (scoped)
*************************************************************/
body.single-trip{
  /* ENA palette (rust + terracotta, not “all brown”) */
  --ena-dark: #3b2412;         /* header/footer brown (existing) */
  --ena-parchment: #f4ddba;    /* parchment */
  --ena-ink: #2a1a10;          /* readable “ink” */
  --ena-terracotta: #c85a3a;   /* warm terracotta */
  --ena-rust: #b44a1f;         /* deeper rust */
  --ena-amber: #d58b3a;        /* inviting accent */
  --ena-cream: #fff2da;        /* light warm highlight */
}

/* ---------------------------------------------------------
 1) Tabs: readable all the time + consistent styling
    (you should NOT need to hover to see them)
----------------------------------------------------------*/
body.single-trip .nav-tab-wrapper .nav-tab,
body.single-trip .nav-tab-wrapper .nav-tab a{
  color: var(--ena-ink) !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

body.single-trip .nav-tab-wrapper .nav-tab{
  border-bottom: 3px solid rgba(0,0,0,0) !important;
  padding: 8px 14px !important;
}

body.single-trip .nav-tab-wrapper .nav-tab:hover,
body.single-trip .nav-tab-wrapper .nav-tab:hover a{
  color: var(--ena-terracotta) !important;
}

body.single-trip .nav-tab-wrapper .nav-tab.nav-tab-active,
body.single-trip .nav-tab-wrapper .nav-tab.nav-tab-active a{
  color: var(--ena-terracotta) !important;
  font-weight: 700 !important;
}

body.single-trip .nav-tab-wrapper .nav-tab.nav-tab-active{
  border-bottom-color: var(--ena-terracotta) !important; /* “red line” */
}

/* ---------------------------------------------------------
 3) Highlights checkmarks: BOLDER + visible
----------------------------------------------------------*/
body.single-trip .wpte-trip-highlights li{
  padding-left: 34px !important;
}

body.single-trip .wpte-trip-highlights li:before{
  /* WPTE often uses :before for the icon */
  color: var(--ena-terracotta) !important;
  font-weight: 900 !important;
  filter: drop-shadow(0 1px 0 rgba(59,36,18,.25));
  transform: scale(1.15);
}

/* If your checks are SVG / icon font inside li, this helps too */
body.single-trip .wpte-trip-highlights li i,
body.single-trip .wpte-trip-highlights li svg{
  color: var(--ena-terracotta) !important;
  fill: var(--ena-terracotta) !important;
}

/* ---------------------------------------------------------
 4) Booking widget: NOT flat brown — warm ENA gradient + “click me”
----------------------------------------------------------*/
body.single-trip .wpte-booking-area,
body.single-trip .wpte-booking-area-wrapper{
  background: linear-gradient(135deg,
    rgba(213,139,58,.35),
    rgba(200,90,58,.22),
    rgba(244,221,186,.20)
  ) !important;
  border: 1px solid rgba(59,36,18,.18) !important;
  box-shadow: 0 10px 25px rgba(59,36,18,.18) !important;
  border-radius: 12px !important;
}

body.single-trip .wpte-booking-area .wpte-bf-btn,
body.single-trip .wpte-booking-area .wpte-bf-btn-wrap .wpte-bf-btn{
  background: linear-gradient(135deg, var(--ena-terracotta), var(--ena-amber)) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 18px rgba(180,74,31,.25) !important;
}

body.single-trip .wpte-booking-area .wpte-bf-btn:hover{
  filter: brightness(1.05) saturate(1.05);
  transform: translateY(-1px);
}

/* ---------------------------------------------------------
 5) Gallery “too wide”: keep it on parchment like everything else
----------------------------------------------------------*/
body.single-trip .wpte-gallery-wrapper,
body.single-trip .wpte-trip-gallery,
body.single-trip .single-trip-main-carousel{
  max-width: 1100px !important;  /* adjust if you want */
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-trip .wpte-gallery-wrapper{
  padding: 18px !important;
  background: rgba(244,221,186,.35) !important;
  border: 1px solid rgba(59,36,18,.12) !important;
  border-radius: 14px !important;
}

/* ---------------------------------------------------------
 6) IMPORTANT: protect header/footer + footer socials (undo the “breaks”)
----------------------------------------------------------*/
/* Don’t let trip-page CSS mess with theme header/footer */
body.single-trip .site-header,
body.single-trip .site-footer{
  all: unset;
}

/* Restore header/footer look explicitly (matches your screenshot) */
body.single-trip .site-branding,
body.single-trip .site-header-section,
body.single-trip .site-header-row,
body.single-trip .site-footer,
body.single-trip .site-footer-section{
  background-color: var(--ena-dark) !important;
}

/* Footer socials must stay horizontal */
body.single-trip .footer-social ul,
body.single-trip .footer-social .social-icons,
body.single-trip .site-footer .social-icons{
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: center !important;
}

body.single-trip .footer-social li{
  margin: 0 !important;
}

/******************************************************
ENA — Trip gallery alignment (pull onto parchment)
******************************************************/
body.single-trip .wpte-gallery-wrapper,
body.single-trip .wpte-trip-gallery,
body.single-trip .single-trip-main-carousel,
body.single-trip .splide.single-trip-main-carousel,
body.single-trip .wpte-gallery{
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Make the gallery block take the parchment width and not “hug” the right side */
body.single-trip .wpte-gallery-wrapper{
  width: 100% !important;
  max-width: 1100px !important;   /* adjust if you want wider/narrower */
  display: block !important;
}

/* If the parent layout is flex/grid and pushing it right, neutralize that */
body.single-trip .wpte-gallery-wrapper-parent,
body.single-trip .wpte-trip-gallery-wrapper,
body.single-trip .wpte-gallery-section,
body.single-trip .wpte-trip-content,
body.single-trip .trip-content{
  justify-content: center !important;
}

/* Ensure the carousel itself stretches nicely inside the parchment width */
body.single-trip .single-trip-main-carousel,
body.single-trip .splide.single-trip-main-carousel{
  width: 100% !important;
  max-width: 1100px !important;
}

/******************************************************
ENA — FORCE darker highlight checkmarks (real fix)
******************************************************/
body.single-trip .wpte-trip-highlights li::before {
  background-color: #9c3f1d !important; /* deep terracotta */
  opacity: 1 !important;
  filter: none !important;
}

/* If icon uses mask (very common in WPTE) */
body.single-trip .wpte-trip-highlights li::before {
  -webkit-mask-image: inherit;
  mask-image: inherit;
}
body.single-trip .wpte-trip-highlights li::before {
  transform: scale(1.15);
}
body.single-trip .wpte-trip-highlights li::before {
  box-shadow: 0 0 0 1px rgba(60,25,10,0.25) inset;
}
/******************************************************
ENA — Highlight stamps (intentional square markers)
******************************************************/
body.single-trip .wpte-trip-highlights li::before {
  background-color: #8f3a1c !important; /* deep terracotta */
  width: 14px;
  height: 14px;
  border-radius: 2px; /* subtle handmade edge */
  box-shadow:
    0 0 0 1px rgba(60,25,10,0.35),
    inset 0 0 0 1px rgba(255,220,180,0.15);
}
/******************************************************
ENA — Align highlight stamp with text baseline
******************************************************/
body.single-trip .wpte-trip-highlights li {
  position: relative;
}

body.single-trip .wpte-trip-highlights li::before {
  top: 0.35em; /* pulls the square down */
}

/* ENA — Pull booking widget LEFT onto parchment (WP Travel Engine) */
body.single-trip .wpte-booking-area-wrapper,
body.single-trip .widget.wpte-booking-area-wrapper,
body.single-trip .wpte-booking-area {
  position: relative !important;
  left: -60px !important;   /* try -32px, -40px, -48px */
}

/* STACK the label text inside the 3rd tab (replace Cost / Included label) */
body.single-trip .nav-tab-wrapper .tab-anchor-wrapper:nth-child(3) .nav-tab{
  font-size: 0 !important;             /* hide original text */
  line-height: 0 !important;
}

/* Inject stacked label */
body.single-trip .nav-tab-wrapper .tab-anchor-wrapper:nth-child(3) .nav-tab::before{
  content: "Included/\A Excluded" !important;
  white-space: pre !important;          /* makes \A a line break */
  display: inline-block !important;
  font-size: 16px !important;           /* adjust if needed */
  line-height: 1.05 !important;
  text-align: center !important;
}

/* === GLOBAL: restore ENA header background everywhere === */
.site-header,
.site-header-row,
.site-header-section,
.site-branding,
.site-header-main-section-left,
.site-header-main-section-right {
  background: #2a1a12 !important;
}

/* Ensure header text/icons stay readable */
.site-header,
.site-header * {
  color: var(--ena-sand, #fbe7c4) !important;
}
/* HEADER FULL-WIDTH BACKGROUND */
#masthead,
.site-header{
  width: 100% !important;
  max-width: none !important;
  background: #2a1a12  !important; /* or your color */
}



/* === GLOBAL: restore ENA footer background everywhere === */
.site-footer,
.site-footer-wrap,
.site-footer-section,
.site-footer-row,
.site-footer-section-inner,
.site-footer-middle-section-1,
.site-footer-middle-section-2,
.site-footer-middle-section-3 {
  background: #2a1a12 !important;
}

/* Footer text/icons */
.site-footer,
.site-footer * {
  color: var(--ena-sand, #fbe7c4) !important;
}

/* ================================
   ENA Header Dropdown Styling
   ================================ */

/* Dropdown background */
.header-navigation .header-menu-container ul ul {
  background-color: #3b2a1a; /* dark brown */
  border: 1px solid rgba(255, 214, 140, 0.2);
}

/* Dropdown links (default state) */
.header-navigation .header-menu-container ul ul li.menu-item > a {
  color: #f5e6c8 !important; /* parchment */
  background-color: transparent;
  font-family: inherit;
  letter-spacing: 0.5px;
}

/* Hover + focus state */
.header-navigation .header-menu-container ul ul li.menu-item > a:hover,
.header-navigation .header-menu-container ul ul li.menu-item > a:focus {
  background-color: #c46a2d; /* rustic orange */
  color: #1f1208 !important; /* deep ink brown */
}

/* Active/current page */
.header-navigation .header-menu-container ul ul li.current-menu-item > a {
  background-color: #8b4a1d; /* darker orange */
  color: #fff;
}

/* ================================
   ENA – Mobile Price Widget Fix
   ================================ */

@media (max-width: 768px) {

  body.single-trip .wpte-booking-area.wpte-compact-layout {
    padding-left: 52px !important;
    padding-right: -52px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.single-trip .wpte-booking-area.wpte-compact-layout .wpte-booking-inner-wrapper {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.single-trip .wpte-booking-area.wpte-compact-layout .wpte-bf-price-wrap {
    margin: 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
  }

  body.single-trip .wpte-booking-area.wpte-compact-layout .wpte-bf-price-wrap * {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================
   ENA: LOCK ALL SCROLL PAGES TO PARCHMENT
   Applies to: /scrolls/... (single Scroll CPT)
   ========================================= */

/* 1) Force the scroll content container to center and stay within parchment */
body.single-scroll .entry-content-wrap,
body.single-scroll .entry-content.single-content {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* 2) Remove any theme “left-pull” transforms/positioning */
body.single-scroll .entry-content-wrap,
body.single-scroll .entry-content.single-content,
body.single-scroll .entry-content-wrap * {
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

/* 3) Keep headings/paragraphs from bleeding outside */
body.single-scroll .entry-content.single-content h1,
body.single-scroll .entry-content.single-content h2,
body.single-scroll .entry-content.single-content h3,
body.single-scroll .entry-content.single-content p,
body.single-scroll .entry-content.single-content ul,
body.single-scroll .entry-content.single-content ol,
body.single-scroll .entry-content.single-content blockquote {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 4) Remove awkward top spacing above the first heading */
body.single-scroll .entry-content.single-content > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.single-scroll h1.wp-block-heading {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 6) Prev/Next nav styling (if you auto-inject or shortcode it) */
body.single-scroll .ena-scroll-nav {
  margin-top: 70px;
  padding-top: 34px;
  border-top: 1px solid rgba(0,0,0,0.15);
}
body.single-scroll .ena-scroll-nav a {
  text-decoration: none;
  font-style: italic;
  color: #4b2a16;
}

/* 7) Mobile */
@media (max-width: 768px) {
  body.single-scroll .entry-content-wrap,
  body.single-scroll .entry-content.single-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* ===== Balance title vs story text on ALL scroll pages ===== */

/* Reduce the huge scroll title */
body.single-scroll .entry-content.single-content h2.wp-block-heading,
body.single-scroll .entry-content.single-content h2 {
  font-size: clamp(2.2rem, 4.2vw, 3.4rem) !important;
  line-height: 1.05 !important;
  margin-bottom: 18px !important;
}

/* Reduce the subtitle / year line if it's an H3 */
body.single-scroll .entry-content.single-content h3.wp-block-heading,
body.single-scroll .entry-content.single-content h3 {
  font-size: clamp(1.1rem, 2.0vw, 1.5rem) !important;
  line-height: 1.3 !important;
  margin-top: 8px !important;
  margin-bottom: 18px !important;
}
/* ===== Make story column wider (ALL scroll pages) ===== */
body.single-scroll .entry-content-wrap,
body.single-scroll .entry-content.single-content {
  max-width: 1080px !important;
  padding-left: 56px !important;
  padding-right: 56px !important;
}
/* ===== Story text readability ===== */
body.single-scroll .entry-content.single-content p {
  font-size: 1.12rem !important;
  line-height: 1.85 !important;
}
/* ===== Scroll images: scale down + cap size (no cropping) ===== */
body.single-scroll .entry-content.single-content figure.wp-block-image {
  margin: 28px auto !important;
  max-width: 100% !important;
}

body.single-scroll .entry-content.single-content figure.wp-block-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;        /* ensures no cropping */
  max-width: 760px !important;    /* keeps it from feeling massive */
  max-height: 520px !important;   /* caps tall images */
  object-fit: contain !important; /* extra safety: never crop */
  margin: 0 auto !important;
  border-radius: 10px;
}
@media (max-width: 768px) {
  body.single-scroll .entry-content.single-content figure.wp-block-image img {
    max-width: 100% !important;
    max-height: 360px !important;
  }
}
/* ===== Scroll mobile padding: tighter + more natural ===== */
@media (max-width: 768px) {
  body.single-scroll .entry-content-wrap,
  body.single-scroll .entry-content.single-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.single-scroll .entry-content.single-content {
    padding-top: 22px !important;
    padding-bottom: 26px !important;
  }
}
/* ===== Scroll title: better wrapping on mobile ===== */
body.single-scroll .entry-content.single-content h1.wp-block-heading,
body.single-scroll .entry-content.single-content h1 {
  text-wrap: balance;                /* modern browsers: nicer line breaks */
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  body.single-scroll .entry-content.single-content h1.wp-block-heading,
  body.single-scroll .entry-content.single-content h1 {
    font-size: clamp(1.9rem, 8vw, 3.6rem) !important;
    line-height: 1.08 !important;
  }
}
/* =========================================
   MOBILE: Make Scroll H1 bigger (force override)
   ========================================= */
@media (max-width: 768px) {

  /* Gutenberg centered H1 */
  body.single-scroll .entry-content.single-content h1.wp-block-heading.has-text-align-center,
  body.single-scroll .entry-content.single-content h1.wp-block-heading,
  body.single-scroll .entry-content.single-content h1 {
    font-size: 4.75rem !important;     /* <-- change this number */
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    margin-bottom: 75px !important;
  }

}

/* ===== ENA Confessions: keep text inside parchment ===== */

/* Single confession pages */
body.single-confession .entry-content-wrap,
body.single-confession .entry-content {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 60px 70px !important;
  box-sizing: border-box !important;
}

/* Confessions archive (if you use it) */
body.post-type-archive-confession .entry-content-wrap,
body.post-type-archive-confession .entry-content {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 40px 40px !important;
  box-sizing: border-box !important;
}

/* Prevent overflow */
body.single-confession .entry-content-wrap *,
body.single-confession .entry-content *{
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: break-word !important;
}

/* Mobile */
@media (max-width: 768px){
  body.single-confession .entry-content-wrap,
  body.single-confession .entry-content{
    max-width: 92% !important;
    padding: 26px 18px !important;
  }
}
/* ENA Confessions (shortcode output) */
.ena-confessions{
  max-width: 900px;
  margin: 0 auto;
}

/* Body text should match your site (Comic Sans) */
.ena-confession-content,
.ena-confession-content p,
.ena-confession-content blockquote{
  font-family: "Comic Sans MS", "Comic Sans", cursive !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

/* Make blockquotes look like your existing quote style */
.ena-confession-content blockquote{
  margin: 18px 0 28px !important;
  padding: 0 !important;
  border: none !important;
  font-style: italic;
}


/* ===== ENA HARD FIX: Woo tabs + containment ===== */

/* Contain page / stop bleed */
html body.single-product .site,
html body.single-product .site-content,
html body.single-product #content,
html body.single-product .content-area,
html body.single-product .woocommerce,
html body.single-product .product{
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body.single-product .woocommerce div.product{
  width: min(1100px, 100%) !important;
  margin: 0 auto !important;
  padding: 28px !important;
  box-sizing: border-box !important;
}

html body.single-product .woocommerce div.product,
html body.single-product .woocommerce div.product *{
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}

/* ENA — WooCommerce Single Product Tabs */

body.single-product .woocommerce-tabs {
  padding: 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.06);
}

body.single-product .woocommerce-tabs ul.tabs {
  border: 0;
  margin-bottom: 14px;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after {
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.single-product .woocommerce-tabs ul.tabs li a {
  display: inline-flex;
  padding: 10px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg,#6b3f2a,#b07b44,#e8d2a6);
  color: #2b1e16;
  text-decoration: none;
  border: 1px solid rgba(43,30,22,.35);
}

body.single-product .woocommerce-tabs ul.tabs li.active a {
  background: linear-gradient(135deg,#6b3f2a,#b07b44);
}

html body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a{
  background: linear-gradient(135deg,#6b3f2a,#b07b44) !important;
}

/* ===== ENA FIX: Single Product page containment + tabs visibility ===== */

/* 1) HARD CONTAIN: stop anything from bleeding past the parchment */
body.single-product #page,
body.single-product #content,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .woocommerce,
body.single-product .woocommerce div.product,
body.single-product .woocommerce div.product *{
  box-sizing: border-box !important;
}

body.single-product #page,
body.single-product #content,
body.single-product .site-content,
body.single-product .woocommerce,
body.single-product .woocommerce div.product{
  max-width: 1100px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
}

/* give inner breathing room so text/images don’t hit parchment edge */
body.single-product .woocommerce div.product{
  padding: 28px !important;
}

/* 2) IMAGES: force gallery/images to stay inside container */
body.single-product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image{
  max-width: 100% !important;
  overflow: hidden !important;
}

body.single-product .woocommerce-product-gallery img,
body.single-product .woocommerce-product-gallery__wrapper img{
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 3) SUMMARY/TEXT: prevent long strings from pushing layout wide */
body.single-product .summary,
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-tabs .panel{
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* 4) TABS: fix “blank tabs” + off-brand colors + remove white artifacts */
body.single-product .woocommerce-tabs{
  background: rgba(255,255,255,0.06) !important;
  border-radius: 18px !important;
  padding: 18px !important;
}

body.single-product .woocommerce-tabs ul.tabs{
  border: 0 !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  /* pill tabs (also matches your “pill buttons everywhere” rule) */
  border-radius: 999px !important;

  padding: 10px 16px !important;
  margin-right: 10px !important;

  /* FORCE readable text (fixes the invisible tab label issue) */
  color: #2b1e16 !important;
  opacity: 1 !important;

  /* ENA brand look */
  background: linear-gradient(135deg, #6b3f2a, #b07b44, #e8d2a6) !important;
  text-decoration: none !important;
  border: 1px solid rgba(43,30,22,.35) !important;
}

/* ===== ENA FIX: Single Product page containment + tabs visibility ===== */

/* 1) HARD CONTAIN: stop anything from bleeding past the parchment */
body.single-product #page,
body.single-product #content,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .woocommerce,
body.single-product .woocommerce div.product,
body.single-product .woocommerce div.product *{
  box-sizing: border-box !important;
}

body.single-product #page,
body.single-product #content,
body.single-product .site-content,
body.single-product .woocommerce,
body.single-product .woocommerce div.product{
  max-width: 1000px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
}

/* give inner breathing room so text/images don’t hit parchment edge */
body.single-product .woocommerce div.product{
  padding: 28px !important;
}

/* 2) IMAGES: force gallery/images to stay inside container */
body.single-product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image{
  max-width: 100% !important;
  overflow: hidden !important;
}

body.single-product .woocommerce-product-gallery img,
body.single-product .woocommerce-product-gallery__wrapper img{
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 3) SUMMARY/TEXT: prevent long strings from pushing layout wide */
body.single-product .summary,
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-tabs .panel{
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* 4) TABS: fix “blank tabs” + off-brand colors + remove white artifacts */
body.single-product .woocommerce-tabs{
  background: rgba(255,255,255,0.06) !important;
  border-radius: 18px !important;
  padding: 18px !important;
}

body.single-product .woocommerce-tabs ul.tabs{
  border: 0 !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  /* pill tabs (also matches your “pill buttons everywhere” rule) */
  border-radius: 999px !important;

  padding: 10px 16px !important;
  margin-right: 10px !important;

  /* FORCE readable text (fixes the invisible tab label issue) */
  color: #2b1e16 !important;
  opacity: 1 !important;

  /* ENA brand look */
  background: linear-gradient(135deg, #6b3f2a, #b07b44, #e8d2a6) !important;
  text-decoration: none !important;
  border: 1px solid rgba(43,30,22,.35) !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs ul.tabs li a:hover{
  color: #2b1e16 !important;
  background: linear-gradient(135deg, #6b3f2a, #b07b44) !important;
}


/* ===== ENA FIX: Quantity + Add to Cart alignment & sizing ===== */

/* Wrap quantity + button cleanly */
body.single-product form.cart{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap;
}

/* Quantity container */
body.single-product .woocommerce .quantity{
  margin: 0 !important;
}

/* Quantity input (remove white box, show numbers clearly) */
body.single-product .woocommerce .quantity .qty{
  background: linear-gradient(135deg, #6b3f2a, #b07b44, #e8d2a6) !important;
  color: #2b1e16 !important;

  border: 1px solid rgba(43,30,22,.35) !important;
  border-radius: 999px !important;

  width: 72px !important;
  height: 46px !important;
  line-height: 46px !important;

  font-weight: 600 !important;
  text-align: center !important;
  padding: 0 !important;
}

/* Remove browser arrows styling inconsistencies */
body.single-product input[type=number]{
  appearance: textfield !important;
}
body.single-product input[type=number]::-webkit-inner-spin-button,
body.single-product input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Add to cart button – bigger pill so text fits comfortably */
body.single-product .single_add_to_cart_button{
  height: 48px !important;
  padding: 0 28px !important;
  font-size: 16px !important;
  line-height: 48px !important;

  border-radius: 999px !important;
}
/* ===== ENA: HARD RESET quantity input so numbers MUST show ===== */
body.single-product form.cart div.quantity input.qty,
body.single-product form.cart div.quantity input[type="number"],
body.single-product form.cart div.quantity input[id^="quantity_"]{
  /* make the number visible no matter what */
  color: #2b1e16 !important;
  -webkit-text-fill-color: #2b1e16 !important;
  caret-color: #2b1e16 !important;
  text-shadow: 0 0 0 #2b1e16 !important;

  /* undo common “hide text” tricks */
  text-indent: 0 !important;
  font-size: 16px !important;
  line-height: 46px !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;

  /* optional: keep the white box but make it look intentional */
  background-color: linear-gradient(135deg, #6b3f2a, #b07b44) !important;
  border: 1px solid rgba(43,30,22,.35) !important;
  
  width: 72px !important;
  height: 46px !important;
  padding: 0 !important;
  text-align: center !important;
}
/* ===== ENA: FORCE single-product to be narrower + centered (theme-wrapper proof) ===== */
body.single-product #primary,
body.single-product main#main,
body.single-product .site-main,
body.single-product .content-area,
body.single-product .site-content,
body.single-product .entry-content,
body.single-product .woocommerce,
body.single-product .woocommerce-page,
body.single-product .woocommerce div.product{
  max-width: 1100px !important;           /* change to 820 if needed */
  width: calc(100% - 64px) !important;   /* side padding inside parchment */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* stop any child from forcing overflow */
body.single-product #primary *,
body.single-product main#main *,
body.single-product .entry-content *,
body.single-product .woocommerce *{
  max-width: 100% !important;
}

/* emergency: kill horizontal scroll if any */
body.single-product{
  overflow-x: hidden !important;
}

/* HARD RESET: remove the theme's centered/narrow container on SINGLE PRODUCT (mobile) */
@media (max-width: 768px){

  body.single-product #inner-wrap,
  body.single-product #primary,
  body.single-product .content-area,
  body.single-product .content-container.site-container,
  body.single-product main#main,
  body.single-product .site-main,
  body.single-product .entry-content,
  body.single-product div.product,
  body.single-product div.product .summary,
  body.single-product div.product .woocommerce-tabs {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  /* If any parent is centering via flex/grid */
  body.single-product #primary,
  body.single-product main#main,
  body.single-product .content-container.site-container,
  body.single-product div.product {
    display: block !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
  }
}
/* FIX: Single product page is stuck in a narrow centered site container (mobile) */
@media (max-width: 768px){

  /* Break the THEME container to full viewport width */
  body.single-product #inner-wrap,
  body.single-product #primary,
  body.single-product .content-container.site-container,
  body.single-product .content-area,
  body.single-product main#main{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 48vw) !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Make sure Woo sections inside can actually use the space */
  body.single-product div.product,
  body.single-product div.product .summary,
  body.single-product div.product .woocommerce-tabs,
  body.single-product .woocommerce-Tabs-panel,
  body.single-product .woocommerce-tabs .panel{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
}

/* ✅ CHECKOUT (works even if page-id changes) */
@media (max-width: 768px){

  /* 1) STOP the Woo Blocks checkout container from being capped (699px) */
  body.woocommerce-checkout div.wp-block-woocommerce-checkout.alignwide.wc-block-checkout,
  body.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide,
  body.woocommerce-checkout .wc-block-checkout {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    box-sizing: border-box !important;
  }

  /* 2) FORCE Order Summary (sidebar) to full width on mobile */
  body.woocommerce-checkout .wc-block-checkout__sidebar,
  body.woocommerce-checkout .wc-block-checkout__order-summary,
  body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* 3) Fix grid so it doesn’t try to keep “two columns” */
  body.woocommerce-checkout .wc-block-checkout {
    display: block !important;
  }

  /* 4) Title/heading too big (your theme uses clamp) */
  body.woocommerce-checkout h1,
  body.woocommerce-checkout .entry-title,
  body.woocommerce-checkout .wp-block-post-title,
  body.woocommerce-checkout .ena-section-title {
    font-size: 30px !important;   /* tweak 34–48 */
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
}
/* Checkout hero title is CSS-generated text — resize it on mobile */
@media (max-width: 768px){

  body.page-id-74 .entry-content.single-content::before,
  body.woocommerce-checkout .entry-content.single-content::before{
    font-size: 48px !important;   /* ← tweak this */
    line-height: 1.05 !important;
    white-space: normal !important;
    max-width: 100% !important;
  }
}
/* Checkout: reduce product description text size in Order Summary (mobile) */
@media (max-width: 768px){

  body.woocommerce-checkout
  .wc-block-components-order-summary
  .wc-block-components-product-metadata__description,
  body.woocommerce-checkout
  .wc-block-components-order-summary
  .wc-block-components-product-metadata__description p{
    font-size: 12px !important;   /* ← change this */
    line-height: 1.4 !important;
    margin-top: 4px !important;
  }
}







/* ENA myCred pill button — hard reset + true centering */
a.mycred-points-link.ena-cred-button,
a.mycred-points-link {
  /* layout */
  display: grid !important;
  place-items: center !important;

  /* sizing */
  min-height: 64px !important;
  padding: 18px 44px !important; /* adjust as needed */
  width: fit-content !important;
  max-width: 100% !important;

  /* typography */
  text-align: center !important;
  line-height: 1.15 !important;

  /* pill look */
  border-radius: 999px !important;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #c96b3c, #943618) !important;

  /* kill any sneaky offsets */
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

/* If anything inside the link is affecting vertical position, neutralize it */
a.mycred-points-link.ena-cred-button *,
a.mycred-points-link * {
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* VERY common culprit: plugin/theme pseudo elements */
a.mycred-points-link.ena-cred-button::before,
a.mycred-points-link.ena-cred-button::after,
a.mycred-points-link::before,
a.mycred-points-link::after {
  content: "" !important;
  display: none !important;
}
/* Center ALL myCred buttons */
a.mycred-points-link{
  display: block !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Safety: if theme forces weird inline behavior */
.entry-content a.mycred-points-link{
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
}

/* Dashboard layout + spacing */
.ena-dashboard { max-width: 980px; margin: 0 auto; }
.ena-dash-card { margin: 36px 0; padding: 18px 0; }
.ena-dash-title { margin: 0 0 14px; }
.ena-dash-text { margin: 10px 0 14px; line-height: 1.7; }
.ena-dash-list { margin: 12px 0 0 22px; line-height: 1.8; }
.ena-dash-muted { opacity: .85; }

.ena-dash-metrics { display: grid; grid-template-columns: 1.2fr .8fr; gap: 26px; }
@media (max-width: 700px) {
  .ena-dash-metrics { grid-template-columns: 1fr; }
}

.ena-dash-number {
  font-size: clamp(42px, 6vw, 72px);
  font-weight: 800;
  line-height: 1;
  margin: 6px 0 6px;
}

.ena-dash-label { font-weight: 700; margin-top: 6px; }
.ena-dash-sub { margin-top: 10px; }

.ena-dash-mini-label { font-weight: 700; opacity: .9; }
.ena-dash-level { font-size: 28px; font-weight: 800; margin: 6px 0 8px; }

.ena-dash-callout {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.25);
  backdrop-filter: blur(2px);
}

.ena-dash-actions { margin-top: 14px; display: flex; gap: 12px; flex-wrap: wrap; }
.ena-dash-signoff { margin-top: 16px; font-weight: 700; }

/* Pill buttons (site-wide friendly) */
a.ena-pill-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 999px !important;
  padding: 14px 22px;
  font-weight: 800;
  text-decoration: none !important;
  color: #fff !important;
  background-image: linear-gradient(135deg, #c96b3c, #943618);
}

/* Hover */
a.ena-pill-btn:hover { filter: brightness(1.05); }

.concierge-box {
  display: inline-block;
  max-width: 420px;
  padding: 20px 24px;
 
  border-radius: 18px;
}

.concierge-label {
  margin: 0 0 6px;
  font-style: italic;
}

.concierge-percent {
  margin: 0;
  font-size: 36px;
  font-weight: bold;
}

.concierge-note {
  margin: 6px 0 0;
  font-size: 14px;
  opacity: 0.85;
}

.ena-coupon-hint{
  display:block;
  text-align:center;
  margin:2px 0 0;
  font-size:13px;
  font-weight:600;
  opacity:.85;
  line-height:1.2;
}

/* Replace "Add coupons" */
.wc-block-components-totals-coupon .wc-block-components-panel__button::after {
  content: "Apply concierge code";
}

.wc-block-components-totals-coupon .wc-block-components-panel__button {
  font-size: 0;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button::after {
  font-size: 16px;
  font-weight: 600;
}

/* Replace "Discount" */
.wc-block-components-totals-discount .wc-block-components-totals-item__label::after {
  content: "Concierge savings";
}

.wc-block-components-totals-discount .wc-block-components-totals-item__label {
  font-size: 0;
}

.wc-block-components-totals-discount .wc-block-components-totals-item__label::after {
  font-size: 16px;
  font-weight: 600;
}

/* ENA – Footer Quality Line */
footer .ena-footer-quality,
.site-footer .ena-footer-quality {
  color: #ffffff !important;
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 10px 0 0 0;
  padding: 10px 16px;
  opacity: 0.95;
}

/* Optional: add a subtle divider so it feels “built-in” */
footer .ena-footer-quality,
.site-footer .ena-footer-quality {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}


/* =========================================
   REVIEW FORM TEXT VISIBILITY
========================================= */
.woocommerce #review_form input,
.woocommerce #review_form textarea,
.woocommerce #review_form select {
  color: #2f1b12 !important;
  background: #fffdf8 !important;
  border: 1px solid rgba(80, 50, 30, 0.25) !important;
}

.woocommerce #review_form input::placeholder,
.woocommerce #review_form textarea::placeholder {
  color: #7a5a47 !important;
  opacity: 1 !important;
}

/* =========================================
   REVIEW AUTHOR / META / BODY
========================================= */
.woocommerce .woocommerce-review__author,
.woocommerce .woocommerce-review__published-date,
.woocommerce .review-meta,
.woocommerce #reviews .comment-text p {
  color: #2f1b12 !important;
}

/* =========================================
   SUBMIT BUTTON - ON BRAND
========================================= */
.woocommerce #review_form #respond .form-submit input,
.woocommerce #review_form #respond .submit {
  background: #c96f2d !important;
  color: #fff8f0 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce #review_form #respond .submit:hover {
  background: #a95522 !important;
  color: #fff8f0 !important;
}

/* =========================================
   OPTIONAL: SEO-FRIENDLY BUTTON LABEL FEEL
   (visual only; actual value usually comes from PHP)
========================================= */
.woocommerce #review_form #respond .form-submit input {
  min-width: 170px !important;
}

/* =========================================
   STAR SELECTION - RESTORE NORMAL CLICKABLE STARS
========================================= */
.woocommerce #review_form p.stars {
  display: inline-block !important;
  margin: 0 0 14px 0 !important;
  line-height: 1 !important;
}

.woocommerce #review_form p.stars span {
  display: flex !important;
  flex-direction: row !important;
  gap: 6px !important;
}

.woocommerce #review_form p.stars a {
  position: relative !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-block !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  border: 0 !important;
  box-shadow: none !important;
}

.woocommerce #review_form p.stars a::before {
  content: "☆" !important;
  text-indent: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 28px !important;
  line-height: 28px !important;
  color: #c96f2d !important;
}

.woocommerce #review_form p.stars.selected a.active::before,
.woocommerce #review_form p.stars:hover a::before,
.woocommerce #review_form p.stars.selected a::before {
  content: "★" !important;
}

.woocommerce #review_form p.stars a:hover ~ a::before,
.woocommerce #review_form p.stars.selected a.active ~ a::before {
  content: "☆" !important;
}

/* =========================================
   DISPLAYED STAR RATING ON POSTED REVIEWS
========================================= */
.woocommerce .star-rating {
  color: #c96f2d !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.woocommerce .star-rating::before {
  color: rgba(201, 111, 45, 0.25) !important;
}

.woocommerce .star-rating span {
  color: #c96f2d !important;
}

/* make the posted rating clearer at top right */
.woocommerce #reviews .comment-text {
  position: relative !important;
}

.woocommerce #reviews .star-rating {
  float: right !important;
  margin-top: 2px !important;
}
/* FIX POSTED REVIEW STARS */
.woocommerce .star-rating,
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
  font-family: star !important;
  speak: never !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  letter-spacing: 3px !important;
}

/* Color for visible rating */
.woocommerce .star-rating {
  color: #c96f2d !important;
  font-size: 18px !important;
}

/* Faded empty stars behind filled ones */
.woocommerce .star-rating::before {
  color: rgba(201, 111, 45, 0.25) !important;
}

/* Filled stars */
.woocommerce .star-rating span::before {
  color: #c96f2d !important;
}

/* Keep review meta aligned */
.woocommerce #reviews .comment-text .star-rating {
  float: right !important;
  margin-top: 4px !important;
}
/* Restore WooCommerce review stars */
.woocommerce .star-rating {
  font-size: 14px !important;
  line-height: 1 !important;
  color: #c96f2d !important;
  width: 5.4em !important;
  height: 1em !important;
  overflow: hidden !important;
  display: inline-block !important;
  position: relative !important;
  font-family: star !important;
}

.woocommerce .star-rating::before {
  content: "sssss" !important;
  color: rgba(201, 111, 45, 0.25) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  font-family: star !important;
}

.woocommerce .star-rating span {
  overflow: hidden !important;
  top: 0 !important;
  left: 0 !important;
  position: absolute !important;
  padding-top: 1.5em !important;
}

.woocommerce .star-rating span::before {
  content: "SSSSS" !important;
  color: #c96f2d !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  font-family: star !important;
}

/* ===== DISPLAYED REVIEW STARS ONLY (top summary + posted reviews) ===== */
.woocommerce .star-rating {
  position: relative !important;
  display: inline-block !important;
  width: 6.2em !important;
  height: 1.2em !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 16px !important;
  vertical-align: middle !important;
}

/* hide the text WooCommerce is outputting */
.woocommerce .star-rating,
.woocommerce .star-rating span {
  text-indent: -9999px !important;
  white-space: nowrap !important;
}

/* empty 5 stars */
.woocommerce .star-rating::before {
  content: "☆☆☆☆☆" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  text-indent: 0 !important;
  color: rgba(201, 111, 45, 0.28) !important;
  letter-spacing: 2px !important;
  font-family: Arial, sans-serif !important;
}

/* filled stars */
.woocommerce .star-rating span::before {
  content: "★★★★★" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  text-indent: 0 !important;
  color: #c96f2d !important;
  letter-spacing: 2px !important;
  font-family: Arial, sans-serif !important;
}

/* keep WooCommerce percentage fill behavior */
.woocommerce .star-rating span {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  padding-top: 0 !important;
}

/* Similar Posts section: make it match the parchment article area */
.single-post .entry-related {
    background: transparent !important;
    max-width: 1200px !important;
    margin: 0 auto 60px auto !important;
    padding: 0 40px 0 40px !important;
}

/* Inner wrapper */
.single-post .entry-related-inner,
.single-post .entry-related-inner.content-container,
.single-post .entry-related-inner-content {
    background: transparent !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Remove white/gray card backgrounds */
.single-post .entry-related .content-bg,
.single-post .entry-related .post-thumbnail,
.single-post .entry-related article,
.single-post .entry-related .entry,
.single-post .entry-related .entry-content-wrap,
.single-post .entry-related .splide__slide {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Keep titles/meta inside the parchment-width area */
.single-post .entry-related .entry-title,
.single-post .entry-related .entry-content,
.single-post .entry-related .entry-meta {
    max-width: 100% !important;
}

/* Optional: if the carousel itself is forcing full width */
.single-post .entry-related .entry-related-carousel,
.single-post .entry-related .splide,
.single-post .entry-related .splide__track,
.single-post .entry-related .splide__list {
    background: transparent !important;
}

/* Mobile spacing */
@media (max-width: 768px) {
    .single-post .entry-related {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.single-post .entry-related {
    max-width: 1100px;
    margin: 0 auto 60px auto;
    padding: 0 40px;
}

/* Clean, controlled title size */
.single-post .entry-related .entry-title {
    font-size: 25px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin-top: 10px !important;
}

/* Prevent ugly word breaking like "Alexa ndri a" */
.single-post .entry-related .entry-title a {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

.single-post .entry-related-inner-content {
    padding-left: -90px !important;
    padding-right: 120px !important;
}

.single-post .entry-related .entry-content-wrap {
    padding-top: 2px !important;
    margin-top: 0 !important;
}

.single-post .entry-related .entry-title {
    margin-top: 0 !important;
}

.single-post .entry-related .entry-summary,
.single-post .entry-related .entry-meta {
    margin-top: 8px !important;
}

.single-post .entry-related article,
.single-post .entry-related .splide__slide {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.single-post .entry-related .entry-content-wrap {
    min-height: auto !important;
}

/* Press page wrapper */
.press-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px 80px;
}

/* Intro */
.press-intro {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 48px;
}

.press-intro h1 {
  margin-bottom: 16px;
  line-height: 1.05;
}

.press-intro p {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.7;
  text-transform: none;
  letter-spacing: 0;
}

/* Cards container */
.press-grid {
  display: grid;
  gap: 28px;
  margin-top: 36px;
}

/* Individual card */
.press-card {
  background: #ecd7b0;
  border-radius: 24px;
  padding: 34px 40px;
  box-shadow: 0 10px 30px rgba(60, 25, 0, 0.12);
}

/* Small meta line */
.press-meta {
  margin-bottom: 10px;
  font-size: 0.95rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.8;
}

/* Card title */
.press-card h2 {
  margin: 0 0 14px;
  font-size: clamp(1.7rem, 2.8vw, 2.5rem);
  line-height: 1.15;
  text-transform: none;
  letter-spacing: 0;
  text-align: center;
}

/* Summary text */
.press-card p {
  margin: 0 0 24px;
  font-size: 1.05rem;
  line-height: 1.7;
  text-transform: none;
  letter-spacing: 0;
  text-align: center;
}

/* Button row */
.press-actions {
  display: flex;
  justify-content: center;  /* THIS centers it */
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 10px;
}

/* Primary button */
.press-btn {
  display: inline-block;
  background: linear-gradient(180deg, #d65a00 0%, #b94700 100%);
  color: #fff;
  text-decoration: none;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  box-shadow: 0 8px 18px rgba(185, 71, 0, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.press-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(185, 71, 0, 0.45);
}

/* Optional secondary link */
.press-link {
  display: inline-block;
  color: inherit;
  text-decoration: underline;
  padding: 14px 4px;
  text-transform: none;
  letter-spacing: 0;
}

/* Bottom section */
.press-contact {
  text-align: center;
  max-width: 820px;
  margin: 70px auto 0;
}

.press-contact h3 {
  margin-bottom: 16px;
}

.press-contact p {
  margin: 0 0 14px;
  line-height: 1.8;
  text-transform: none;
  letter-spacing: 0;
}

/* Mobile */
@media (max-width: 768px) {
  .press-card {
    padding: 26px 24px;
    border-radius: 18px;
  }

  .press-meta {
    font-size: 0.82rem;
  }

  .press-card h2 {
    font-size: 1.5rem;
  }
}