:root {
  --brand-white: #fff;
  --brand-black: #180e02;
  --brand-orange: #eb8700;
  --brand-dk-orange: #eb8700;
  --brand-lt-grey: #f5f5f5;
  --brand-dk-grey: #626362;

  --evo-brand-primary: var(--brand-orange);
  --evo-brand-secondary: var(--brand-black);
  --evo-brand-accent: var(--brand-dk-grey);
  --evo-header-background: var(--brand-white);
}

/* =========================
   General Colors & Backgrounds
========================= */
.text-cta { 
  background-color: var(--evo-brand-primary); 
}

.tabbed-boxes .owl-nav > div:before { 
  color: var(--brand-dk-orange); 
}

.bg-black, 
footer { 
  background-color: var(--brand-dk-grey); 
}

/* =========================
   Slide Item
========================= */
.slide-item {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 600px;
  color: #fff;
}

.slide-content {
  position: absolute;
  bottom: 0;
  left: 30px;
  transform: translateY(-25%);
  max-width: 40%;
  text-align: left; /* fixed invalid property */
}

.slide-content .kicker {
  font-size: 0.9rem;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.slide-content .title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  margin: 0 0 0.5em;
}

.slide-content .text {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 1em;
}

.slide-content .btn {
  display: inline-block;
  padding: 0.75em 1.5em;
  font-weight: bold;
  text-decoration: none;
  background: var(--brand-orange);
  color: #fff;
  border: 0;
  border-radius: 0;
}

/* =========================
   Header
========================= */
header .header-mobile { 
  background-color: #000000; 
}

header .header-mobile .header-logo .logo img { 
  content: url(https://us.evocdn.io/dealer/1554/content/media/My_Theme/LOGO-MaineOxy-458x86-1.png);
}

/* =========================
   Footer
========================= */
footer.footer {
  padding-top: 30px; 
}

footer.footer h1, 
footer.footer h2, 
footer.footer h3, 
footer.footer h4, 
footer.footer h5, 
footer.footer h6, 
footer.footer p, 
footer.footer a { 
  color: var(--brand-white); 
}

footer.footer a {
  font-weight: normal; /* baseline */
  text-decoration: none;
  transition:
    color 0.35s ease-in-out,
    font-weight 0.35s ease-in-out,
    opacity 0.35s ease-in-out;
}

/* Footer links hover effect (slower + smoother) */
footer.footer a:hover {
  color: #cccccc;        /* stays white */
  font-weight: normal;   /* softened bold to reduce layout jump */
  text-decoration: none;
  opacity: 0.95;      /* gentle fade for polish */
}



footer.footer .logo_container .logo img {
  content: url('https://us.evocdn.io/dealer/1554/content/media/Brands/Maine Oxy/MEO_Full Lockup_2C-Off-White.png');
  height: auto;      /* adjust height as needed */
  max-height: 60px;  /* optional max height */
  width: auto;       /* maintain aspect ratio */
}

/* =========================
   Buttons
========================= */
.btn,
.bold-button,
.full-width-btn {
  display: inline-block;
  padding: 12px 24px;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid var(--brand-orange);
  border-radius: 0;
  background-color: var(--brand-orange);
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn:hover,
.bold-button:hover,
.full-width-btn:hover {
  background-color: var(--brand-dk-grey);
  color: #fff;
  border-color: var(--brand-dk-grey);
}

.full-width-btn {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.dashboard-btn-wrap {
  display: flex;
  flex-direction: row;           /* horizontal on desktop */
  justify-content: flex-start;   /* left-aligned */
  flex-wrap: wrap;               /* wrap if needed */
  gap: 10px;                     /* space between buttons */
  text-align: left;
  max-width: 800px;
  margin: 0;
  padding-bottom: 30px;
}

.dashboard-btn {
  flex: 1 1 0;                  /* grow equally, min 0 to shrink if needed */
  display: inline-block;
  background-color: var(--brand-orange);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;             /* smaller, compact padding */
  font-size: 11px;               /* smaller font */
  text-align: center;
  border: 2px solid var(--brand-orange);
  outline: none;
  transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
  min-width: 0;                  /* prevent overflow */
  max-width: none;               /* no limit */
}

.dashboard-btn:hover {
  background-color: var(--brand-dk-grey);
  border: 2px solid var(--brand-dk-grey);
  color: #fff;
}

.dashboard-btn:focus {
  outline: none;
  background-color: var(--brand-orange);
  color: #fff;
  border: 2px solid var(--brand-orange);
}

/* Tablet / Mobile */
@media (max-width: 1024px) {
  .dashboard-btn-wrap {
    flex-direction: column;       /* stack buttons */
    align-items: stretch;         /* full width */
    padding-bottom: 0;
    gap: 0;                        /* remove desktop gap */
  }

  .dashboard-btn {
    display: block;
    width: 100%;
    padding: 10px 16px;           /* touch-friendly padding */
    font-size: 11px;              /* same small font */
  }

  .dashboard-btn + .dashboard-btn {
    margin-top: 10px;             /* spacing between stacked buttons */
  }

  .dashboard-btn:last-child {
    margin-bottom: 30px;          /* spacing below last button */
  }
}


/* =========================
   Product & Misc Layouts
========================= */
.productsummary_container .productdetails .prod-code span,
.productspecs_container .tech-specs .item:nth-child(odd),
div.customertools .customertools-container,
#cdash_address .with-padding-trl { 
  background-color: var(--brand-lt-grey) !important; 
}

.full-width-bg-grey {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: var(--brand-dk-grey);
}

.full-width-bg-orange {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: var(--brand-orange);
}

.full-width-bg-white {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: var(--brand-white);
}

/* Columns */
.custom-cols .row > [class*="col-"],
.custom-cols .row > [class^="col"] {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

@media (max-width: 991px) {
  .custom-cols .row > [class*="col-"],
  .custom-cols .row > [class^="col"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.custom-cols .row {
  --bs-columns: 2 !important; /* Bootstrap 5 only */
}

/* Category Images */
.cat-square .category-list .category-item .category-image,
.cat-square .category-list .category-item img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
}

/* =========================
   Utility Classes
========================= */

/* Hide on Mobile */
@media (max-width: 767px) {
  .hide-mobile { display: none !important; }

  .header-menu .cd-dropdown-wrapper li.normal-mobile > a {
    font-weight: 400 !important;
    text-transform: none;
  }

  .btn,
  .bold-button,
  .full-width-btn {
    font-size: 12px;
    padding: 12px 26px;
    width: 100%;
    max-width: none;
    text-align: center;
    box-sizing: border-box;
  }
}

/* Hide on Tablet ≤991px */
@media (max-width: 991px) {
  .hide-tablet {
    display: none !important;
    font-weight: normal !important;
  }
}

/* Hide on Desktop ≥992px */
@media (min-width: 992px) {
  .hide-desktop {
    display: none !important;
  }
}

/* Typography Helpers */
.bold { font-weight: bold !important; }
.uppercase { text-transform: uppercase !important; }
.italic { font-style: italic !important; }
.small { font-size: 0.875rem !important; } /* ~14px */
.large { font-size: 1.25rem !important; }  /* ~20px */

.product-sku-label {
  background-color: #fff !important;
  color: #626362;
}

/* =========================
   Carousel / Owl
========================= */
.owl-nav { display: none !important; }

.owl-dots {
  display: flex !important;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}

.owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background-color: var(--brand-dk-grey) !important;
  transition: background-color 0.3s ease;
}

.owl-dots .owl-dot.active span {
  background-color: #fff !important;
  border: 2px solid var(--brand-dk-grey) !important;
}

.widget-carousel-no-dots .owl-dots {
  display: none !important;
}

/* =========================
   Product & Cart Layout
========================= */
.productsummary_container .productdetails .prod-code span { font-weight: 700; }
.social-links { display: none; }
.price-area:not(.owl-item *) { align-items: baseline; }

.ex-cart .page-content .btn { font-size: 14px; }
.ex-cart .page-content .btn.to-checkout { padding: 12px 24px; }
.ex-cart .page-content .btn.show-more-info { display: none; }
.ex-cart .page-content .btn.btn-media-full,
.ex-cart .page-content .btn.coupon_apply,
.ex-cart .page-content .cart-totals button.btn { 
  background-color: #fad8ab; 
  border: none; 
  color: var(--evo-brand-primary); 
}



/* Header Section 2 */
.headersection-2 { background-color: #fff !important; }

/* ECOMMDR-606 */
.customertools .seller-reference-flyout { display: none; }

.showquickview {
    display: none !important;
  
 
}
/* Branch Details */

.widget-branch-team .imagecontent {
    display: none !important;
}

.ex-branch-details-widget {
    background-color: #626362;  
    border: 1px solid #626362; 
    border-radius: 0px;        
    padding: 10px;             
}