/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 11:37:27 */
/* ===================================
   NEW CSS – DO NOT ADD TO CUSTOMIZER
   =================================== */
.wp-block-post-content > * {
    display: none;
}
/* Hide HR separators inside query loop cards */
.wp-block-query li.wp-block-post hr.wp-block-separator {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-post-content .btn-enquiry,
.wp-block-post-content .download-form-popup {
    display: inline-block;
}
.wp-block-post-content .wp-block-mfb-meta-field-block {
    display: none;
}
/* ===================================
   FINAL MOBILE & SPACING ONLY
   =================================== */
@media screen and (max-width: 991px) {
    /* Keep post padding subtle */
    li.wp-block-post {
        padding-left: 10px;
        padding-right: 13px;
        box-sizing: border-box;
    }

    /* Buttons row — do NOT redesign */
    li.wp-block-post .wp-block-buttons {
        display: flex;
        gap: 10px;
        width: 100%;
        margin: 0;
        padding: 0;
        justify-content: center;
    }

    /* Equal-width buttons */
    li.wp-block-post .wp-block-button {
        flex: 1 1 0;
        margin: 0;
    }

    /* VISUAL ADJUSTMENTS ONLY */
    li.wp-block-post .wp-block-button__link {
        width: 100%;

        /* ↓ KEY FIXES */
        padding: 15px 15px;     /* was too large before */
        min-height: 40px;       /* lighter tap area */

        font-size: 12px;      /* intentionally small for now */
        line-height: 1.1;
        font-weight: 500;

        display: flex;
        align-items: center;
        justify-content: center;

        text-align: center;
        white-space: nowrap;
        box-sizing: border-box;
    }
}


/* ===================================
   WPForms Popup – TRUE CENTER FIX
   =================================== */

#popmake-936 .wpforms-container {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Kill WPForms left-biased field sizing */
#popmake-936 .wpforms-field input,
#popmake-936 .wpforms-field select,
#popmake-936 .wpforms-field textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Keep CTA centered */
#popmake-936 .wpforms-submit-container {
    text-align: center;
}

/* ===================================
   WPForms Radio – FIX INLINE ALIGNMENT
   =================================== */
#popmake-936 #wpforms-933-field_4-container ul,
#popmake-936 #wpforms-933-field_4-container li {
    display: block;
}

/* Put radio + text on one line */
#popmake-936 #wpforms-933-field_4-container li {
	margin-bottom: 8px;
    display: flex !important;
    align-items: center;
}

/* Remove WPForms forced width on radio */
#popmake-936 #wpforms-933-field_4-container input[type="radio"] {
    width: auto !important;
    flex: 0 0 auto;
    margin-right: 10px;
}


/* Remove card-style layout on single post only */
body.single .block-content-css,
body.single article.post,
body.single .single-content {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}



/* ===============================
   View Scale Popup – ID 1360
   Christie’s-style light UI
   =============================== */

/* Overlay: dark but soft (background behind popup) */
#pum-1360 ~ .pum-overlay {
  background: rgba(0, 0, 0, 0.75) !important;
}

/* Popup container: light grey like Christie's */
#pum-1360 .pum-container,
#pum-1360 .pum-content {
  background-color: #f2f2f2 !important; /* soft museum grey */
  color: #000;
}

/* Remove inner padding so layout is clean */
#pum-1360 .pum-content {
  padding: 0 !important;
}

/* ===============================
   Close (X) button styling
   =============================== */

/* Make close visible (not black blob) */
#pum-1360 .pum-close {
  top: 30px !important;
  right: 30px !important;
}
#pum-1360 .pum-close {
  outline: none;
  user-select: none;
}
/* ===============================
   View Scale Viewer – Popup 1360
   =============================== */

#pum-1360 .vs-viewer {
  width: 100%;
  height: 100%;
}

/* Top bar */
#pum-1360 .vs-topbar {
  position: sticky;
  top: 0;
  z-index: 5;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  padding: 16px 20px;
  background: #f2f2f2;
}

/* Arrows */
#pum-1360 .vs-arrow {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  user-select: none;
}

#pum-1360 .vs-arrow:disabled {
  opacity: 0.3;
  cursor: default;
}

/* Counter */
#pum-1360 .vs-counter {
  font-size: 14px;
  letter-spacing: 0.5px;
}

/* Image stage */
#pum-1360 .vs-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 70px);
}

/* Slides */
#pum-1360 .vs-slide {
  max-width: 90%;
  max-height: 90%;
  display: none;
}

#pum-1360 .vs-slide.active {
  display: block;
}
/* ===============================
   Prevent layout flash (CLS fix)
   =============================== */

/* Hide content until JS layout is ready */
.single-content,
.single-bottom {
  visibility: hidden;
}

/* Reveal only after JS completes */
html.js-layout-ready .single-content,
html.js-layout-ready .single-bottom {
  visibility: visible;
}
/* Prevent mobile zoom / focus scaling on arrows */
#pum-1360 .vs-arrow {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

/* Disable double-tap zoom globally */
html, body {
  touch-action: manipulation;
} 
/* View Scale – no zoom / no focus on controls */
#pum-1360,
#pum-1360 * {
  touch-action: manipulation;
}

#pum-1360 img {
  touch-action: pan-x pan-y;
}
/* ===============================
   View Scale – FINAL ZOOM FIX
   (visibility + containment ONLY)
   =============================== */

/* 1. Contain zoomed image */
#pum-1360 .vs-stage {
  overflow: hidden;
}

/* 2. Ensure zoomed image scales inside container */
#pum-1360 .vs-slide {
  transform-origin: center center;
  transition: transform 0.15s ease-out;
}

/* 3. Make zoom UI visible (overlay, not layout) */
#pum-1360 .vs-zoom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;

  padding: 14px 20px 18px;
  background: #f2f2f2;
  z-index: 10;
}

/* 4. Reserve space so image never overlaps zoom bar */
#pum-1360 .vs-stage {
  padding-bottom: 64px;
}

/* Zoom UI styling (minimal, safe) */
#pum-1360 .vs-zoom-btn {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  user-select: none;
  line-height: 1;
}

#pum-1360 .vs-zoom-range {
  -webkit-appearance: none;
  appearance: none;
  width: 220px;
  height: 2px;
  background: #bbb;
  outline: none;
}

#pum-1360 .vs-zoom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}

#pum-1360 .vs-zoom-range::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}




/* ===============================
   ENQUIRY POPUP – FINAL, LOCKED
   Popup ID: 827
   =============================== */

/* ---------- Header wrapper ---------- */
#pum-827 .enquiry-header {
  margin-bottom: 28px;
}

/* ---------- Row 1: Main heading ---------- */
#pum-827 .enquiry-title {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 20px 0;
}

/* ---------- Row 2: Christie’s-style grey box ---------- */
#pum-827 .enquiry-artwork-box {
  display: flex;
  align-items: flex-start;   /* 🔑 aligns title from TOP of thumbnail */
  gap: 10px;

  background-color: #eeeeee;
  padding: 14px 16px;
  margin-bottom: 16px;
  max-width: 400px;
}

/* Thumbnail */
#pum-827 .enquiry-thumb {
  width: 60px;
  height: 80px;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

/* Artwork title wrapper */
#pum-827 .enquiry-artwork-text {
  display: flex;
  align-items: flex-start;
}

/* Artwork title */
#pum-827 .enquiry-artwork-title {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  line-height: 1.60;
  margin: 0;
}

/* ---------- Row 3: Description ---------- */
#pum-936 .enquiry-note,
#pum-827 .enquiry-note {
  font-size: 12px;
  color: #666;
  margin: 0;
  max-width: 400px;
}

/* ===============================
   REMOVE Artwork Reference field
   =============================== */
#pum-827 #wpforms-814-field_5-container,
#pum-827 input[name="wpforms[fields][5]"],

#pum-936 #wpforms-933-field_5-container,
#pum-936 input[name="wpforms[fields][5]"] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Hide enquiry header AFTER form submission */
#popmake-827:has(.wpforms-confirmation-container-full) .enquiry-header {
  display: none !important;
}
#popmake-936:has(.wpforms-confirmation-container-full) .enquiry-header {
  display: none !important;
}
/* ===============================
   ENQUIRY POPUP – CLONE STYLES
   Popup ID: 936
   =============================== */

#pum-936 .enquiry-header {
  margin-bottom: 28px;
}

#pum-936 .enquiry-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 18px 0;
}

#pum-936 .enquiry-artwork-box {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background-color: #eeeeee;
  padding: 14px 16px;
  margin-bottom: 16px;
  max-width: 520px;
}

#pum-936 .enquiry-thumb {
  width: 70px;
  height: 90px;
  object-fit: cover;
}

#pum-936 .enquiry-artwork-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}
/* ===============================
   ENQUIRY FORM – 827 (REFINED / MATCH 936)
   =============================== */

#pum-827 .wpforms-form {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
/* ---------- Labels (caps, editorial) ---------- */ 
#pum-827 .wpforms-field-label { 
  font-size: 13px; 
  font-weight: 600; 
  letter-spacing: 0.04em; 
  text-transform: uppercase; 
  margin-bottom: 4px; 
}
/* ---------- Submit button ---------- */
#pum-827 .wpforms-submit {
  background-color: #0a5fa3;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border-radius: 2px;
  margin-top: 20px;
}

/* 4. (Optional) fine control between fields */
#pum-827 .wpforms-field {
  padding-bottom: 10px;
}
/* ===============================
   FINAL INPUT HEIGHT CONTROL – 827
   =============================== */

#pum-827 #wpforms-814 {
  --wpforms-field-size-input-height: 40px;
  --wpforms-field-size-padding-h: 10px;
  --wpforms-field-size-font-size: 14px;
}
/* 🔥 MESSAGE BOX HEIGHT CONTROL */
#pum-827 #wpforms-814 textarea {
  height: 600px;        /* increase / decrease freely */
  min-height: unset;  /* remove WPForms defaults */
}
#pum-827 #wpforms-814 input,
#pum-827 #wpforms-814 textarea,
#pum-827 #wpforms-814 select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box; /* 🔑 THIS is the key */
}
/* ===============================
   CENTER SUBMIT BUTTON (PERFECT)
   =============================== */
#pum-827 .wpforms-submit-container {
  text-align: center;
}
/* ===============================
   CENTER ENQUIRY HEADER (827 ONLY)
   =============================== */
#pum-827 .enquiry-header {
  max-width: 400px;        /* same visual width you already use */
  margin-left: auto;
  margin-right: auto;
}




/* ===============================
   Phone Country Dropdown — FINAL
   Popup 827 ONLY
   =============================== */

#pum-827 .custom-phone {
  position: relative;
  display: flex;
  width: 100%;
}

/* Country button */
#pum-827 .country-btn {
  background: #f2f2f2;
  border: 1px solid #bdbdbd;
  border-right: none;
  padding: 0 10px;
  height: 44px;
  min-width: 74px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Phone input */
#pum-827 .custom-phone input[type="text"] {
  height: 44px;
  border: 1px solid #bdbdbd;
  padding: 0 10px;
  font-size: 14px;
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
  letter-spacing: 0.05em;
}

/* Desktop dropdown */
#pum-827 .country-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  max-height: 220px;
  overflow-y: auto;
  display: none;
  z-index: 20;
  border-radius: 0 0 8px 8px;
}

/* Open */
#pum-827 .country-list.open {
  display: block;
}

/* Items */
#pum-827 .country-list li {
  padding: 10px 12px;
  font-size: 14px;
  cursor: pointer;
}

#pum-827 .country-list li:hover {
  background: #f5f5f5;
}

/* 📱 Mobile / Tablet */
@media (max-width: 768px) {
  #pum-827 .country-list {
    position: fixed;
    top: 20%;
    left: 5%;
    width: 90%;
    max-height: 60vh;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    z-index: 9999;
  }
}
/* Flag images (consistent everywhere) */
#pum-827 .country-btn img,
#pum-827 .country-list img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  margin-right: 8px;
  border-radius: 2px;
  vertical-align: middle;
}




#popmake-827 .wpforms-container input,
#popmake-827 .wpforms-container textarea {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
/* =========================================
   FIXED POPUP — NO VISIBLE INNER SCROLLBAR
   Popup 827
   ========================================= */
#popmake-827 {
  scrollbar-width: none;           /* Firefox */
}


#popmake-827 {
  height: unset !important;
}

/* =========================================
   DESKTOP POPUP SCROLL — ACTUAL FIX
   ========================================= */
@media (min-width: 1024px) {

  /* 1. Kill background scroll */
  body.pum-open {
    overflow: hidden;
  }

  /* 2. Popup frame */
  #popmake-827 {
    position: fixed;
    inset: 0;
  }

  /* 3. THIS is the real scroll container */
  #popmake-827 .pum-content {
    max-height: calc(100vh - 140px); /* forces overflow */
    overflow-y: auto;
    overflow-x: hidden;

    /* spacing requirements */
    margin-top: 70px;     /* below ❌ */
    padding-right: 16px;  /* scrollbar gutter */

    box-sizing: border-box;
  }

  /* 4. Scrollbar styling */
  #popmake-827 .pum-content::-webkit-scrollbar {
    width: 6px;
  }

  #popmake-827 .pum-content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.35);
    border-radius: 6px;
  }

  #popmake-827 .pum-content {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.35) transparent;
  }
  html {
    scrollbar-gutter: stable;
  } 
  html.pum-open,
    body.pum-open {
    overflow: hidden;
  } 
}




#popmake-827 {
  top: 20px !important;
}




/* ===============================
   FOOTER MENU – STACK ON MOBILE
   =============================== */

@media (max-width: 991px) {

  footer .footer-menu {
    display: flex;
    flex-direction: column;   /* stack items */
    align-items: center;      /* center align */
    gap: 12px;                /* space between links */
  }

  footer .footer-menu li {
    display: block;
  }

  footer .footer-menu a {
    display: inline-block;
    text-align: center;
  }

}
/* ===============================
   FOOTER COPYRIGHT (CSS ONLY)
   =============================== */

footer .footer-menu {
  position: relative;
  margin-bottom: 0;        /* remove extra gap from menu */
}

footer .footer-menu::after {
  content: "© ROENN'S 2026";
  display: block;
  margin-top: 24px;

  font-family: inherit;
  font-size: 13px;
  color: #ffffff;
  text-align: center;
}

/* Footer spacing control */
footer.footer-area {
  padding-top: 10px;       /* 👌 what you added – good */
  padding-bottom: 15px;      /* tighten bottom */
}


/* ================================
   CHRISTIE'S-STYLE CUSTOM DROPDOWN
   FINAL – BULLET-PROOF
   ================================ */

.collection-filter.custom-dropdown {
  position: relative;
  display: inline-block;
  font-family: inherit;
}

/* Toggle button */
.dropdown-toggle {
  all: unset;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #000;

  padding-right: 0 !important;
  background-image: none !important;
}

/* Kill theme arrows */
.dropdown-toggle::before,
.dropdown-toggle::after {
  content: none !important;
  display: none !important;
}

/* Arrow */
.dropdown-arrows {
  display: flex;
  align-items: center;
  line-height: 1;
}

.dropdown-arrows svg {
  width: 10px !important;
  height: 14px !important;
  min-width: 10px;
  min-height: 14px;
  display: block;
  fill: currentColor;
}

/* ================================
   DROPDOWN MENU
   ================================ */

.dropdown-menu {
  display: none;

  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;

  background: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  width: clamp(200px, 30vw, 300px);
  padding: 0px 0;
  z-index: 1000;
}

/* 🔥 HARD RESET LIST STYLES */
.dropdown-menu,
.dropdown-menu li {
  list-style: none !important;
  margin: 0 !important;
}

/* 🔥 KILL THEME-INSERTED DOTS */
.dropdown-menu li::before,
.dropdown-menu li::after {
  content: none !important;
  display: none !important;
}

/* Menu items */
.dropdown-menu li {
  padding: 
    clamp(10px, 2vh, 20px)   /* top */
    clamp(15px, 3.5vw, 25px)     /* right */
    clamp(10px, 2vh, 20px)   /* bottom */
    clamp(15px, 3.5vw, 25px);  /* left */
    cursor: pointer;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: 0.03em;
    color: #000;
}

.dropdown-menu li:hover {
  background: #f5f5f5;
}

/* Open */
.custom-dropdown.open .dropdown-menu {
  display: block;
}
/* 🔥 REMOVE FOCUS / ACTIVE BOX */
.dropdown-toggle:focus,
.dropdown-toggle:focus-visible,
.dropdown-toggle:active {
  outline: none !important;
  box-shadow: none !important;
}
html, body, * {
  font-family: "Biz UDPGothic", sans-serif;
  letter-spacing: 0.02em;
  font-size: 13px;
  word-spacing: 0em;
}
footer.footer-area .footer-menu li a {
  font-family: "Adamina", serif;
  font-size: 13px;
}

/* Desktop (default) */
.collection-filter.custom-dropdown .dropdown-label {
  font-size: 12px;
  font-weight: 600;
}
/* Tablet + Mobile */
@media (max-width: 1024px) {
  .collection-filter.custom-dropdown .dropdown-label {
    font-size: 11px;
  }
}



/* ===================================
   SINGLE POST – UI FIXES ONLY
   (NO layout, NO grid, NO display)
   =================================== */

/* Desktop + Tablet only */
@media (min-width: 768px) {

  /* ---- Buttons row ---- */
  .single-content .wp-block-buttons {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }

  .single-content .wp-block-button {
    margin: 0;
  }

  .single-content .wp-block-button__link {
    white-space: nowrap;
  }

  /* ---- Meta value line (prefix + value + suffix) ---- */
  .single-content .wp-block-mfb-meta-field-block {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
  }

  .single-content .wp-block-mfb-meta-field-block *,
  .single-content .wp-block-mfb-meta-field-block .prefix,
  .single-content .wp-block-mfb-meta-field-block .value,
  .single-content .wp-block-mfb-meta-field-block .suffix {
    white-space: nowrap;
  }

  /* ---- Text alignment consistency ---- */
  .single-content,
  .single-content .layout-break {
    text-align: left;
  }
}
/* FINAL — pixel-perfect separators */
.wp-block-separator.has-alpha-channel-opacity {
  all: unset !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;

  height: 0 !important;
  border-top: 1px solid #000 !important;

  margin: 28px 0 !important;

  box-sizing: border-box;
}

/* Kill Gutenberg alignment tricks (KEEP) */
.wp-block-separator.alignwide,
.wp-block-separator.alignfull {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}




/* ===============================
   SINGLE POST – MASTER CONTAINER
   (safe containment only)
   =============================== */

section#content.single-area.block-content-css {
  
  margin-left: auto;
  margin-right: auto;

  padding-left: clamp(16px, 4vw, 40px);
  padding-right: clamp(16px, 4vw, 40px);

  box-sizing: border-box;
}

body.single-post section#content.single-area.block-content-css {
  max-width: 1240px; /* tighter, more balanced */
  margin-left: auto;
  margin-right: auto;

  padding-left: clamp(20px, 5vw, 48px);
  padding-right: clamp(20px, 5vw, 48px);

  box-sizing: border-box;
}




/* ===============================
   SINGLE POST – STABLE SHELL
   Desktop + Tablet ONLY
   =============================== */
/* Tablet */
@media (min-width: 768px) and (max-width: 1100px) {
  body.single-post .artwork-shell {
    display: grid;
    grid-template-columns: minmax(0, 6fr) minmax(0, 4fr); /* 60 / 40 */
    gap: clamp(5px, 2vw, 10px);
    align-items: start;
  }
}

/* Desktop */
@media (min-width: 1101px) {
  body.single-post .artwork-shell {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); /* 70 / 30 */
    gap: clamp(5px, 2vw, 10px);
    align-items: start;
  }
}

body.single-post .artwork-shell > * {
  min-width: 0;
}

/* ===================================
   SINGLE POST – BOOTSTRAP WIDTH FIX
   =================================== */


body.single-post article.post {
  display: block;
}
body.single-post .view-scale-wrapper,
body.single-post .view-scale {
  margin-top: 16px;
}


/* Prevent content from locking layout */
body.single-post .single-content * {
  max-width: 100%;
  box-sizing: border-box;
}
/* ===================================
   SINGLE POST – RIGHT COLUMN BALANCE FIX
   (THIS fixes the stiffness issue)
   =================================== */

/* Allow right column to truly shrink */
body.single-post .single-content {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

/* Buttons shrink properly */
body.single-post .single-content .wp-block-button {
  flex: 1 1 auto;
  min-width: 0;
}

/* ===================================
   IMAGE – USE FULL AVAILABLE SPACE
   =================================== */

body.single-post .artwork-shell img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===================================
   TOP ROW ALIGNMENT (equal left/right feel)
   =================================== */

body.single-post .artwork-shell {
  align-items: start;
}

/* Prevent any element from breaking container width */
body.single-post .artwork-shell * {
  max-width: 100%;
  box-sizing: border-box;
}
/* ===================================
   SINGLE POST – RIGHT COLUMN FLUID UI
   Desktop + Tablet ONLY
   (No layout changes — UI scaling only)
   =================================== */

@media (min-width: 768px) {

  /* Right column spacing balance (reduces green space) */
  body.single-post .single-content {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.6vw, 18px);
  }

 /* =========================
   TARGET ONLY PRICE BLOCK
   ========================= */

body.single-post .single-content > .wp-block-mfb-meta-field-block {
  font-size: clamp(10px, 1vw, 13px) !important;
  line-height: 1.4;
  margin-bottom: 0 !important;
}

/* Ensure inner parts follow size */
body.single-post .single-content > .wp-block-mfb-meta-field-block .prefix,
body.single-post .single-content > .wp-block-mfb-meta-field-block .value,
body.single-post .single-content > .wp-block-mfb-meta-field-block .suffix {
  font-size: inherit;
}


/* =========================
   CONTROL SPACER (this is the purple gap)
   ========================= */

body.single-post .single-content > .wp-block-spacer {
  height: 6px !important;
  min-height: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}



/* =========================
   TARGET DESCRIPTION ONLY
   ========================= */

body.single-post .single-content > p.layout-break {
  font-size: clamp(11px, 1vw, 13px);
  line-height: 1.5;
  margin-top: clamp(6px, 0.8vw, 10px);
  margin-bottom: 0;
}


  /* ---- Buttons container ---- */
 body.single-post .single-content .wp-block-buttons {
    display: inline-flex;   /* behave like one unit */
    flex-wrap: nowrap;
    gap: clamp(6px, 0.8vw, 10px);

    max-width: 100%;
}


  /* Buttons share space equally */
body.single-post .single-content .wp-block-button {
    flex: 0 0 auto;   /* lock button size */
    margin: 0;
}

  /* ---- Actual button styling ---- */
body.single-post .single-content .wp-block-button__link {
  width: auto;
  min-width: 0;
  max-width: 100%;
  padding: clamp(6px, 0.8vw, 10px) clamp(12px, 1.6vw, 18px);
  word-break: keep-all;
  font-size: clamp(9px, 0.8vw, 11px);
  line-height: 1.2;
  white-space: nowrap;
  overflow: visible;        /* ← change this */
  text-overflow: clip;      /* ← change this */
  box-sizing: border-box;
}

body.single-post .single-content > .wp-block-buttons {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.single-post .single-content {
  gap: 6px !important;
}