:root {
  --evo-brand-primary: #94c947; /* green */
  --evo-brand-secondary: #113d6d; /* navy */
  --evo-brand-accent: #e7ebf0;
  --evo-header-background: #fff;
}
/* -- GENERAL LAYOUT ================================================================================ */
header .shoppingtools_container #vuequicklistdropdown>a i.fa { color: var(--evo-brand-primary) !important;}

.btn.focus, .btn:focus { color: var(--evo-brand-secondary); }

.w90p { width: 90% !important; margin: 0 auto 20px !important; }/*xva*/
.rimgh .evogallery-widget-box { height: initial !important; }/*xva*/
.rimgh .evogallery-widget-box img { height: initial !important; }/*xva*/

/* updates default button hover colors */
.btn-default:hover, .button:hover { background-color: var(--evo-brand-primary) !important; color: black !important; }

.product-shopping-actions-prices .live-inventory-v2-shipping {
    display: none !important;
}
.product-brand {
    display: flex !important;
    justify-content: flex-start !important;
}
.product-brand a, 
.product-brand img {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
    display: inline-block;
}
.btn-add-to-cart:hover, 
button.btn-add-to-cart:hover {
    background-color: #94C947 !important;
    border-color: #94C947 !important;
}
/* -- Fix for the Drop Down Area for Switch Account Logged out or Logged in -- */
/* 1. Set font size to 14px for all Select2 elements globally (Logged In & Logged Out) */
body .select2-container,
body .select2-results__option,
body .select2-search__field,
body .select2-selection__rendered {
  font-size: 14px !important;
}
/* 2. Force the Select2 container to expand fully */
body .select2-container {
  width: 100% !important;
  max-width: 650px !important;
}
/* 3. Expand the actual dropdown list panel */
body .select2-dropdown {
  width: 100% !important;
  min-width: 550px !important;
}
/* 4. Expand the parent modal window whether logged in or out */
body .modal-dialog,
body .modal-content {
  max-width: 700px !important;
  width: 100% !important;
}
/* -- FIX FOR HEADER TEXT COLOR ==================================================================== */
.popular-workspace-container .section-title { color: #113d6d !important; }
/* Increase font size for main header categories */
.evo-row-section.headersection-menu a { font-size: 16px !important; } /* Adjust the 16px value as needed */

/* -- HEADER LAYOUT ================================================================================ */
.header-bar a { color: #113d6d; }/*xva*/
header .header-full>div { padding: 5px 0; }
.header-full .social { justify-content: flex-end !important; }/*xva*/
.header-full .social:before { content: "Follow Us:"; }/*xva*/
.header-bar { background-color: #f0f1f6; color: #113d6d; font-size: .85rem; }/*xva*/
.header-links a { padding: 0 1rem;  }/*xva*/
.header-links a i { padding-right: .25rem; }/*xva*/
.header-links a:last-of-type { /* float: right; */ }/*xva*/

header div[class*="quickorder"] { background-color: transparent !important; box-shadow: none !important; }
header .toolbar .shopping-tools-wrapper a.quickordertoggle { display: flex !important; }
header .shoppingtools_container .quickordertoggle i { color: var(--evo-brand-primary); }

.verticalmenu { margin-top: -5px; }
.verticalmenu .cd-dropdown-trigger { min-width: 200px; }

/* update default header colors -xva */
nav.menu .additional_links .menuitem a:hover,
.no-touch .cd-dropdown-content>li:not(.has-children) a:hover,
.cd-dropdown-content ul a:hover { color: var(--evo-brand-secondary); font-weight: 700; }
@media only screen and (min-width: 769px) {
  .cd-dropdown-content a, .cd-dropdown-content ul a:hover { color: var(--evo-brand-secondary); }
}
nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger:focus,
nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger:focus-visible,
nav.menu .cd-dropdown-wrapper .cd-dropdown-trigger:hover { color: white; }
@media only screen and (min-width: 769px) {
  .cd-dropdown-trigger.dropdown-is-active { color: white; }
}
header .shoppingtools_container a.account-btn.btn-outlined-invert>i.user-icon { color: var(--evo-brand-primary); }
header .shoppingtools_container a.account-btn.btn-outlined-invert>span { color: var(--evo-brand-secondary); }
header .header-mobile .header-search .relsearch .search-actions .ai-search-trigger i,
header section.search .search-form .search-actions .ai-search-trigger i,
section.search .search-form .search-actions .ai-search-trigger i {  color: var(--evo-brand-secondary); }

nav.menu .additional_links .menuitem a { padding: 10px .75rem; }
@media screen and (min-width: 1050px){
  nav.menu .additional_links .menuitem a { padding: 10px 1rem; }
}
@media screen and (min-width: 1216px){
  nav.menu .additional_links .menuitem a { padding: 10px 1.25rem; }
}
@media screen and (min-width: 1470px){
  nav.menu .additional_links .menuitem a { padding: 10px 2.25rem; }
}

/* modify default nav menu -xva */
nav.menu .additional_links .menuitem a { color: var(--evo-brand-secondary); }
nav.menu .dropdown-container, nav.menu .dropdown-container-al { color: white; background-color: var(--evo-brand-secondary); }
nav.menu .dropdown-trigger-al { padding-top: 5px; }
nav.menu .dropdown-trigger-al.open+.dropdown-items li a { background-color: white; }
/* modify default nav menu -xva */
nav.menu .additional_links .menuitem a { 
    color: var(--evo-brand-secondary); 
    font-size: 16px; 
}

.ex-home .headersection-2 { border-bottom: 1px solid #f0f1f6; }
.ex-home .headersection-3 { margin-top: 10px; }

.header-links a:focus-visible, .header-links a:hover { color: var(--evo-brand-primary); font-weight:700; }

header .header-mobile { background: white; }
header .header-mobile .header-account .cd-dropdown-trigger-mobile i, header .header-mobile .header-account>a, header .header-mobile .header-account>a>i, header .header-mobile .header-cart .cd-dropdown-trigger-mobile i, header .header-mobile .header-cart>a, header .header-mobile .header-cart>a>i, header .header-mobile .header-menu .cd-dropdown-trigger-mobile i, header .header-mobile .header-menu>a, header .header-mobile .header-menu>a>i { color: var(--evo-brand-secondary); }/*xva*/

header .minicart_container .cart-btn>a.btn .minicart_count { background: orange; }/*xva*/
.header-switch .switch-account-header strong { color: orange; }/*xva*/

header .minicart_container .cart-btn .footer.group a.btn:focus-visible,
header .minicart_container .cart-btn .footer.group a.btn:hover { background: var(--evo-brand-primary) !important; color: #000 !important; }/*xva*/
header .header-full .menu .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown>li>a { font-weight:700 !important; }/*xva*/

.account-dropdown .form-group.pointer  { background: white; border: 1px solid #e3e1e1; }

header .shoppingtools_container a.account-btn.btn-outlined-invert:focus-visible>span,
header .shoppingtools_container a.account-btn.btn-outlined-invert:hover>span,
header .shoppingtools_container .contractitemslink:focus-visible span,
header .shoppingtools_container .contractitemslink:hover span,
header .shoppingtools_container .quickordertoggle:focus-visible span,
header .shoppingtools_container .quickordertoggle:hover span,
header .shoppingtools_container #vuequicklistdropdown>a:focus-visible span,
header .shoppingtools_container #vuequicklistdropdown>a:hover span { color: var(--evo-brand-secondary); font-weight: 700; }


/* -- FOOTER LAYOUT ================================================================================ */
footer.footer h4 { text-transform: capitalize; }

footer.footer .contacts .contact-element.contact-icon { display: none; }

/* associations & contracts in footer -xva */
.foot-associations { margin-bottom: 10px; min-width: 250px; }
.foot-associations ul { gap: 12px; display: grid; grid-template-columns: repeat(auto-fill, 75px); }
.foot-associations ul li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.foot-associations ul li a { background: #fff; padding: 5px; width: 75px !important; height: 45px; border-radius: 5px; display: flex; justify-content: center; align-items: center; }
footer.footer a:focus-visible, footer.footer a:hover { color: white !important; }


/* -- HOME LAYOUT ================================================================================ */
/* remove rotation from hero carousel -xva*/
.hero-new .owl-item.active .hero-box .background { transform: none; transition: none; }
.hero-new .owl-item.active .hero-box .inner { transition: none; }
.hero-new .hero-box .inner { margin-left:initial; }
.hero-new .hero-box .btn { margin:0 auto 0 0; }
.hero-new .hero-box h1, .hero-new .hero-box p { color: white; }

.hero-new { min-height: 450px; }
.zonetop .owl-stage { margin-bottom: 1rem; }
.tabbed-boxes .owl-nav>div:before { color: white; }

.hero-new .hero-box:before { background: none; }

.home-cc-form .ctct-form-embed.form_0 .ctct-form-defaults { background-color: var(--evo-brand-primary) !important; }
.home-cc-form .ctct-gdpr-text { display: none; }
.home-cc-form form.ctct-form-custom div.ctct-form-field { width: 18%; float: left; padding: 5px; }
.home-cc-form div.ctct-form-embed form.ctct-form-custom button.ctct-form-button { width: 18% !important; float: left !important; padding: 5px !important; margin-top: 2rem !important; height: 47px !important; margin-left: 6px; background-color: var(--evo-brand-secondary) !important; }
.home-cc-form .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover { background-color: white !important; color: var(--evo-brand-secondary) !important; }

/* Hide Add to Favorites and Compare options for widgets using this class */
.hide-fav-compare .addtoquicklist,
.hide-fav-compare .add-to-favorites,
.hide-fav-compare .compare,
.hide-fav-compare div[class*="favorite"],
.hide-fav-compare div[class*="compare"],
.hide-fav-compare label,
.hide-fav-compare input[type="checkbox"] { display: none !important; }

/* Change Add to Cart button background to signature green on hover */
.hide-fav-compare .btn-add-to-cart:hover,
.hide-fav-compare .btn-add-to-cart:focus,
.hide-fav-compare button.btn-add-to-cart:hover { background-color: #94c947 !important; border-color: #94c947 !important; }

/* Reduce spacing around the merchandising carousel widget */
.hide-fav-compare,
.ex-home .merchandising-carousel,
.ex-home .catalog-single { margin-top: 10px !important; margin-bottom: 10px !important; padding-top: 0 !important; padding-bottom: 0 !important; }

/* Tighten inner container gaps */
.hide-fav-compare .sidebar-content { margin-bottom: 0 !important; padding-bottom: 0 !important; }

/* Clean spacing for the trending products section */
body.ex-home .zonebottom .row > div[class*="col-"] { margin-top: 20px !important; margin-bottom: 0 !important; padding-top: 10px !important; padding-bottom: 0 !important; }
body.ex-home .zonebottom .evo-row-section { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }

/* decrease width of merchandising widget on home page */
.home-prodtile-crsl .owl-stage-outer { width: 90% !important; margin: 0 auto 20px !important; }


******

/* -- PRODUCT LAYOUT ================================================================================ */
.price-area { font-size: 20px; !important; }
.live-inventory-v2-shipping.in-stock {
  display: inline-block;
  background: linear-gradient(90deg, #94C947, #7FBF2F);
  color: #fff !important;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 6px;
  box-shadow: 0 3px 8px rgba(148, 201, 71, 0.35);
  text-transform: uppercase;
  letter-spacing: .3px;
}

/* -- PRODUCT TILE ================================================================================ */
.catalog-grid .tile .price-label { font-size: 1.5rem; font-weight: 400; }
.catalog-grid .tile .footer span.uom, .catalog-single .tile .footer span.uom, .uom { font-size: 1.5rem; }
.catalog-grid .tile .footer .btn-primary, .catalog-single .tile .footer .btn-primary { font-size: 1.05rem; }

/* -- CONTRACT ITEMS ( favorites area) ================================================================================ */
.group-filters .save-buttons .new-group-btn { background-color: orange; }


/* -- ACCOUNT DASHBOARD ================================================================================ */
i.fa.fa-money-non-taxable.usd { display: none; }


/* Target the exact dashboard widget containers and their internal headers */
#mydashboard_dashboard_225461,
.dashboard-sortable {
    /* Style individual dashboard widget cards */
    > li, 
    .ui-state-default {
        border: 2px solid #94c947 !important;
        border-radius: 6px !important;
        background-color: #ffffff !important;
        overflow: hidden !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
    }

    /* Target the header/title area inside each specific dashboard card */
    #cdash_myinfo .card-title, 
    #cdash_saveaskets .card-title, 
    #cdash_myrecentorders .card-title, 
    #cdash_ordersapprovedby .card-title,
    li.ui-state-default > div:first-child,
    .dashboard-sortable li h3,
    .dashboard-sortable li .widget-title,
    .card-header {
        background-color: #113d6d !important;
        color: #ffffff !important;
        padding: 12px 15px !important;
        margin: 0 !important;
        font-weight: 700 !important;
    }

    /* Ensure text elements inside the custom headers stay white */
    li.ui-state-default > div:first-child *,
    .dashboard-sortable li h3 *,
    .card-header * {
        color: #ffffff !important;
    }
}

/* -- SHOPPING CART DASHBOARD ================================================================================ */
.btn.btn-black.to-checkout { background-color: #94c947 !important; border-color: #94c947 !important; }
.delete-btn { background-color: #d9534f !important; border-color: #d9534f !important; }

/* Container Layout for live bill to ship to within the DB shopping cart page */
.suburban-cart-addresses {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
    font-family: 'Poppins', sans-serif;
}

/* Address Card Styling */
.suburban-cart-addresses .address-card {
    flex: 1;
    min-width: 280px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    overflow: hidden;
}

/* Card Header Accent Borders (Navy & Brand Green #94c947) */
.suburban-cart-addresses .address-card.bill-to {
    border-top: 4px solid #112d4e;
}

.suburban-cart-addresses .address-card.ship-to {
    border-top: 4px solid #94c947;
}

.suburban-cart-addresses .address-header {
    background-color: #f8f9fa;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 14px;
    color: #112d4e;
    border-bottom: 1px solid #e0e0e0;
}

.suburban-cart-addresses .address-header i {
    margin-right: 8px;
}

.suburban-cart-addresses .address-card.ship-to .address-header i {
    color: #94c947;
}

/* Card Body Text */
.suburban-cart-addresses .address-body {
    padding: 15px;
}

.suburban-cart-addresses .address-body p {
    margin: 0 0 6px 0;
    font-size: 13px;
    color: #333333;
    line-height: 1.4;
}

.suburban-cart-addresses .address-body p:last-child {
    margin-bottom: 0;
}

/* -- HOMEPAGE ================================================================================ */
.hero-new { min-height: 450px; }

/* Force the carousel and USP bar to meet */
.zonetop .owl-stage { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.hero-new .owl-stage-outer { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.usp-bar { margin-top: 0 !important; padding-top: 0 !important; }
/* media */
.evogallery-widget-box img, .widget-box img, .col-lg-6 img {
  max-width: 100% !important;
  width: 100% !important; /* Forces the image to fill the column width only */
  height: auto !important; /* Keeps the aspect ratio correct */
  object-fit: contain !important; /* Ensures the whole image stays visible */
}
/* start: TESTIMONIAL SECTION ============================================================================ */
.testimonial-section { background-color: #113d6d; padding: 10px 0px; }

/* Force header to white and reduced bottom space */
.section-title { text-align: center; margin-bottom: 15px; color: #ffffff !important; font-family: inherit; text-transform: uppercase; letter-spacing: 1px; }

/* Horizontal scrolling container */
.testimonial-scroller { display: flex; gap: 20px; overflow-x: auto; padding: 20px 0; scrollbar-width: thin; scrollbar-color: #ff9800 #113d6d; }
.testimonial-scroller::-webkit-scrollbar { height: 8px; }
.testimonial-scroller::-webkit-scrollbar-thumb { background-color: #ff9800; border-radius: 4px; }

/* Box Styling */
.testimonials-slide { flex: 0 0 280px; background-color: #ffffff !important;  border: 3px solid #ff9800 !important; padding: 30px; border-radius: 8px; box-shadow: 0 10px 15px rgba(0,0,0,0.2); transition: transform 0.3s ease; }
.testimonials-slide:hover { transform: translateY(-5px); }

/* Larger Suburban Green stars */
.testimonials-slide .stars { color: #94c947 !important; font-size: 24px; margin-bottom: 10px; }

/* Force text inside white boxes to navy and increase paragraph size */
.testimonials-slide h4, .testimonials-slide p { color: #113d6d !important; }
.testimonials-slide h4 { margin: 15px 0 10px 0; font-weight: 700; }
.testimonials-slide p { font-size: 18px; line-height: 1.6; margin: 0; }

/* Remove side padding and prevent horizontal scrolling on the testimonials section */
.evo-row-section:has(.testimonial-container, h2:contains("WHAT THEY'RE SAYING"), .what-theyre-saying) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* If the inner container is forcing the side gutters, zero them out as well */
.evo-row-section .container-fluid, 
.evo-row-section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* end: TESTIMONIAL SECTION ============================================================================ */


/* -- LOCATIONS AREA STYLES ==================================================== */
/* Container for the full-width section with a soft blue background */
.locations-hero-section {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    overflow: hidden;
    padding: 60px 6%;
    box-sizing: border-box;
    background-color: #f0f4f8; /* Soft blue background color for the whole section */
}

/* Map background layer */
.locations-overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://suburbanop.com/EVOX/hpmap3.png');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 0;
    pointer-events: none;
}

/* Content container floating over the map - clean solid white box */
.locations-overlay-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 580px;
    background: #ffffff; /* Solid white background for the text box */
    padding: 40px;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 59, 100, 0.08);
    margin-left: 20px;
    font-family: 'Poppins', sans-serif;
}

/* Title and typography styling */
.locations-overlay-content .locations-title {
    color: #003b64;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.locations-intro {
    color: #333333;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Location grid styling */
.loc-grid {
    margin: 20px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 15px 0;
}

.loc-col h4 {
    color: #003b64;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.loc-col p {
    color: #555555;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

/* Button style with brand accent green */
.btn-national-map {
    display: inline-block;
    background-color: #94c947;
    color: #ffffff;
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 10px;
    transition: background-color 0.2s ease;
}

.btn-national-map:hover {
    background-color: #83b53b;
    color: #ffffff;
}

/* ========================================================================== */
/* QUICK ORDER - SINGLE CLEAN CONTAINER WITH SOFT BLUE DEPTH                  */
/* ========================================================================== */
div[class*="quick-order"], 
div[class*="quickorder"] {
    background-color: #f0f4f8 !important; /* Soft blue background tint for depth */
    padding: 24px !important;
    border-radius: 8px !important;
    border: 1px solid #d1d9e0 !important;
    box-shadow: 0 4px 12px rgba(0, 59, 100, 0.05) !important;
}

/* Remove any extra nested white box wrappers generated by the platform */
div[class*="quick-order"] .widget,
div[class*="quickorder"] .widget,
div[class*="quick-order"] .card,
div[class*="quickorder"] .card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Base table layout setup */
div[class*="quick-order"] table, 
div[class*="quickorder"] table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: 'Poppins', sans-serif !important;
    background-color: #ffffff !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* ========================================================================== */
/* QUICK ORDER - MODERN SLEEK CONTAINER (SINGLE CARD LAYER)                   */
/* ========================================================================== */
div[class*="quick-order"], 
div[class*="quickorder"] {
    background-color: #f8fafc !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 59, 100, 0.04) !important;
}

/* Strip out redundant inner widget boxes or wrapper borders */
div[class*="quick-order"] .widget,
div[class*="quickorder"] .widget,
div[class*="quick-order"] .card,
div[class*="quickorder"] .card,
div[class*="quick-order"] > div > div,
div[class*="quickorder"] > div > div {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Main inner table styling: clean borderless modern card grid */
div[class*="quick-order"] table, 
div[class*="quickorder"] table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid #e2e8f0 !important;
}

/* ========================================================================== */
/* QUICK ORDER - MODERN SLEEK CONTAINER (SINGLE CARD LAYER)                   */
/* ========================================================================== */
div[class*="quick-order"], 
div[class*="quickorder"] {
    background-color: #f8fafc !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 59, 100, 0.04) !important;
}

/* Strip out redundant inner widget boxes or wrapper borders */
div[class*="quick-order"] .widget,
div[class*="quickorder"] .widget,
div[class*="quick-order"] .card,
div[class*="quickorder"] .card,
div[class*="quick-order"] > div > div,
div[class*="quickorder"] > div > div {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Main inner table styling: clean borderless modern card grid */
div[class*="quick-order"] table, 
div[class*="quickorder"] table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    border: 1px solid #e2e8f0 !important;
}

/* ========================================================================== */
/* QUICK ORDER - COLUMN WIDTH CONTROL (SHORTEN ITEM CODE COLUMN)             */
/* ========================================================================== */
/* this is conflicting with the item search results dropdown list.
this would need to be re-written so as not to modify div.ajax-results */
/*
div[class*="quick-order"] th:nth-child(1),
div[class*="quick-order"] td:nth-child(1),
div[class*="quickorder"] th:nth-child(1),
div[class*="quickorder"] td:nth-child(1) {
    width: 160px !important;
    max-width: 160px !important;
    white-space: nowrap !important;
}
*/


/* ========================================================================== */
/* QUICK ORDER - STREAMLINED PADDING & REMOVING EXCESS DIVIDERS              */
/* ========================================================================== */
div[class*="quick-order"] th, 
div[class*="quick-order"] td, 
div[class*="quickorder"] th, 
div[class*="quickorder"] td {
    padding: 10px 12px !important;
    vertical-align: middle !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
/* Modern Header with clean top bar look */
div[class*="quick-order"] th, 
div[class*="quickorder"] th {
    background-color: #003b64 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
    border-bottom: 3px solid #94c947 !important;
}
/* Soft, subtle separator only between rows—no harsh grid lines */
div[class*="quick-order"] tr, 
div[class*="quickorder"] tr {
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background-color 0.15s ease !important;
}
div[class*="quick-order"] tbody tr:hover,
div[class*="quickorder"] tbody tr:hover {
    background-color: #f8fafc !important;
}

/* ========================================================================== */
/* QUICK ORDER - SLEEK INPUT FIELDS                                           */
/* ========================================================================== */
div[class*="quick-order"] input[type="text"],
div[class*="quick-order"] input[type="number"],
div[class*="quickorder"] input[type="text"],
div[class*="quickorder"] input[type="number"] {
    padding: 6px 10px !important;
    height: 36px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-family: 'Poppins', sans-serif !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
}

div[class*="quick-order"] input:focus,
div[class*="quickorder"] input:focus {
    border-color: #94c947 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(148, 201, 71, 0.15) !important;
}

/* ========================================================================== */
/* QUICK ORDER - ISOLATED ORANGE DELETE BUTTON                                */
/* ========================================================================== */
div[class*="quick-order"] button.deleteline,
div[class*="quickorder"] button.deleteline,
div[class*="quick-order"] .deleteline,
div[class*="quickorder"] .deleteline {
    background-color: #f97316 !important;
    border-color: #f97316 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    transition: background-color 0.15s ease !important;
}

div[class*="quick-order"] button.deleteline:hover,
div[class*="quickorder"] button.deleteline:hover,
div[class*="quick-order"] .deleteline:hover,
div[class*="quickorder"] .deleteline:hover {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
}

/* ========================================================================== */
/* QUICK ORDER - ADD TO CART BUTTON (94C947 GREEN)                            */
/* ========================================================================== */
div[class*="quick-order"] button[class*="cart"],
div[class*="quickorder"] button[class*="cart"],
div[class*="quick-order"] .btn-success,
div[class*="quickorder"] .btn-success,
div[class*="quick-order"] button:has(> .fa-shopping-cart),
div[class*="quickorder"] button:has(> .fa-shopping-cart),
.quickorder-grid-container button:has(.fa-shopping-cart),
button:has(.fa-shopping-cart) {
    background-color: #94c947 !important;
    border-color: #94c947 !important;
    color: #003b64 !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

div[class*="quick-order"] button[class*="cart"]:hover,
div[class*="quickorder"] button[class*="cart"]:hover,
div[class*="quick-order"] .btn-success:hover,
div[class*="quickorder"] .btn-success:hover,
div[class*="quick-order"] button:has(> .fa-shopping-cart):hover,
div[class*="quickorder"] button:has(> .fa-shopping-cart):hover,
button:has(.fa-shopping-cart):hover {
    background-color: #84b73b !important;
    border-color: #84b73b !important;
}
/* ========================================================================== */
/* QUICK ORDER - REDUCE TOP SPACING/PADDING                                   */
/* ========================================================================== */
div[class*="quick-order"], 
div[class*="quickorder"] {
    margin-top: -15px !important;
}