/* decrease menu padding - 3958786-hc */
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
    padding-top:0px;
    padding-bottom:0px;
}
/* remove bottom margin from header | 39587863-hc tdl */
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0em;
}
/* hide page title | 39587863-hc tdl */
.entry-header {
	display: none;
}
/* Remove top padding from basket icon in menu - 39587863 */
.site-header-cart .cart-contents {
    padding-top:0px;
}
/* Remove top padding from basket icon in menu - 39587863 */ .site-header-cart .cart-contents { padding-top:5px; }
/* Remove the copyright information and automatic privacy policy link in the site footer | 39753868-hc pj */
.site-info {
    display: none;
}
/* Hiding the upload portion of product checkout | MB | 40081709 - hc */
div.helloprint-product-file-upload {
  display: none;
}
/* Hiding number count on products | LGW | */
.products .product-category .count{
display: none;
}
[data-type="document"] img {
  width: 50px !important
}
.woocommerce-button.rawc-accept {
    background: green !important;
}
.menu-item-4626 { font-weight: bold; color: white; background: #1f71b7; padding: 0px 5px; border-radius: 1px; 
}
.menu-item-4626 a { color: white!important; font-size: 14px; text-transform: uppercase
}
@media (max-width: 768px) { .menu-item-4167 { font-weight: bold; color: white; background: #1f71b7; padding: 5px 10px; border: 1px solid #1f71b7; border-radius: 3px; }
}
.menu-item-4167 a { color: white !important; font-size: 14px; /* Adjusted for smaller screens */ text-transform: uppercase; 
}
/*Reduce the gap below product image on mobile-SM*/
body.pewc-has-extra-fields .woocommerce-product-gallery__wrapper {
   height: auto;
}
@media (min-width: 768px) {
    .woocommerce-tabs {
        padding-top: 0;
    }
    .storefront-full-width-content.single-product div.product .summary{
        margin-bottom: 0 ;
    }
}
/** Background color to navigation (DESKTOP ONLY) **/
@media (min-width: 769px) { /* Adjust 769px breakpoint if needed */
  nav#site-navigation, 
  .main-navigation ul.menu ul.sub-menu, 
  .main-navigation ul.nav-menu ul.children {
    background: #2a255b !important;
  }

  .main-navigation ul li a {
    color: #fff !important;
  }

  .menu-item-131 {
    font-weight: bold;
    color: white;
    background: #2a255b;
    padding: 2px 5px;
    border-radius: 1px;
  }
}
/* Style the sub-menus (direct children of the hovered parent) */
.main-navigation ul li:hover > ul.sub-menu {
    background-color: rgba(6, 147, 227, 0.9) !important; /* Slightly transparent WhatsApp Blue */
}

/* Style the sub-menu links */
.main-navigation ul.sub-menu li a {
    color: #fff !important; /* White text for sub-menu links */
    padding: 8px 12px !important; /* Adjust padding as needed */
    display: block; /* Make sub-menu links fill the width */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

/* Sub-menu hover effect */
.main-navigation ul.sub-menu li a:hover {
    background-color: rgb(115, 147, 179) !important; /* Slightly transparent WhatsApp blue on hover */
}
#menu-main.menu.nav-menu > li > a {
    font-size: 16px; /* Adjust as needed */
    padding: 3px 14px; /* Adjust as needed */
}
.woocommerce-message {
    background-color: #1f71b7 !important; /* !important to override existing styles if needed */
    color: white; /* Optional: Adjust text color for better readability */
}
.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
img.custom-logo {
    position: relative;
    z-index: 10;
}
/* Ensure header is positioned for absolute children */
.site-header {
  position: relative;
}

/* Fix col-full from stretching the WhatsApp container */
.col-full {
  position: relative;
}

./* Ensure header is positioned for absolute children */
.site-header {
  position: relative;
}

.col-full {
  position: relative;
}
/* --- WHATSAPP BUTTON STYLES --- */

/* 1. Desktop Styles (Screens wider than 769px) */
@media (min-width: 769px) {
  .header-whatsapp-button {
    position: absolute !important;
    top: 60px !important;
    left: 925px !important; 
    width: 145px !important;
    height: 32px !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* 2. Tablet Styles (Middle range screens) */
@media (min-width: 768px) and (max-width: 1024px) {
  .header-whatsapp-button {
    right: 10px !important;
    left: auto !important;
  }
}

/* 3. Mobile Styles (Side-by-side Logo and Button) */
@media (max-width: 767px) {
    /* 1. Ensure the header container uses the full width available */
    .site-header-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important; /* Pushes items to opposite ends */
        padding: 10px 15px !important; /* Adds a tiny bit of breathing room from the screen edge */
        width: 100% !important;
        box-sizing: border-box;
    }

    /* 2. Shrink the logo container so it doesn't block the button */
    .site-branding {
        margin-bottom: 0 !important;
        margin-right: 10px !important;
        flex: 0 1 auto !important; /* Only takes up the space the image needs */
        max-width: 50% !important;
    }

    /* 3. Force the WhatsApp button to the absolute right */
    .header-whatsapp-button {
        display: block !important;
        margin-left: auto !important; /* THE KEY: This pushes it to the far right */
        margin-top: 0 !important;
        flex: 0 0 auto !important;
        text-align: right !important;
    }

    /* 4. Ensure the button text is compact */
    .header-whatsapp-button a {
        padding: 6px 10px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
        display: inline-block !important;
        line-height: 1 !important;
    }

    /* 5. Keep the 'Menu' button from jumping into this top row */
    .menu-toggle {
        order: 3 !important;
        margin-top: 10px !important;
    }
}
/* Request a Quote category intro styling */
.tax-product_cat.term-request-a-product-quote .term-description p {
    font-size: 28px;
    font-weight: 400; /* normal text */
    line-height: 1.3;
    color: #2b2b2b;
    margin-bottom: 20px;
}

/* Make only the first line bold */
.tax-product_cat.term-request-a-product-quote .term-description p::first-line {
    font-weight: 700;
}