/* HANDAL ENERGY — Final CSS */

/* Header transparent background */
.ast-primary-header-bar,
.hfe-header-content-wrapper,
header.site-header .ast-primary-header-bar,
.hfe-header-row,
.hfe-nav-menu__layout-horizontal,
.ast-builder-menu-1 .main-header-menu {
  background: transparent !important;
  background-color: transparent !important;
}

/* Header Shop Button - White 3D */
#menu-item-2853 > a.hfe-menu-item, li.menu-item-2853 > a {
  background: linear-gradient(180deg, #ffffff 0%, #e0e5eb 100%) !important;
  color: #1a3a5c !important;
  border: 2px solid #b0bac5 !important;
  border-bottom: 4px solid #8a96a3 !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  font-weight: 800 !important; font-size: 12px !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  transition: all 0.15s ease !important; margin: 0 10px !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}
#menu-item-2853 > a.hfe-menu-item:hover, li.menu-item-2853 > a:hover {
  background: linear-gradient(180deg, #eef2f6 0%, #cdd5de 100%) !important;
  transform: translateY(-2px) !important;
}

/* Header Cranes Button - Orange 3D */
#menu-item-2854 > a.hfe-menu-item, li.menu-item-2854 > a {
  background: linear-gradient(180deg, #f5a623 0%, #e08a0e 100%) !important;
  color: #ffffff !important;
  border: 2px solid #c47a0c !important;
  border-bottom: 4px solid #a3650a !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  font-weight: 800 !important; font-size: 12px !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  transition: all 0.15s ease !important; margin: 0 10px !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,220,150,0.4) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}
#menu-item-2854 > a.hfe-menu-item:hover, li.menu-item-2854 > a:hover {
  background: linear-gradient(180deg, #f7b84a 0%, #e89a20 100%) !important;
  transform: translateY(-2px) !important;
}

/* ALL Elementor buttons 3D */
.elementor-button-wrapper .elementor-button, a.elementor-button {
  border-bottom: 3px solid rgba(0,0,0,0.3) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.15) !important;
  transition: all 0.15s ease !important;
}
.elementor-button:hover { transform: translateY(-1px) !important; }
.elementor-button:active { transform: translateY(1px) !important; border-bottom: 1px solid rgba(0,0,0,0.3) !important; }

/* Product Cards */
.woocommerce ul.products li.product { background: #fff; border: 1px solid #e0e4e8; border-radius: 8px; padding: 0 0 18px 0; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.woocommerce ul.products li.product:hover { border-color: #1a3a5c; box-shadow: 0 8px 24px rgba(26,58,92,0.15); transform: translateY(-4px); }
.woocommerce ul.products li.product .woocommerce-placeholder { background: linear-gradient(135deg, #1a3a5c 0%, #2c5f8a 100%) !important; min-height: 180px; padding: 30px; filter: brightness(0) invert(1); opacity: 0.3; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-weight: 700 !important; color: #1a3a5c !important; font-size: 14px !important; padding: 14px 16px 6px !important; }
.woocommerce ul.products li.product .price { color: #e67e22 !important; font-weight: 700 !important; font-size: 16px !important; padding: 0 16px !important; }
.woocommerce ul.products li.product .button { background: linear-gradient(180deg, #1e4a6e 0%, #14334d 100%) !important; color: #fff !important; border-bottom: 3px solid #0a1c2b !important; border-radius: 5px !important; margin: 10px 16px 0 !important; padding: 10px 18px !important; font-weight: 600 !important; font-size: 12px !important; text-transform: uppercase !important; width: calc(100% - 32px) !important; text-align: center !important; }
.woocommerce ul.products li.product .button:hover { background: linear-gradient(180deg, #e67e22 0%, #cf6d17 100%) !important; }

/* Mobile */
@media (max-width: 921px) { .handal-mobile-buttons { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; display: flex; box-shadow: 0 -4px 12px rgba(0,0,0,0.4); } .handal-mobile-buttons a { flex: 1; text-align: center; padding: 14px 8px; color: #fff; font-weight: 700; font-size: 11px; text-transform: uppercase; text-decoration: none; } .handal-mobile-buttons a:first-child { background: linear-gradient(180deg, #1e5a8a 0%, #14436a 100%); border-right: 1px solid rgba(255,255,255,0.15); } .handal-mobile-buttons a:last-child { background: linear-gradient(180deg, #f39c12 0%, #d68910 100%); } body { padding-bottom: 52px; } }
@media (min-width: 922px) { .handal-mobile-buttons { display: none; } }
@media (max-width: 921px) and (min-width: 481px) { .woocommerce ul.products { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; } .woocommerce ul.products li.product { width: 100% !important; margin: 0 !important; } }
@media (max-width: 480px) { .woocommerce ul.products { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; } .woocommerce ul.products li.product { width: 100% !important; margin: 0 !important; } }
@media (min-width: 1200px) { .woocommerce ul.products { display: grid !important; grid-template-columns: 1fr 1fr 1fr 1fr !important; gap: 20px !important; } }