/* ==========================================================
   TRUCK CRANES eSPARES — ENFOLD CHILD (LOCKED / UPDATE-PROOF)
   Brand Orange: #ef8122
   Purpose:
   - Hard lock Woo grids (4/3/2)
   - Kill Enfold green indicators
   - Lock header menu colour
   - Lock footer + socket styling
   - Fix “Why choose” green strong text
========================================================== */


/* ==========================================================
   1) WOO PRODUCT GRID — HARD OVERRIDE (SHOP + CATEGORIES)
   Desktop 4 / Tablet 3 / Mobile 2
========================================================== */

/* Force grid on all Woo product loops */
#top #wrap_all .woocommerce ul.products,
#top #wrap_all .woocommerce-page ul.products,
#top #wrap_all ul.products.products,
#top #wrap_all ul.products[class*="columns-"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 18px !important;

  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Kill ALL float/width column systems on items */
#top #wrap_all .woocommerce ul.products li.product,
#top #wrap_all .woocommerce-page ul.products li.product,
#top #wrap_all ul.products li.product,
#top #wrap_all ul.products[class*="columns-"] li.product {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
}

/* Make internal wrappers fill height (Enfold variants) */
#top #wrap_all li.product .inner_product,
#top #wrap_all li.product > a,
#top #wrap_all li.product .inner_product_header {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
}

/* Two-line title clamp */
#top #wrap_all li.product .woocommerce-loop-product__title,
#top #wrap_all li.product h2,
#top #wrap_all li.product .inner_product_header h2 {
  line-height: 1.25 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  max-height: 2.5em !important;
}

/* Push price/buttons down */
#top #wrap_all li.product .price,
#top #wrap_all li.product .button,
#top #wrap_all li.product .add_to_cart_button {
  margin-top: auto !important;
}

/* Tablet: 3 across */
@media (max-width: 989px) {
  #top #wrap_all .woocommerce ul.products,
  #top #wrap_all .woocommerce-page ul.products,
  #top #wrap_all ul.products.products,
  #top #wrap_all ul.products[class*="columns-"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* Mobile: 2 across */
@media (max-width: 767px) {
  #top #wrap_all .woocommerce ul.products,
  #top #wrap_all .woocommerce-page ul.products,
  #top #wrap_all ul.products.products,
  #top #wrap_all ul.products[class*="columns-"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}


/* ==========================================================
   2) HEADER MENU — COLOUR LOCK + ACTIVE INDICATOR
   Locks text to orange and kills Enfold green underline
========================================================== */

/* Top-level menu text */
#top #header .avia-menu-text,
#top #header .main_menu ul:first-child > li > a {
  color: #ef8122 !important;
}

/* Hover + active states */
#top #header .main_menu ul:first-child > li > a:hover,
#top #header .main_menu ul:first-child > li.current-menu-item > a,
#top #header .main_menu ul:first-child > li.current-menu-ancestor > a,
#top #header .main_menu ul:first-child > li.current_page_item > a,
#top #header .main_menu ul:first-child > li.current_page_ancestor > a,
#top #header .main_menu ul:first-child > li > a:hover .avia-menu-text,
#top #header .main_menu ul:first-child > li.current-menu-item > a .avia-menu-text,
#top #header .main_menu ul:first-child > li.current-menu-ancestor > a .avia-menu-text {
  color: #ef8122 !important;
}

/* Kill Enfold green active underline/bar (varies by Enfold build) */
#top #header .main_menu ul:first-child > li.current-menu-item > a,
#top #header .main_menu ul:first-child > li.current-menu-ancestor > a {
  border-color: #ef8122 !important;
}

#top #header .main_menu ul:first-child > li > a:before,
#top #header .main_menu ul:first-child > li > a:after,
#top #header .main_menu ul:first-child > li.current-menu-item > a:before,
#top #header .main_menu ul:first-child > li.current-menu-item > a:after,
#top #header .main_menu ul:first-child > li.current-menu-ancestor > a:before,
#top #header .main_menu ul:first-child > li.current-menu-ancestor > a:after {
  background-color: #ef8122 !important;
  border-color: #ef8122 !important;
}


/* ==========================================================
   3) FOOTER (MAIN BAND) — ORANGE BACKGROUND + WHITE TEXT
========================================================== */

#footer {
  background-color: #ef8122 !important;
}

/* All footer text to white */
#footer,
#footer p,
#footer span,
#footer li,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #ffffff !important;
}

/* All footer links white */
#footer a,
#footer a:visited {
  color: #ffffff !important;
}

/* Hover */
#footer a:hover {
  opacity: 0.85;
}


/* ==========================================================
   4) SOCKET (VERY BOTTOM STRIP) — WHITE BACKGROUND + ORANGE TEXT
   Also hides socket menu links + removes Kriesi credit only
========================================================== */

#socket {
  background-color: #ffffff !important;
  border-top: 1px solid #e5e5e5 !important;
}

/* Socket text orange */
#socket,
#socket a,
#socket p,
#socket span {
  color: #ef8122 !important;
}

/* Hide the socket menu links entirely (keep copyright text) */
#socket .sub_menu_socket {
  display: none !important;
}

/* Remove ONLY the “Enfold Theme by Kriesi” credit link */
#socket .copyright a[href*="kriesi"] {
  display: none !important;
}

/* If a separator is rendered before that link in some builds, this helps reduce visual gaps */
#socket .copyright {
  white-space: normal;
}


/* ==========================================================
   5) “WHY CHOOSE” SECTION — FORCE ORANGE (KILLS ENFOLD GREEN)
   REQUIRES: add class "why-choose-orange" to that section in ALB
========================================================== */

/* Force EVERYTHING in the section to brand orange */
#top #wrap_all .why-choose-orange,
#top #wrap_all .why-choose-orange * {
  color: #ef8122 !important;
}

/* Links too */
#top #wrap_all .why-choose-orange a,
#top #wrap_all .why-choose-orange a:visited {
  color: #ef8122 !important;
}

/* Bullet markers */
#top #wrap_all .why-choose-orange li::marker {
  color: #ef8122 !important;
}

/* Kill any highlighted/marked backgrounds Enfold might apply */
#top #wrap_all .why-choose-orange mark,
#top #wrap_all .why-choose-orange .highlight {
  background: transparent !important;
  color: #ef8122 !important;
}
/* WHY CHOOSE section: force the bold labels to brand orange */
#top #wrap_all .why-choose-orange strong {
  color: #ef8122 !important;
}
/* Stronger override for Enfold-specific textblock styling */
#top #wrap_all .why-choose-orange .avia_textblock strong,
#top #wrap_all .why-choose-orange .avia_textblock ul li strong {
  color: #ef8122 !important;
}
/* FORCE ORANGE BAND TEXT TO WHITE (kills Enfold green accents inside footer widgets) */
#footer,
#footer p,
#footer span,
#footer li,
#footer a,
#footer strong,
#footer b,
#footer em,
#footer h1,
#footer h2,
#footer h3,
#footer h4 {
  color: #ffffff !important;
}

#footer a:hover { opacity: .85; }
/* WHY CHOOSE — kill Enfold scheme green on the <strong> labels only */
#top #wrap_all .why-choose strong,
#top #wrap_all .why-choose b {
  color: #ef8122 !important;
}

/* Optional: bullet marker colour */
#top #wrap_all .why-choose li::marker {
  color: #ef8122 !important;
}
#top #wrap_all section[class*="av-mbow5d92"] strong,
#top #wrap_all section[class*="av-mbow5d92"] b {
  color: #ef8122 !important;
}