/* Product page only */
.arone-product-landing-page .product-info-section
  input.infoAttribute.catfish-input[disabled]{
  width: 100% !important;
  text-overflow: clip !important;
  overflow-x: auto !important;   /* horizontal scroll if needed */
  white-space: nowrap !important;/* keep it on one line */
}

/* Hide the "Update Cart" button on the cart page */
.page-shoppingcart-cart input#updatecart.updatecartbutton.catfish-button,
.page-shoppingcart-cart .cartform .buttons input.updatecartbutton.catfish-button,
.page-shoppingcart-cart .cartform .buttons input[name="updatecart"],
.page-shoppingcart-cart .cartform #updatecart {
  display: none !important;
}

/* If the button sits in a .buttons row that leaves extra space, collapse it */
.page-shoppingcart-cart .cartform .buttons:has(#updatecart) {
  display: none !important;
}

/* If your browser doesnt support :has(), fall back to removing the gap */
@supports not (selector(:has(*))) {
  .page-shoppingcart-cart .cartform .buttons #updatecart {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
  }
}

/* Hide the entire Selected Checkout Attributes area on one-page checkout */
.one-page-checkout .selected-checkout-attributes{
  display: none !important;
}

/* ===== Special Message (Top Banner) ===== */

/* Visuals */
.fbp-special-message {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 99999;
  background: #231F20;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.08em;
}
.fbp-special-message__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 48px;
  text-align: center;
}
.fbp-special-message__text { line-height: 1.4; display: inline-block; }
.fbp-special-message__close {
  position: absolute;
  right: 16px; top: 8px;
  background: transparent; border: 0;
  color: #fff; font-size: 22px; line-height: 1;
  cursor: pointer; z-index: 100000; pointer-events: auto;
}
.fbp-special-message.is-hidden { display: none; }

@media (max-width: 600px) {
  .fbp-special-message__inner { padding: 10px 44px; }
  .fbp-special-message__text { font-size: 14px; letter-spacing: 0.06em; }
}

:root{
  --fbp-msg-height: 0px;
  --fbp-header-height: 105px;
}

/* Push page content down by header + banner */
.header-spacer.ict-header-spacer.two-tier-spacer{
  height: calc(var(--fbp-header-height) + var(--fbp-msg-height)) !important;
}

/* Keep header pinned; don't move it */
.two-tier-menu.navbar.ict-navbar.is-fixed-top,
.split-mobile-nav.navbar.ict-navbar.is-fixed-top,
.navbar.ict-navbar.is-fixed-top {
  top: 0 !important;
}

/* Visually make room inside the header for the banner */
.two-tier-menu.navbar.ict-navbar.is-fixed-top{
  padding-top: var(--fbp-msg-height) !important;
  box-sizing: border-box;
  overflow: visible;
}

/* Force WYSIWYG content inside the special message to be readable */
#fbp-special-message,
#fbp-special-message * {
  color: #fff !important;
}

#fbp-special-message a {
  color: #fff !important;
  text-decoration: underline;
  font-weight: 500;
}

#fbp-special-message a:hover {
  opacity: 0.85;
}

/* Mobile header transparency fix: force solid white on the fixed header wrappers */
@media (max-width: 1024px) {

  section.two-tier-menu.navbar.ict-navbar.is-fixed-top.content-field-navbar,
  section.two-tier-menu.navbar.ict-navbar.is-fixed-top.content-field-navbar .split-menu-container,
  section.two-tier-menu.navbar.ict-navbar.is-fixed-top.content-field-navbar .hidden-mobile-menu,
  nav#main-nav.split-mobile-nav.navbar.ict-navbar.is-fixed-top,
  nav#main-nav.split-mobile-nav.navbar.ict-navbar.is-fixed-top .navbar-brand {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    opacity: 1 !important;
  }

  section.two-tier-menu.navbar.ict-navbar.is-fixed-top.content-field-navbar {
    box-shadow: 0 1px 0 rgba(0,0,0,0.12) !important;
  }
}

/* spacing stays the same */
@media (max-width: 1024px) {
  nav#main-nav.split-mobile-nav.navbar.ict-navbar.is-fixed-top {
    padding-top: var(--fbp-msg-height) !important;
    box-sizing: border-box;
  }
}

/* ===== END Special Message (Top Banner) ===== */

/* 1. Hide any stray text nodes inside the attribute info block */
.rawAttributeInfo {
  font-size: 0 !important;
}

/* 2. Restore normal font size for all the actual attribute rows and their contents */
.rawAttributeInfo .rawAttributeInfo__item,
.rawAttributeInfo .rawAttributeInfo__item * {
  font-size: 1rem !important;  /* or whatever your normal body size is */
}

/* ===== file upload section ===== */
/* Remove border/background from "uploads completed" in BOTH upload + preview footers */
.upload-status-container .button.is-light,
.multipartUi-V2-Footer .completed-list .button.is-light {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Make product titles bold in the multipart upload/preview widget */
.multipartUi-V2-wrapper .product-title {
  font-weight: 700 !important;
}
/* END file upload section */

/* BEGIN Expand "Name" column on My Account/Saved Quotes page */
/* Ensure the table fits inside its container */
.account-page .cf-table-wrapper table.table {
    width: 100%;
    table-layout: auto;
}

/* Prevent wrapping */
.account-page .cf-table-wrapper table.table th,
.account-page .cf-table-wrapper table.table td {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

@media (min-width: 768px) {

    /* 1) Caret column – very small */
    .account-page .cf-table-wrapper table.table thead th:first-child,
    .account-page .cf-table-wrapper table.table tbody td:first-child {
        width: 4%;
    }

    /* 2) Name column – wide and left-aligned */
    .account-page .cf-table-wrapper table.table thead th:nth-child(2),
    .account-page .cf-table-wrapper table.table tbody tr td:nth-child(2) {
        width: 20%;
    }

    /* 3) Date column */
    .account-page .cf-table-wrapper table.table thead th:nth-child(3),
    .account-page .cf-table-wrapper table.table tbody tr td:nth-child(3) {
        width: 18%;
    }

  	/* Actions column — wide enough for the button, aligned right */
    .account-page .cf-table-wrapper table.table thead th:last-child,
    .account-page .cf-table-wrapper table.table tbody tr td:last-child {
 	     width: 12%;          /* adjust between ~16–20% if you like */
 	     overflow: visible;   /* override the global overflow:hidden */
    } 
}
/* END Expand "Name" column on My Account/Saved Quotes page */

/* Hide checkout attributes on the Order Details page only */
#order_details_v2 .checkout-attributes {
    display: none !important;
}

/* ----- Confirm account / set password page ----- */
/* ============================================================
   FIREBALL — Set Your Password Page Refinements
   Applies ONLY to: /customer/confirmaccountinvitation
   ============================================================ */
   
/* ----- HEADINGS SHOULD NOT BE NARROW ----- */
.page-customer-confirmaccountinvitation h1,
.page-customer-confirmaccountinvitation h2 {
    max-width: none !important;
    text-align: left;
    font-size: var(--fs-xlrg);
    /*line-height: 2.8rem;*/
}

/* Subtitle styling (make smaller + tighter line-height) */
.page-customer-confirmaccountinvitation h3 {
    font-size: .95rem;
    line-height: 1.4;
    font-weight: 200;
    margin-bottom: 2rem;
}

/* Subtitle on Set Your Password page – match cart "Referrer" helper text */
.page-customer-confirmaccountinvitation h2.title {
    margin-bottom: 0.5rem; /* space between "Set Your Password" and subtitle */
}

.page-customer-confirmaccountinvitation h3.subtitle {
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    margin-top: 0;            /* rely on h2 margin-bottom for the gap */
    margin-bottom: 2rem;      /* space before the first field */
}

/* ----- INPUT STYLING: remove blue border on focus ----- */
.page-customer-confirmaccountinvitation input[type="password"],
.page-customer-confirmaccountinvitation input[type="text"] {
    border: 1px solid #231f20 !important;
    height: 53px;
    box-shadow: none !important;
    outline: none !important;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.page-customer-confirmaccountinvitation input[type="password"]:focus,
.page-customer-confirmaccountinvitation input[type="text"]:focus {
    border-color: #231f20 !important;
    box-shadow: 0 0 0 3px rgba(10,10,10,0.1) !important;
}

/* ----- KEEP FORM NARROW, BUT NOT HEADINGS ----- */
.page-customer-confirmaccountinvitation .vue-component-wrapper {
    /*max-width: 540px;*/
    margin: 0 auto;
}

/* Make Set Password labels match Login/Register labels */
.page-customer-confirmaccountinvitation .label span {
    font-size: var(--fs-sm) !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    line-height: 1.05rem !important;
    text-transform: uppercase !important;
    color: #231f20 !important; /* matches your brand’s dark text */
    display: inline-block;
    margin-bottom: 0.25rem;
}

/* Style the Terms & Conditions checkbox text like Login/Register labels */
.page-customer-confirmaccountinvitation label.checkbox {
    font-size: var(--fs-sm) !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #231f20 !important;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 3rem;
}

/* Style the link inside the checkbox label */
.page-customer-confirmaccountinvitation label.checkbox a {
    color: #231f20 !important;
    text-decoration: underline;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

/* ----- END Confirm account / set password page ----- */

/* =========================================================
   Checkout attributes – Referrer + Note (cart page)
   ========================================================= */

/* 1) Make all checkout attributes left-aligned again */
#cartform .checkoutAttributesWrapper .catfish-container,
#cartform .checkoutAttributesWrapper .checkout-attributes {
    text-align: left;
}

#cartform .checkout-attributes {
    display: block; /* kill any flex centering */
}

/* 2) Referrer heading + subheading (match old site layout)  */
/* "Referrer" on its own line, helper text on the next line */
#cartform .checkout-attributes .checkout_attribute_item.Info:first-of-type .checkout_attribute_title span strong {
    display: block;
    font-size: 1.5rem;
    line-height: 1.1;
    font-weight: 600;
}

/* 3) Put “Referrer Name / Email” inputs on the same line as labels,
      and keep that whole block to roughly half the page width */
#cartform .checkout-attributes .checkout_attribute_item.TextBox {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 60rem;      /* about half-width, aligned left */
}

#cartform .checkout-attributes .checkout_attribute_item.TextBox .checkout_attribute_title {
    flex: 0 0 auto;
    margin-bottom: 0;
}

#cartform .checkout-attributes .checkout_attribute_item.TextBox input.attributeCheckout {
    flex: 1 1 auto;
    max-width: 30rem;
}

#cartform .checkout-attributes .checkout_attribute_item.Info:last-of-type .checkout_attribute_title span strong {
    display: block;
    font-size: 1rem;
    line-height: 1;
}

/* keep wrapper visible so the text sits under “Note” */
#cartform .checkout-attributes .checkout_attribute_item.Info:last-of-type .vue-component-wrapper {
    display: block;
    margin-top: .5rem;
}

/* remove the little info icon for the Note */
#cartform .checkout-attributes .checkout_attribute_item.Info:last-of-type i.fa-info-circle {
    display: none !important;
}

/* flatten the tooltip container so it’s just plain text */
#cartform .checkout-attributes .checkout_attribute_item.Info:last-of-type .tooltip-html-container {
    display: block !important;
    border: none !important;
    box-shadow: none !important;     /* removes that drop-shadow card */
    background: transparent !important;
    padding: 0 !important;
}

/* Note help text style – match other body copy */
#cartform .checkout-attributes .checkout_attribute_item.Info:last-of-type .tooltip-html-container p {
    font-size: .7rem;
    line-height: 1;
    color: #4a4a4a;
    margin: 0;
}

/* ============================
   Referrer + Note final fixes
   (cart page only)
   ============================ */

/* 1) Referrer rows: no grey background */
html.page-shoppingcart-cart
  .checkout-attributes
  > .checkout_attribute_item.Info:first-of-type,
html.page-shoppingcart-cart
  .checkout-attributes
  > .checkout_attribute_item.TextBox {
  background: transparent !important;
  border: none !important;
}

/* 2) Note block: keep grey panel, show body text inside it */
html.page-shoppingcart-cart
  .checkout-attributes
  > .checkout_attribute_item.Info:last-of-type {
  background: #f5f3f2 !important;
}

/* Hide the Note info icon */
html.page-shoppingcart-cart
  .checkout-attributes
  > .checkout_attribute_item.Info:last-of-type
  i.fa-info-circle {
  display: none !important;
}

/* Make the tooltip behave like normal inline text */
html.page-shoppingcart-cart
  .checkout-attributes
  > .checkout_attribute_item.Info:last-of-type
  .cf-tooltip {
  position: static !important;
  display: block !important;
}

/* Ensure the Note help text is visible, flat, and readable */
html.page-shoppingcart-cart
  .checkout-attributes
  > .checkout_attribute_item.Info:last-of-type
  .cf-tooltip .tooltip-html-container {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #423f3b !important;
}

/* Paragraph inside the Note text */
html.page-shoppingcart-cart
  .checkout-attributes
  > .checkout_attribute_item.Info:last-of-type
  .cf-tooltip .tooltip-html-container p {
  margin: 0 !important;
  font-size: 1rem;
  line-height: 1.6;
  color: #423f3b !important;
}

/* Final Note width tweaks – cart page only */

/* Grey Note box: narrower, left-aligned */
html.page-shoppingcart-cart
  #cartform
  .checkoutAttributesWrapper
  .checkout-attributes
  > .checkout_attribute_item.Info:last-of-type {
  max-width: 39.7rem !important;   /* overall width of grey block */
}

/* Note text: allow a comfortable paragraph width */
html.page-shoppingcart-cart
  #cartform
  .checkoutAttributesWrapper
  .checkout-attributes
  > .checkout_attribute_item.Info:last-of-type
  .cf-tooltip
  .tooltip-html-container {
  max-width: 39.7rem !important;   /* wider than before so it’s not a skinny column */
  width: auto !important;
  white-space: normal !important;
}

/* Kill extra <br> spacing inside checkout attributes */
html.page-shoppingcart-cart .checkout-attributes br {
  display: none !important;
}

/* Referrer helper line: "Did someone refer you to Fireball?..." */
html.page-shoppingcart-cart
  #cartform
  .checkout-attributes
  .checkout_attribute_item.Info:first-of-type
  .checkout_attribute_title
  .vue-component-wrapper
  .cf-tooltip > div {
    font-size: 0.95rem;      /* adjust to taste */
    font-weight: 400;
    line-height: 1.4;
}

/* Make Referrer Name / Referrer Email labels smaller */
html.page-shoppingcart-cart
  #cartform
  .checkout-attributes
  .checkout_attribute_item.TextBox
  .checkout_attribute_title span strong {
    /*font-size: 0.9rem;*/   /* smaller than default */
    /*font-weight: 500;*/
    font-size: var(--fs-sm) !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #231f20 !important;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    /*margin-bottom: 3rem*/
}

/* ============================================
   Referrer spacing – final tiny adjustment
   ============================================ */

/* Referrer block ("Referrer" + helper line) */
html.page-shoppingcart-cart #cartform
  .checkout-attributes
  .checkout_attribute_item.Info:first-of-type {
  margin-top: 1rem
  margin-bottom: 0rem !important; /* tighten gap under helper text */
}

/* First TextBox after Referrer = "Referrer Name" */
html.page-shoppingcart-cart #cartform
  .checkout-attributes
  .checkout_attribute_item.Info:first-of-type
  + .checkout_attribute_item.TextBox {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;  /* smaller gap before Referrer Email */
}

/* Second TextBox after Referrer = "Referrer Email" */
html.page-shoppingcart-cart #cartform
  .checkout-attributes
  .checkout_attribute_item.Info:first-of-type
  + .checkout_attribute_item.TextBox
  + .checkout_attribute_item.TextBox {
  margin-top: 0rem !important;
  margin-bottom: 2.5rem !important;   /* keep nice gap before Note */
}

/* ============================================
   ALIGN REFERRER NAME + EMAIL INPUTS EXACTLY
   ============================================ */
#cartform .checkout-attributes .checkout_attribute_item.TextBox .checkout_attribute_title {
    flex: 0 0 6.5rem !important; /* adjust this width until aligned */
}

/* ============================================
   REMOVE DEFAULT PADDING ON REFERRER ROWS
   ============================================ */

html.page-shoppingcart-cart #cartform .checkout-attributes 
.checkout_attribute_item.Info:first-of-type,
html.page-shoppingcart-cart #cartform .checkout-attributes 
.checkout_attribute_item.Info:first-of-type + .checkout_attribute_item.TextBox,
html.page-shoppingcart-cart #cartform .checkout-attributes 
.checkout_attribute_item.Info:first-of-type + .checkout_attribute_item.TextBox + .checkout_attribute_item.TextBox {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

/* Pull the totals section closer to the Note */
html.page-shoppingcart-cart #cartform .cart-footer__container {
  margin-top: -0.5 !important;
  padding-top: 0 !important;
}

/* ----- END Checkout Attribute Adjustments ----- */

/* ----- Keep standard link style for 10lb font in WYSIWYG (for products pages) ----- */
.ict-wysiwyg.content a {
  text-decoration: underline !important;
  font-weight: 400 !important;
  color: rgba(35, 31, 32, 0.7);
}
/* ----- END ------ */

/* Mobile: make the banner taller so "cover" crops the sides less */
@media (max-width: 767px) {
  .flexslider.infigo-slider .slides > li.has-custom-background-mobile-1 {
    min-height: clamp(600px, 72vh, 780px) !important;
    background-position: center top !important; /* keep top visible, center horizontally */
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
}

/* $20 Menu – tighten space above intro */
.arone-category-page.twenty-menu > section.category-intro-wrapper.section {
  padding-top: 1.5rem !important;
}

/* ============================================
   Add floating images between products for 20 Dollar Menu
   ============================================ */
/* The injected floaty tile inside the product grid */
.twenty-menu-floaty-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.twenty-menu-floaty-tile img.twenty-menu-floaty-img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Move the injected floaty up so it aligns with product images */
.twenty-menu .twenty-menu-floaty-tile {
  align-self: flex-start;         /* don't vertically center within the row */
  padding-top: 0 !important;      /* remove extra top padding */
}

/* ============================================
   END floating images between products for 20 Dollar Menu
   ============================================ */

/* ============================================
   Remove empty space at the bottom of the sub category pages
   ============================================ */
/* -------------------------------------------------------
   1) Hide the bottom-left category filter dropdown
   (this is the #category-filter inside #AfterMainContainer)
-------------------------------------------------------- */
.page-catalog-category #AfterMainContainer #category-filter {
  display: none !important;
}


/* -------------------------------------------------------
   2) Hide the empty outro block (removes that dead space)
-------------------------------------------------------- */
.page-catalog-category .arone-category-page .category-outro-wrapper {
  display: none !important;
}


/* -------------------------------------------------------
   3) Tighten padding so the grid doesn’t leave a giant gap
-------------------------------------------------------- */
.page-catalog-category .arone-category-page .category-product-section.section {
  padding-bottom: 24px !important;
}

.page-catalog-category .arone-category-page .category-intro-wrapper.section {
  padding-bottom: 0 !important;
}

.page-catalog-category .arone-category-page .product-grid {
  margin-bottom: 0 !important;
}

/* Keep top spacing intact (header offset); only remove the bottom gap */
.page-catalog-category #AfterMainContainer {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* ============================================
   END Remove empty space at the bottom of the sub category pages
   ============================================ */
   
/* =========================================
   Custom Size: suppress red validation state
   for Short / Long attributes (all products)
   ========================================= */

.attribute.name_Short input.input-validation-error,
.attribute.name_Short input[aria-invalid="true"],
.attribute.name_Long input.input-validation-error,
.attribute.name_Long input[aria-invalid="true"] {
  border-color: var(--Primary-color) !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

/* Match Quantity focus behavior for custom size fields */

.attribute.name_Short input:focus,
.attribute.name_Short input:active,
.attribute.name_Short input.is-focused,
.attribute.name_Short input.is-active,
.attribute.name_Long input:focus,
.attribute.name_Long input:active,
.attribute.name_Long input.is-focused,
.attribute.name_Long input.is-active {
  border-color: #231F20 !important;
  box-shadow: 0 0 0 0.125em rgba(35, 31, 32, 0.25) !important;
}
/* Ensure focus styling wins even when invalid */

.attribute.name_Short input.input-validation-error:focus,
.attribute.name_Short input[aria-invalid="true"]:focus,
.attribute.name_Long input.input-validation-error:focus,
.attribute.name_Long input[aria-invalid="true"]:focus {
  border-color: #231F20 !important;
  box-shadow: 0 0 0 0.125em rgba(35, 31, 32, 0.25) !important;
}

/* -------------------------------------------------
   END Suppress decimal validation styling for
   Short Side / Long Side custom dimension fields
   ------------------------------------------------- */
   
/* =====================================================
   Hide Short / Long dimensions in summaries
   unless Size = Custom
   ===================================================== */

/* Hide stale custom-dimension rows unless Size == Custom */
.rawAttributeInfo.fbp-size-not-custom .rawAttributeInfo__item[class*="attributeinfo_Short_Side"],
.rawAttributeInfo.fbp-size-not-custom .rawAttributeInfo__item[class*="attributeinfo_Long_Side"] {
  display: none !important;
}

/* Blog thumbnail caption block: reduce “black area” padding on mobile */
@media (max-width: 480px) {
  .swiper-slide .block.box.is-content-width.has-background-primary.has-text-white {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 0px !important;
    /* optional: tighten top too */
    padding-top: 0px !important;
  }
}

/* Prevent footer links like "Site Map" from wrapping on mobile */
@media (max-width: 480px) {
  .footer-copyright-section
  ul.ict-list
  li.custom-linked-item
  a {
    white-space: nowrap;
  }
}

/* =====================================================
   Styling for Login New Site Subtext
   ===================================================== */
html.page-customer-login
.login__wrapper
.page-title h1.title.is-spaced{
  text-align: center;
  max-width: 46rem;
  margin: 0 auto 0.75rem;
  padding: 0;
  text-transform: none !important; /* override theme capitalize */
  line-height: normal !important;  /* prevent giant line boxes */
}

/* Make spacing predictable */
html.page-customer-login
.login__wrapper
.page-title h1.title.is-spaced
.fbp-login-title,
html.page-customer-login
.login__wrapper
.page-title h1.title.is-spaced
.fbp-login-note-label,
html.page-customer-login
.login__wrapper
.page-title h1.title.is-spaced
.fbp-login-note{
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}

/* Main title */
html.page-customer-login
.login__wrapper
.page-title h1.title.is-spaced
.fbp-login-title{
  font-size: 2.25rem;
  font-weight: 700;
  color: rgba(0,0,0,0.85);
  line-height: 1.1;
}

/* “New site note:” label */
html.page-customer-login
.login__wrapper
.page-title h1.title.is-spaced
.fbp-login-note-label{
  font-size: 1.05rem;
  font-weight: 600;
  color: rgba(0,0,0,0.75);
  line-height: 1.15;
  margin-top: 1rem !important;
}

/* Body text */
html.page-customer-login
.login__wrapper
.page-title h1.title.is-spaced
.fbp-login-note{
  font-size: .9rem;
  font-weight: 400;
  color: rgba(0,0,0,0.7);
  line-height: 1.25;
  margin-top: 0.5rem !important;
}
/* =====================================================
   END Styling for Login New Site Subtext
   ===================================================== */
   
/* Customer Orders – Reorder button interaction states */
html.page-customer-orders input.reorderbutton,
html.page-customer-orders input.od_reorder_button,
html.page-customer-orders input#reorder {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  transition: background-color 0.15s ease, transform 0.05s ease;
}

/* Hover */
html.page-customer-orders input.reorderbutton:hover,
html.page-customer-orders input.od_reorder_button:hover,
html.page-customer-orders input#reorder:hover {
  background-color: #2b2b2b !important;
  border-color: #2b2b2b !important;
}

/* Active / click */
html.page-customer-orders input.reorderbutton:active,
html.page-customer-orders input.od_reorder_button:active,
html.page-customer-orders input#reorder:active {
  background-color: #1a1a1a !important;
  transform: translateY(1px);
}

/* Disabled */
html.page-customer-orders input.reorderbutton:disabled,
html.page-customer-orders input.od_reorder_button:disabled,
html.page-customer-orders input#reorder:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/* END Customer Orders – Reorder button interaction states */

/* Checkout – Payment method text wrapping fix (mobile) */
@media (max-width: 480px) {

  html.page-checkout-onepagecheckout
  .payment-method-item label {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }

}

/* =====================================================
   Fireblog Carousel on Homepage
   ===================================================== */
/* Fireblog carousel: allow 2-line titles but keep caption height consistent (desktop only) */
@media (min-width: 1025px) {

  html.page-home-index .swiper-wrapper a.link-block .block.box.has-background-primary {
    /* This is the black box */
    height: 154px;     
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 3rem; 
    padding-bottom: 0.75rem; 
  }

  /* Date line: keep it compact */
  html.page-home-index .swiper-wrapper a.link-block .block.box.has-background-primary .ict-sub-title {
    margin-bottom: 0.35rem; 
  }

  /* Title: allow up to 2 lines, don’t force the box taller */
  html.page-home-index .swiper-wrapper a.link-block .block.box.has-background-primary .ict-title.title {
    white-space: normal;
    overflow: hidden;

    /* 2-line clamp (works in Chromium/Safari; Firefox will just use overflow hidden) */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    line-height: 1.2;     
    max-height: calc(1.2em * 2); /* must match line-height * 2 */
  }

}
/* =====================================================
   END Fireblog Carousel on Homepage
   ===================================================== */
   
/* Fix anchor links landing under the sticky header */
html { scroll-behavior: smooth; } /* optional */

h2[id], h3[id], h4[id] {
  scroll-margin-top: 160px; /* adjust if needed */
}

/* Mobile anchor offset — smaller header */
@media (max-width: 768px) {
  h2[id], h3[id], h4[id] {
    scroll-margin-top: 120px;
  }
}
/* END Fix anchor links landing under the sticky header */

/* =====================================================
   Blog
   ===================================================== */
/* Blog post sliders: permanently hide pagination dots */
.blogpost__featureimage .flex-control-nav,
.postbody .flex-control-nav {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* =====================================================
   END Blog
   ===================================================== */