.single-post .wp-block-gallery img,
.page .wp-block-gallery img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
/* Make sure mini-cart images are unaffected */
.woocommerce-mini-cart .mini_cart_item img {
    width: 100px !important;  /* your desired size */
    height: auto !important;
    object-fit: cover !important;  /* keeps proportions neat */
    flex-shrink: 0;               /* prevents shrinking in flex layout */
}

.woocommerce div.product form.cart .variations label {
    color: #ffffff;
}
/* Account login text */
.woocommerce-account,
.woocommerce-account p,
.woocommerce-account label {
    color: #ffffff; /* change to your color */
}

/* Optional: if your theme wraps checkboxes in divs or spans */
label {
    color: white !important;
}
/* MOBILE ONLY: hidden on desktop by default */
.mobile-only {
    display: none !important;
}

/* Show only on mobile screens (≤768px) */
@media only screen and (max-width: 768px) {
    .mobile-only {
        display: block !important;
    }
}

/* Hide on mobile screens (≤768px) */
@media only screen and (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
}

/* Hide hero-mobile on screens larger than or equal to 768px (desktop) */
@media (min-width: 768px) {
  .hero-mobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .hero-desktop {
    display: none !important;
  }
}

/* Prevent horizontal overflow */
html, body {
  overflow-x: hidden;
}
.ast-woo-off-canvas-sidebar .wc-forward {
  display: none !important;
}
/* Start with only the button visible */
.custom-aws-wrapper form {
    display: flex;
    align-items: center;
}

/* Style the button as an icon */
.custom-aws-wrapper form button[type="submit"] {
    cursor: pointer;
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 16px;
}

/* Expand the input when wrapper has active class */
.custom-aws-wrapper.active form input[type="text"] {
    max-width: 200px;       /* expanded width */
    padding: 5px 10px;
    opacity: 1;
    pointer-events: auto;
    margin-left: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/* Force last menu item's mega menu to stay on screen */
.mega-menu > li.mega-menu-item:last-child > ul.mega-sub-menu {
  right: 0 !important;
  left: auto !important;
}


  /* Prevent expanding search from pushing layout */
  .custom-aws-wrapper {
    max-width: 100%;
    overflow: hidden;
  }
.custom-show-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

/* CLOSED eye */
.custom-show-password::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath d='M1.5 12S5.5 5 12 5s10.5 7 10.5 7-4 7-10.5 7S1.5 12 1.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* OPEN eye */
.custom-show-password.display-password::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath d='M1 1l22 22'/%3E%3Cpath d='M6.5 6.5C4 8.5 2 12 2 12s4 7 10 7c2.3 0 4.3-.7 6-1.7'/%3E%3Cpath d='M14 14a3 3 0 0 1-4-4'/%3E%3C/svg%3E");
}
/* Hide extra boxes ONLY in popup outside /account page */
body:not(.woocommerce-account) .pum-container .woocommerce-password-toggle,
body:not(.woocommerce-account) .pum-container .show-password-input:not(:first-child) {
    visibility: hidden;   /* keeps layout but invisible */
    pointer-events: none; /* not clickable */
}
/* Font icons */
footer a[class*="social"] i,
footer a[class*="social"] .fa,
footer a[class*="social"] .fab {
  color: #ffffff !important;  /* force white */
  transition: color 0.3s;
}

/* SVG icons */
footer a[class*="social"] svg {
  fill: #ffffff !important;   /* force white */
  transition: fill 0.3s;
}

/* Image icons (png/jpg) using filter */
footer a[class*="social"] img {
  filter: brightness(0) invert(1); /* makes the icon white */
  transition: filter 0.3s;
}

/* Hover effect: slightly gray */
footer a[class*="social"]:hover i,
footer a[class*="social"]:hover svg,
footer a[class*="social"]:hover img {
  color: #cccccc !important;
  fill: #cccccc !important;
  filter: brightness(0) invert(0.8); /* slightly gray for images */
  transform: scale(1.1); /* subtle zoom effect */
}
/* 1. LAYOUT RESET: Stack Nav above Content */
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column !important; /* Forces vertical stacking */
    align-items: center !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* 2. HORIZONTAL NAVIGATION BAR */
.woocommerce-MyAccount-navigation {
    width: 100% !important;
    margin-bottom: 40px !important;
}

.woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important; /* Wraps buttons on mobile */
    justify-content: center !important; /* Centers the buttons */
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation li {
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation li a {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    padding: 10px 18px !important;
    border-radius: 50px !important; /* Rounded pill style */
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    white-space: nowrap !important;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

/* 3. CONTENT AREA (Orders, Downloads, etc.) */
.woocommerce-MyAccount-content {
    width: 100% !important;
}

/* 4. DARK PANELS & CENTERED NOTICES */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content address,
.woocommerce-MyAccount-content table.shop_table {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    padding: 30px !important;
    border-radius: 10px !important;
}

.woocommerce-MyAccount-content .woocommerce-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 200px !important;
}

/* Center icon and button */
.woocommerce-MyAccount-content .woocommerce-info::before {
    position: relative !important;
    margin: 0 auto 15px auto !important;
    left: 0 !important; top: 0 !important;
    transform: none !important;
    display: block !important;
}

.woocommerce-MyAccount-content .woocommerce-info .button.wc-forward {
    background-color: #222d2b !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    margin-top: 20px !important;
}
/* --- FIX: STUBBORN WHITE BOXES & TEXT --- */

/* 1. Force Black Background on Address & Stock Notification Containers */
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content address,
.woocommerce-MyAccount-content .u-column1,
.woocommerce-MyAccount-content .u-column2,
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message {
    background-color: #1a1a1a !important; /* Your dark grey */
    color: #ffffff !important;           /* Forced white text */
    border: 1px solid #333333 !important;
}

/* 2. Fix Address Headers (Billing/Shipping) */
.woocommerce-MyAccount-content .woocommerce-Address-title.title h2,
.woocommerce-MyAccount-content .woocommerce-Address-title.title h3 {
    color: #222d2b !important;
    background: transparent !important; /* Removes Astra's white background */
    margin: 0 0 10px 0 !important;
}

/* 3. Style Table Headers (Stock Notifications) */
.woocommerce-MyAccount-content table.shop_table thead tr th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-bottom: 2px solid #333 !important;
}

/* 4. Fix 'Edit' and 'Add' links */
.woocommerce-MyAccount-content a.edit, 
.woocommerce-MyAccount-content .woocommerce-Address-title a {
    color: #222d2b !important; /* Your brand colour */
    font-weight: bold !important;
    text-decoration: underline !important;
    background: transparent !important;
}

/* 5. Mobile Fix for Table Labels (ID, Date, etc.) */
@media screen and (max-width: 768px) {
    .woocommerce-MyAccount-content table.shop_table_responsive tr td::before {
        color: #ffffff !important;
    }
}
/* Add breathing room above the footer */
.woocommerce-account .woocommerce {
    margin-bottom: 80px !important;
}

/* Optional: If the footer still feels tight on mobile */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        margin-bottom: 50px !important;
    }
}
/* --- GLOBAL CHECKOUT DARK THEME --- */

/* 1. Backgrounds for all Input Fields, Select Boxes, and Textareas */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout select, 
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-selection {
    background-color: #222d2b !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

/* 2. Fix for "White on White" Text in Inputs */
.woocommerce-checkout input::placeholder {
    color: #cccccc !important;
    opacity: 1;
}

/* 3. The Order Review Table and Payment Box */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout #payment,
.woocommerce-checkout #payment ul.payment_methods {
    background-color: #222d2b !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

/* 4. Payment Box Descriptions and Labels */
.woocommerce-checkout #payment div.payment_box {
    background-color: #1a1a1a !important; /* Slightly darker for contrast */
    color: #ffffff !important;
}

.woocommerce-checkout label {
    color: #ffffff !important;
}

/* 5. Fix for Select2 (The Country Dropdown) */
.select2-container--default .select2-selection--single {
    background-color: #222d2b !important;
    border: 1px solid #333333 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
}
/* --- COUPON SECTION DARK MODE --- */

/* 1. The "Have a coupon?" info bar */
.woocommerce-checkout .woocommerce-info {
    background-color: #222d2b !important;
    color: #ffffff !important;
    border-top-color: #333333 !important; /* Removes the default blue accent */
}

.woocommerce-checkout .woocommerce-info a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* 2. The hidden coupon form that drops down */
.woocommerce-checkout form.checkout_coupon {
    background-color: #222d2b !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    margin-bottom: 20px !important;
}

/* 3. The specific Coupon Input field and Button */
.woocommerce-checkout form.checkout_coupon input.input-text {
    background-color: #1a1a1a !important; /* Slightly darker to distinguish from the box */
    color: #ffffff !important;
}

.woocommerce-checkout form.checkout_coupon button.button {
    background-color: #ffffff !important;
    color: #222d2b !important;
}
/* --- REMOVE BACKGROUNDS FROM ORDER SUMMARY & PAYMENT --- */

/* 1. Make the Order Table transparent */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    padding-left: 0 !important; /* Align text to the far left */
}

/* 2. Make the Payment Box transparent */
.woocommerce-checkout #payment,
.woocommerce-checkout #payment ul.payment_methods {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    padding-left: 0 !important;
}

/* 3. Keep the text white so it remains visible on your dark page */
.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout label {
    color: #ffffff !important;
}

/* 4. Optional: Add a simple thin line above the total to keep it organized */
.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    border-top: 1px solid #333333 !important;
}
/* --- TRANSPARENT COUPON REVEAL --- */

/* 1. Remove the background and border from the sliding form */
.woocommerce-checkout form.checkout_coupon {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 10px !important;
}

/* 2. Keep the input box visible so users can see where to type */
.woocommerce-checkout form.checkout_coupon .form-row-first input.input-text {
    background-color: #222d2b !important; /* Keep the brand green for the actual input */
    border: 1px solid #333333 !important;
    color: #ffffff !important;
}

/* 3. Style the 'Apply coupon' button so it's clear */
.woocommerce-checkout form.checkout_coupon .form-row-last button.button {
    background-color: #ffffff !important;
    color: #222d2b !important;
    font-weight: bold !important;
}
/* Make all footer links look like buttons */
.site-footer a {
    display: inline-block;
    padding: 10px 10px;
    background-color: #212d2b;
    color: #476862;          /* text color */
    border-radius: 8px;       /* keep normal rounded shape by default */
    border: 1px solid #212d2b;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Hover effect */
.site-footer a:hover {
    background-color: #181d1c;  /* hover background */
    color: #ffffff;             /* hover text */
    border-color: #181d1c;
    border-radius: 0;            /* remove rounding on hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

}



/* --- SHOP FILTERS: MOBILE ONLY --- */
@media (max-width: 921px) {
    .archive.woocommerce .ast-woocommerce-container {
        display: flex !important;
        flex-direction: column !important;
    }
    .archive.woocommerce .woocommerce-sidebar {
        order: -1 !important;
        width: 100% !important;
    }
}

/* ===========================
   WOOCOMMERCE BUTTONS ONLY EXCLUDING HEADER
=========================== */
:not(.site-header) .woocommerce button.button,
:not(.site-header) .woocommerce #respond input#submit,
:not(.site-header) .woocommerce a.button,
:not(.site-header) .woocommerce input.button {
    background-color: #212d2b !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background-color 0.3s ease,
                color 0.3s ease,
                transform 0.3s ease,
                box-shadow 0.3s ease !important;
    box-shadow: none !important;
}

/* HOVER & FOCUS STATES */
:not(.site-header) .woocommerce button.button:hover,
:not(.site-header) .woocommerce #respond input#submit:hover,
:not(.site-header) .woocommerce a.button:hover,
:not(.site-header) .woocommerce input.button:hover,
:not(.site-header) .woocommerce button.button:focus,
:not(.site-header) .woocommerce #respond input#submit:focus,
:not(.site-header) .woocommerce a.button:focus,
:not(.site-header) .woocommerce input.button:focus {
    background-color: #476862 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
    border-radius: 8px !important;
}

/* ACTIVE STATE */
:not(.site-header) .woocommerce button.button:active,
:not(.site-header) .woocommerce #respond input#submit:active,
:not(.site-header) .woocommerce a.button:active,
:not(.site-header) .woocommerce input.button:active {
    transform: translateY(0) !important;
    outline: none !important;
}

/* ===========================
   HOMEPAGE GUTENBERG BUTTON HOVER FIX
=========================== */
.home .wp-block-button__link,
.home .wp-block-button a,
.home .elementor-button {
    position: relative;
    z-index: 10;
    pointer-events: auto; /* ensure it registers hover */
}

/* Disable wrapper layers blocking hover */
.home .wp-block-cover__background,
.home .wp-block-cover::before,
.home .wp-block-group::before,
.home .wp-block-group::after,
.home .ast-container::before,
.home .ast-container::after {
    pointer-events: none;
}

/* Hover on homepage Gutenberg buttons */
.home .wp-block-button__link:hover,
.home .wp-block-button__link:focus,
.home .wp-block-button a:hover,
.home .wp-block-button a:focus,
.home .elementor-button:hover,
.home .elementor-button:focus {
    background-color: #476862 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
    border-radius: 8px !important;
}
/* Target Gutenberg form button only */
.wp-block-button__link[type="submit"] {
    border: 2px solid #ffffff;   /* white border */
    background-color: #212d2b;   /* dark background */
    color: #ffffff;              /* text color */
    border-radius: 0px;          /* rounded corners */
    padding: 12px 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover effect */
.wp-block-button__link[type="submit"]:hover {
    background-color: #476862;   /* hover background */
    color: #ffffff;              /* hover text */
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
/* Style submit inputs */
input[type="submit"] {
    border: 2px solid #ffffff;   /* white border */
    background-color: #212d2b;   /* dark background */
    color: #ffffff;              /* text color */
    border-radius: 0px;          /* rounded corners */
    padding: 12px 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover effect */
input[type="submit"]:hover {
    background-color: #476862;   /* hover background */
    color: #ffffff;              /* hover text */
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.enquire-now-button {
  display: inline-flex;             /* keeps text centered inside button */
  align-items: center;              /* vertically center text */
  justify-content: center;          /* horizontally center text inside button */
  background-color: #212d2b;       /* button background */
  color: #ffffff;                   /* text color */
  text-decoration: none !important; /* REMOVE underline forcefully */
  padding: 12px 30px;               /* button padding */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1;                   /* keeps text vertically centered */
  border-radius: 0px;               /* rounded corners */
  cursor: pointer;
  transition: all 0.3s ease;
  box-sizing: border-box;

  /* Force button itself to align left */
  float: left;                      /* left-align the button */
  margin: 0;                        /* reset any margin */
  text-align: center;               /* text stays centered inside button */
}

/* Hover effect */
.enquire-now-button:hover {
  background-color: #476862;        /* hover background */
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}


/* Remove Astra Add to Cart/Card Icons on Shop Page */
.ast-on-card-button, .ast-card-action-tooltip {
    display: none !important;
}
/* Hide category on single product pages (Astra + WooCommerce) */
.single-product .posted_in {
    display: none !important;
}
/* Remove WooCommerce dimming on disabled variation buttons */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button.wc-variation-selection-needed {
    opacity: 1 !important;
    filter: none !important;
}

/* Ensure background stays consistent */
.single_add_to_cart_button {
    background-color: #212d2b !important;
    color: #ffffff !important;
}
/* Hide SKU on single product pages (Astra) */
.single-product .product_meta .sku_wrapper {
    display: none !important;
}

.woocommerce-cart table.shop_table thead tr {
    background-color: #212d2b !important;
}
.woocommerce-cart .cart_totals h2 {
    background-color: #212d2b !important; /* dark background */
    display: block;                        /* makes it take full width */
    width: 100%;                           /* ensures full width */
    padding: 10px 15px;                    /* adds some space around the text */
    margin: 0;                              /* removes default margins */
    color: #ffffff;                        /* optional: text color */
    box-sizing: border-box;                /* ensures padding doesn’t overflow */
}
/* Hide the Update Basket button completely, even if disabled */
.woocommerce-cart .actions button[name="update_cart"]:disabled,
.woocommerce-cart .actions button[name="update_cart"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
/* Remove background from the mini-cart container */
.header-widget-area-inner,
.header-widget-area-inner .wc-block-mini-cart,
.wc-block-mini-cart__button {
    background-color: transparent !important;
}
.wc-block-mini-cart__contents,
.wc-block-mini-cart__drawer,
.wp-block-woocommerce-filled-mini-cart-contents-block {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
/* Remove white border and shadow from mini-cart close button */
.wc-block-components-drawer__close {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
select.orderby {
    color: #ffff;  /* applies to the selected value */
}
/* Style the WooCommerce Shop sorting dropdown */
select.orderby {
    background-color: #000000; /* black background */
    color: #ffffff;           /* white text */
    border: 1px solid #333333; /* optional: subtle border */
    padding: 6px 10px;        /* optional: adjust padding */
    border-radius: 4px;       /* optional: rounded corners */
}
/* Target the specific Mailchimp email input by ID */
.mc4wp-form #email {
    width: 100% !important;        /* take full width of container */
    max-width: 100% !important;    /* don’t exceed container */
    min-width: 250px !important;   /* optional: prevent collapsing too narrow */
    box-sizing: border-box;        /* include padding in width */
    padding: 10px 15px;            /* nice spacing inside input */
}

/* Hide Mailchimp label text WITHOUT hiding the input */
.mc4wp-form label {
    font-size: 0 !important;
}

/* Hide the below footer / bottom bar */
.ast-footer-copyright {
    display: none !important;
}
/* Make all footer links line up neatly */
.site-footer a {
    display: block;       /* ensures consistent block alignment */
    margin: 0;            /* remove extra spacing */
    padding: 0;           /* remove extra spacing */
    text-align: left;     /* aligns text left consistently */
}
.footer-column {
    flex: 1;               /* all columns same width */
    min-width: 0;          /* prevents overflow */
}
.footer-column {
    flex: 1;               /* all columns same width */
    min-width: 0;          /* prevents overflow */
}
/* Hide desktop footer widgets on mobile */
@media (max-width: 768px) {
    .desktopwidget {
        display: none !important;
    }
}
/* Hide mobile footer widgets on desktop */
.mobilewidget {
    display: none; /* hide by default */
}

/* Show mobile footer widgets only on screens 768px wide or smaller */
@media (max-width: 768px) {
    .mobilewidget {
        display: block !important; /* show on mobile */
    }
}
/* Hide on desktop */
.mobilewidget {
    display: none;
}
@media (max-width: 768px) {
  .wp-block-jetpack-contact-form .grunion-field-wrap {
      width: 100% !important;
      max-width: 100% !important;
      float: none !important;
  }
  
  .wp-block-jetpack-contact-form input,
  .wp-block-jetpack-contact-form textarea,
  .wp-block-jetpack-contact-form select {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
  }

  .wp-block-jetpack-contact-form .wp-block-button__link {
      width: 100% !important;
      display: block !important;
  }
}
@media (max-width: 768px) {
    #block-186 {
        display: none !important;
    }
}
@media (max-width: 768px) {
    h2.wp-block-heading.has-text-align-left.has-medium-font-size {
        display: none !important;
    }
}
@media (max-width: 768px) {
    h2.wp-block-heading.has-text-align-left {
        display: none !important;
    }
}
/* Hide specific Mailchimp section elements on mobile */
@media (max-width: 768px) {
    aside.footer-widget-area[data-section="sidebar-widgets-footer-widget-4"] h2.has-medium-font-size,
    aside.footer-widget-area[data-section="sidebar-widgets-footer-widget-4"] h2:not(.has-medium-font-size),
    aside.footer-widget-area[data-section="sidebar-widgets-footer-widget-4"] p.wp-block-paragraph {
        display: none !important;
    }
}
#contact-form-comment-g947-notes {
    height: 120px;       /* a bit bigger */
    max-height: 120px;
    overflow-y: auto;    /* allows scrolling if user types more */
}
@media only screen and (max-width: 768px) {
    .aboutdesktop {
        display: none;
    }
}
@media only screen and (min-width: 769px) {
    .aboutmobile {
        display: none;
    }
}
/* Hide Jetpack slideshow pause button */
.wp-block-jetpack-slideshow_button-pause {
    display: none !important;
}
/* Hide touchdesktop on mobile */
@media (max-width: 768px) {
    .touchdesktop {
        display: none !important;
    }
}
/* Hide touchmobile on desktop */
@media (min-width: 769px) {
    .touchmobile {
        display: none !important;
    }
}
@media (max-width: 768px) {

    .getnumber,
    .getnumber a,
    a.getnumber {
        color: #ffffff !important;
    }

}
#contact-form-comment-g1072-message {
    height: 130px;      /* slightly bigger */
    max-height: 130px;
    overflow-y: auto;   /* scroll if user types more */
}

@media (max-width: 768px) {
    /* Make all product titles same height */
    ul.products li.product .woocommerce-loop-product__title {
        min-height: 2.5em; /* adjust this depending on your font size */
        overflow: hidden;   /* cut off extra lines */
    }

    /* Optional: make buttons slightly smaller so layout fits nicely */
    ul.products li.product .button,
    ul.products li.product a.button {
        font-size: 14px !important;
        padding: 6px 12px !important;
        display: inline-block !important;
    }
}
@media (max-width: 768px) {
    /* Make product info inline but allow wrapping */
    ul.products li.product .woocommerce-loop-product__title,
    ul.products li.product .price,
    ul.products li.product .button {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 5px 0; /* small spacing, allow new lines if needed */
    }

    /* Make button a bit smaller on mobile */
    ul.products li.product .button {
        font-size: 14px !important;
        padding: 6px 12px !important;
    }

    /* Remove truncation for product title and price */
    ul.products li.product .woocommerce-loop-product__title,
    ul.products li.product .price {
        white-space: normal; /* allow wrapping */
        overflow: visible;
        max-width: 100%;
    }

    /* Optional: keep everything centered */
    ul.products li.product .product-info {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .desktopvid {
        display: none !important;
    }
}
/* Hide on desktop */
.mobilevid {
    display: none;
}

/* Show only on mobile */
@media (max-width: 768px) {
    .mobilevid {
        display: block !important;
    }
}
/* Center site logo on mobile */
@media (max-width: 768px) {
    .site-header .site-logo,
    .site-header .custom-logo-link,
    .ast-site-identity img {
        display: block !important;
        margin: 0 auto !important;       /* centers horizontally */
        float: none !important;          /* remove any float */
        text-align: center !important;   /* just in case */
    }

    /* Optional: center the site title if it’s visible */
    .site-header .site-title,
    .site-header .site-description {
        text-align: center !important;
        margin: 0 auto !important;
    }

    /* Optional: remove extra padding/margin from surrounding elements */
    .site-header .ast-builder-layout-element {
        justify-content: center !important;
        align-items: center !important;
    }
}

@media only screen and (max-width: 768px) {
  .bespokedesk {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) {
  .bespokemo {
    display: none !important;
  }
}
/* Ensure the header stays above the search bar */
.site-header {
  position: relative; /* or sticky/fixed as your theme uses */
  z-index: 9999;
}

/* Optional: add spacing below the search bar on mobile */
@media only screen and (max-width: 768px) {
  .search-form {
    margin-top: 50px; /* adjust as needed */
  }
}
/* Hide .box1 on desktop screens wider than 768px */
@media (min-width: 769px) {
    .box1 {
        display: none !important;
    }
}
/* Hide .box2 on mobile screens 768px wide or smaller */
@media (max-width: 768px) {
    .box2 {
        display: none !important;
    }
}
/* Hide .legaltitle1 on mobile screens */
@media (max-width: 768px) {
    .legaltitle1 {
        display: none !important;
    }
}
/* Hide .notice1 on mobile screens */
@media (max-width: 768px) {
    .notice1 {
        display: none !important;
    }
}
/* Hide .notice2 on desktop screens */
@media (min-width: 769px) {
    .notice2 {
        display: none !important;
    }
}
/* Hide .legaltitle2 on desktop screens */
@media (min-width: 769px) {
    .legaltitle2 {
        display: none !important;
    }
}
/* Hide .term1 on mobile screens */
@media (max-width: 768px) {
    .term1 {
        display: none !important;
    }
}
/* Hide .term2 on desktop (769px and wider) */
@media (min-width: 769px) {
    .term2 {
        display: none !important;
    }
}
h2.term2.wp-block-heading.has-text-align-left {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}
/* Hide on mobile */
@media (max-width: 768px) {
    .faq1 {
        display: none !important;
    }
}
/* Hide on desktop */
@media (min-width: 769px) {
    .faq2 {
        display: none !important;
    }

}
/* Force h2.faq2 to show on mobile only */
@media (max-width: 768px) {
    h2.faq2.wp-block-heading.has-text-align-left {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;       /* overrides any height restrictions */
        overflow: visible !important;      /* ensures it's not hidden by parent overflow */
    }
}

/* Hide h2.faq2 on desktop */
@media (min-width: 769px) {
    h2.faq2.wp-block-heading.has-text-align-left {
        display: none !important;
    }
}
/* Hide .privacy1 on mobile screens */
@media (max-width: 768px) {
    .privacy1 {
        display: none !important;
    }
}
/* Hide .privacy2 on desktop screens */
@media (min-width: 769px) {
    .privacy2 {
        display: none !important;
    }
}
/* Hide .cookie1 on mobile screens */
@media (max-width: 768px) {
    .cookie1 {
        display: none !important;
    }
}
/* Hide .cookie2 on desktop screens */
@media (min-width: 769px) {
    .cookie2 {
        display: none !important;
    }
}
.share-twitter {
    display: none !important;
}
.share-facebook {
    display: none !important;
}
a[href*="page=sharing"] {
    display: none !important;
}
.subscribe-label {
    color: #ffffff !important;
}
/* Footer social icons alignment fix */
.footer-widget-area .wp-block-social-links {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start; /* keeps left aligned */
    padding: 0;
    margin: 0;
    line-height: 1;
    gap: 12px; /* space between icons */
}
.footer-widget-area .wp-block-social-links {
    margin-left: 15px !important;
}
.footer-widget-area strong {
    display: block;          /* makes margin work properly */
    margin-left: 15px !important;  /* adjust this value */
}
/* Make Jetpack grid columns equal height */
.wp-block-jetpack-layout-grid-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Force images to align evenly */
.wp-block-jetpack-layout-grid-column .wp-block-image {
    margin: 0;
}

/* Push buttons to bottom for equal alignment */
.wp-block-jetpack-layout-grid-column .wp-block-buttons {
    margin-top: auto;
}

/* Remove spacer inconsistencies */
.wp-block-jetpack-layout-grid-column .wp-block-spacer {
    display: none;
}
/* FORCE DESKTOP HEADER ON LAPTOPS */
@media (min-width: 769px) {

  #ast-desktop-header {
    display: block !important;
  }

  #ast-mobile-header {
    display: none !important;
  }

}
label {
    color: #ffffff;
}
@media (min-width: 769px) {
    h2.wp-block-heading.term2.has-background {
        display: none !important;
    }
}
/* WooCommerce Gift Card datepicker */
.wc_gc_datepicker {
    font-size: 13px !important;
    padding: 8px !important;
}

.wc_gc_datepicker table {
    font-size: 13px !important;
}

.wc_gc_datepicker td a,
.wc_gc_datepicker th span {
    padding: 4px !important;
}

.wc_gc_datepicker .ui-datepicker-header {
    padding: 6px !important;
}

.wc_gc_datepicker .ui-datepicker-title {
    font-size: 14px !important;
    font-weight: 600;
}

.wc_gc_datepicker .ui-datepicker-prev,
.wc_gc_datepicker .ui-datepicker-next {
    top: 6px;
}
/* Change "Password change" text to white */
.woocommerce-EditAccountForm fieldset legend {
    color: #ffffff !important;
}