/**********************************************************
SPUD KINGS — CLEAN BASE (tightened headline spacing)
**********************************************************/

/* ---- GLOBAL BASE ---- */
html, body { background:#fff !important; }
p, span, a, li, button, .elementor-widget-container {
  text-transform: none;
  line-height: 1.5;
  word-break: break-word;
}

/**********************************************************
HEADER (disable sticky ≤1024px)
**********************************************************/
@media (max-width: 1024px) {
  header.site-header,
  .site-header,
  .elementor-sticky,
  .elementor-sticky--active,
  .elementor-sticky--effects,
  .sticky,
  .sticky-header {
    position: static !important;
    top: unset !important;
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
    z-index: auto !important;
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .elementor-sticky__spacer,
  .header-placeholder,
  .sticky-spacer {
    height: 0 !important;
    min-height: 0 !important;
    display: block !important;
    visibility: hidden !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  header.site-header,
  .site-header,
  #masthead,
  .elementor-location-header {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  header.site-header::before,
  header.site-header::after,
  .site-header::before,
  .site-header::after,
  .elementor-location-header::before,
  .elementor-location-header::after,
  .elementor-sticky::before,
  .elementor-sticky--active::before,
  .elementor-sticky--effects::before {
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .top-bar, .site-top-bar, .header-top { display:none !important; }
  .elementor-location-header .elementor-container,
  header.site-header .elementor-container {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    position:relative !important;
  }
  .elementor-location-header .elementor-widget-theme-site-logo,
  .elementor-location-header .site-branding,
  .elementor-location-header .elementor-widget-image {
    margin:0 !important; flex:0 0 auto !important;
  }
  .elementor-location-header .elementor-menu-toggle,
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-menu-toggle,
  .elementor-location-header .elementor-widget-nav-menu .elementor-menu-toggle {
    order:2 !important; margin:0 !important; position:static !important;
    width:44px !important; height:44px !important; line-height:44px !important;
  }
  body { padding-top:0 !important; margin-top:0 !important; }
  .elementor-section.elementor-top-section:first-of-type,
  .elementor-section-wrap > .elementor-section:first-child,
  .site-content > .elementor > .elementor-section:first-child {
    margin-top:0 !important; padding-top:0 !important; background:transparent !important; box-shadow:none !important;
  }
}

/**********************************************************
HORIZONTAL SEAM SAFETY
**********************************************************/
@media (min-width: 768px) {
  html, body { overflow-x:hidden !important; }
  [style="width: 100vw"],
  .elementor-section.elementor-section-stretched { max-width:100% !important; }
}

/**********************************************************
SLIDER REV — no clipping
**********************************************************/
.rev_slider_wrapper,
.rev_slider,
.tp-revslider-mainul,
.tp-revslider-mainul li { overflow:visible !important; }

.rev_slider img,
.tp-revslider-slidesli .slotholder img { max-width:100%; height:auto; }

.tp-bgimg { width:auto !important; height:auto !important; object-fit:initial !important; }

.elementor-section, .elementor-container, .site-content, .container, .row { overflow:visible !important; }

@media (min-width: 1025px) and (max-width: 1366px) {
  .rev_slider_wrapper, .rev_slider {
    min-height:680px !important;
    height:auto !important;
    overflow:visible !important;
  }
}

/**********************************************************
TABLET POLISH (768–1024px)
**********************************************************/
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor .elementor-widget-buttons .elementor-button-wrapper,
  .elementor .elementor-widget-button .elementor-button-wrapper {
    display:flex !important; flex-wrap:nowrap !important; gap:12px !important;
    justify-content:center !important; align-items:center !important; width:100% !important;
  }
  .elementor .elementor-button { width:auto !important; white-space:nowrap !important; }
  .elementor .elementor-container,
  .site-header .elementor-container { flex-wrap:nowrap !important; align-items:center !important; }
  html, body, .elementor, .site, .site-content { overflow-x:hidden !important; }
  .elementor-section.elementor-section-stretched,
  [style*="width: 100vw"] { max-width:100% !important; }
}

/**********************************************************
THE EVENTS CALENDAR — UI tweaks
**********************************************************/
.tribe-events .tribe-events-c-events-bar__toggle-button,
.tribe-events .tribe-events-c-events-bar__search-toggle,
.tribe-events .tribe-events-c-view-selector__button {
  font-size:0 !important; line-height:1 !important;
}
.tribe-events .tribe-events-c-events-bar__toggle-button svg,
.tribe-events .tribe-events-c-events-bar__toggle-button i,
.tribe-events .tribe-events-c-events-bar__toggle-button .tribe-common-c-svgicon,
.tribe-events .tribe-events-c-events-bar__toggle-button .tribe-common-c-icon,
.tribe-events .tribe-events-c-view-selector__button svg,
.tribe-events .tribe-events-c-view-selector__button .tribe-common-c-svgicon,
.tribe-events .tribe-events-c-events-bar__toggle-button::before,
.tribe-events .tribe-events-c-events-bar__toggle-button::after,
.tribe-events .tribe-events-c-view-selector__button::before,
.tribe-events .tribe-events-c-view-selector__button::after,
.tribe-events .tribe-common-c-svgicon--chevron-down,
.tribe-events .tribe-common-c-svgicon--caret-down,
.tribe-events [class="svgicon--chevron"],
.tribe-events [class="svgicon--caret"] { display:none !important; }

.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-featured-image,
.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-featured-image-wrapper,
.tribe-events.tribe-events-view--list .tribe-common-g-row__col--image {
  max-width:140px !important; flex:0 0 140px !important; padding:8px 0 !important;
}
.tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-featured-image img,
.tribe-events.tribe-events-view--list .tribe-common-c-image__image,
.tribe-events.tribe-events-view--list .tribe-events-event-image img {
  max-width:120px !important; max-height:80px !important;
  width:auto !important; height:auto !important; object-fit:contain !important;
  display:block !important; margin:0 auto !important;
}
@media (max-width: 768px) {
  .tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-featured-image,
  .tribe-events.tribe-events-view--list .tribe-events-calendar-list__event-featured-image-wrapper,
  .tribe-events.tribe-events-view--list .tribe-common-g-row__col--image {
    max-width:110px !important; flex:0 0 110px !important;
  }
}

/**********************************************************
MOBILE TYPOGRAPHY (tight spacing ≤768px)
**********************************************************/
@media (max-width: 768px) {
  /* Hero / XXL / H1 */
  .elementor h1,
  .elementor .elementor-heading-title.elementor-size-xxl,
  .elementor .elementor-heading-title.elementor-size-xl {
    font-size: clamp(48px, 9vw, 72px) !important;
    line-height: 1.02 !important; /* tighter */
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 0.2em !important;
  }

  /* Subhead / H2 / Large */
  .elementor h2,
  .elementor .elementor-heading-title.elementor-size-large {
    font-size: clamp(34px, 7vw, 46px) !important;
    line-height: 1.1 !important; /* tighter */
    font-weight: 800 !important;
    margin-bottom: 0.15em !important;
  }

  /* Supporting / H3 / Medium */
  .elementor h3,
  .elementor .elementor-heading-title.elementor-size-medium {
    font-size: clamp(24px, 5.5vw, 32px) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    margin-bottom: 0.25em !important;
  }

  /* Body under headers */
  .elementor .elementor-widget-text-editor p {
    font-size: clamp(16px, 4vw, 20px) !important;
    line-height: 1.35 !important;
    margin-top: 0.15em !important;
  }

  /* Buttons */
  .elementor .elementor-button {
    font-size: 18px !important;
    line-height: 1.2 !important;
    padding: 14px 26px !important;
    border-radius: 10px !important;
    white-space: normal !important;
  }
}
/* Only on single product pages where the product type is Auction */
body.single-product.product-type-auction .button,
body.single-product.product-type-auction .button.alt,
body.single-product.product-type-auction .auction-form .button,
body.single-product.product-type-auction .bid_button,
body.single-product.product-type-auction .place-bid {
  background:#1f2937; color:#fff; border-color:#1f2937;
}
body.single-product.product-type-auction .button:hover,
body.single-product.product-type-auction .button.alt:hover,
body.single-product.product-type-auction .bid_button:hover,
body.single-product.product-type-auction .place-bid:hover {
  background:#111827; color:#fff; border-color:#111827;
}
/* Auction product pages only */
body.single-product.product-type-auction .woocommerce-message,
body.single-product.product-type-auction .woocommerce-error,
body.single-product.product-type-auction .woocommerce-info {
  background: #111827 !important;   /* dark background */
  color: #ffffff !important;         /* readable text */
  border-left-color: #4b5563 !important; /* subtle accent */
}

/* Links inside the notice (e.g., “View cart”) */
body.single-product.product-type-auction .woocommerce-message a,
body.single-product.product-type-auction .woocommerce-error a,
body.single-product.product-type-auction .woocommerce-info a {
  color: #ffffff !important;
  text-decoration: underline;
}