/* ============================================================
   WELTECH – UNIVERSAL PRODUCT PAGE STANDARDIZATION
   No HTML edits | No table changes | Orange removed globally
   ============================================================ */

/* -------- BRAND -------- */
:root{
  --wt-red:#c4161c;
  --wt-red-dark:#9e1015;
  --wt-border:#e5e5e5;
  --wt-radius:14px;
  --wt-shadow:0 10px 28px rgba(0,0,0,.08);
}

/* -------- KILL ALL ORANGE SOURCES -------- */

/* 1) inline <style> .style5 { color:#F86E4E } */
.style5,
h1.style5, h2.style5, h3.style5, h4.style5, h5.style5{
  color: var(--wt-red) !important;
}

/* 2) inline style="color:#F86E4E" */
*[style*="#F86E4E"],
*[style*="#f86e4e"]{
  color: var(--wt-red) !important;
  border-color: var(--wt-red) !important;
}

/* 3) bgcolor="#F86E4E" in tables */
td[bgcolor="#F86E4E"], th[bgcolor="#F86E4E"],
td[bgcolor="#f86e4e"], th[bgcolor="#f86e4e"]{
  background: var(--wt-red) !important;
  color:#fff !important;
}

/* also affects <p class="style6"> inside headers */
td[bgcolor="#F86E4E"] .style6,
th[bgcolor="#F86E4E"] .style6{
  color:#fff !important;
}

/* -------- TITLES & SUBHEADERS -------- */
h1, h2, h3, h4, h5,
h4.title, h4.title strong{
  color: var(--wt-red);
  letter-spacing:.4px;
}

#subheader h1{
  color: var(--wt-red) !important;
}
#subheader span{
  color:#555;
}

/* -------- SIDEBAR STANDARDIZATION -------- */
#sidebar .widget_category ul{
  background:#fff;
  border:1px solid var(--wt-border);
  border-radius: var(--wt-radius);
  box-shadow: var(--wt-shadow);
  padding:10px;
}

#sidebar .widget_category a strong{
  color: var(--wt-red);
}

/* -------- PRODUCT IMAGE BLOCKS -------- */
#gallery .item{
  background:#fff;
  border:1px solid var(--wt-border);
  border-radius: var(--wt-radius);
  box-shadow: var(--wt-shadow);
  transition:.2s ease;
}

#gallery .item:hover{
  transform: translateY(-4px);
}

/* -------- TABLE STANDARDIZATION (NO STRUCTURE CHANGE) -------- */

/* wrap legacy overflow divs as cards */
#content div[style*="overflow-x:auto"]{
  background:#fff;
  border:1px solid var(--wt-border);
  border-radius: var(--wt-radius);
  box-shadow: var(--wt-shadow);
  padding:14px;
  margin: 10px 0 26px 0;
}

/* zebra rows (header untouched) */
#content table tr:nth-child(even){
  background:#fafafa;
}

/* vertical alignment fix */
#content table td,
#content table th{
  vertical-align: middle;
}

/* -------- BUTTONS -------- */
.btn-primary{
  background: var(--wt-red) !important;
  border-color: var(--wt-red) !important;
}
.btn-primary:hover{
  background: var(--wt-red-dark) !important;
}
/* ============================================================
   WELTECH – 3 ITEMS PER ROW (ONLY WHERE .gallery-3col is used)
   ============================================================ */

/* Desktop: 3 per row */
@media (min-width: 980px){
  .gallery.gallery-3col{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:18px !important;
  }
  .gallery.gallery-3col .item{
    float:none !important;
    width: calc(33.333% - 18px) !important;  /* 3 columns */
    margin:0 !important;
  }
}

/* Tablet: 2 per row */
@media (min-width: 768px) and (max-width: 979px){
  .gallery.gallery-3col{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:16px !important;
  }
  .gallery.gallery-3col .item{
    float:none !important;
    width: calc(50% - 16px) !important;
    margin:0 !important;
  }
}

/* Mobile: 1 per row */
@media (max-width: 767px){
  .gallery.gallery-3col{
    display:block !important;
  }
  .gallery.gallery-3col .item{
    float:none !important;
    width:100% !important;
    margin:0 0 14px 0 !important;
  }
}
/* ============================================================
   FIX: PRODUCT CARD BORDER NOT VISIBLE AT BOTTOM
   ============================================================ */

/* Ensure card wraps content properly */
.gallery.gallery-3col .item{
  display: flex !important;
  flex-direction: column;
  height: auto !important;
}

/* Make picframe stretch & keep border intact */
.gallery.gallery-3col .picframe{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: #fff;
  border-radius: 12px;
  box-sizing: border-box;
}

/* Force image to stay inside card */
.gallery.gallery-3col .picframe img{
  max-width: 100%;
  height: auto;
  display: block;
}
/* ============================================================
   WELTECH – CODE/NAME BELOW PRODUCT IMAGE (Hammer Blades)
   ============================================================ */
.gallery.gallery-3col .picframe{
  position: relative;
  padding-bottom: 14px; /* space for code */
}

.gallery.gallery-3col .wt-code{
  margin-top: 10px;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  color: #222;
  letter-spacing: .3px;
  padding: 8px 10px;
  border-top: 1px solid #eee;
  background: #fafafa;
  border-radius: 0 0 12px 12px;
}
/* ============================================================
   FIX: PRODUCT NAME MOVING TO RIGHT / BETWEEN IMAGES
   ============================================================ */

.gallery.gallery-3col .item{
  display: flex;
  flex-direction: column;
}

/* Image container */
.gallery.gallery-3col .picframe{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Caption block BELOW image */
.gallery.gallery-3col .wt-caption{
  width: 100%;
  text-align: center;
  padding: 10px 8px;
  margin-top: 6px;
  border-top: 1px solid #e5e5e5;
  background: #fafafa;
  box-sizing: border-box;
}

/* Product name */
.gallery.gallery-3col .wt-name{
  font-size: 12px;
  font-weight: 800;
  color: #c4161c; /* Weltech Red */
  text-transform: uppercase;
  letter-spacing: .4px;
}

/* Product code */
.gallery.gallery-3col .wt-sku{
  font-size: 12px;
  font-weight: 700;
  color: #333;
  margin-top: 2px;
}
/* Product name/code BELOW image (prevents text between items) */
.gallery.gallery-3col .item{
  display:flex;
  flex-direction:column;
}

.gallery.gallery-3col .wt-caption{
  width:100%;
  text-align:center;
  padding:10px 8px;
  margin-top:6px;
  border-top:1px solid #e5e5e5;
  background:#fafafa;
  box-sizing:border-box;
}

.gallery.gallery-3col .wt-name{
  font-size:12px;
  font-weight:800;
  color:#c4161c;   /* Weltech Red */
  text-transform:uppercase;
  letter-spacing:.4px;
}

.gallery.gallery-3col .wt-sku{
  font-size:12px;
  font-weight:700;
  color:#333;
  margin-top:2px;
}
/* ============================================================
   HAMMER BLADES – CODE ONLY BELOW IMAGE
   ============================================================ */

.gallery.gallery-3col .item{
  display:flex;
  flex-direction:column;
}

/* Code label */
.gallery.gallery-3col .wt-code{
  width:100%;
  text-align:center;
  margin-top:8px;
  padding:8px 6px;
  font-size:13px;
  font-weight:800;
  color:#c4161c;           /* Weltech Red */
  letter-spacing:.4px;
  border-top:1px solid #e5e5e5;
  background:#fafafa;
  box-sizing:border-box;
}
/* ============================================================
   PRODUCT MATERIAL LINE (UNDER TITLE)
   ============================================================ */

.product-material{
  margin: 6px 0 18px 0;
  font-size: 13px;
  color: #333;
  line-height: 1.4;
}

.product-material strong{
  color: #c4161c; /* Weltech Red */
  font-weight: 700;
}

.product-material span{
  color: #555;
  font-weight: 600;
}
/* ============================================================
   FIX: IMAGE CROPPING INSIDE PRODUCT CARDS
   ============================================================ */

/* Allow image container to grow naturally */
.gallery.gallery-3col .picframe{
  height: auto !important;
  min-height: unset !important;
  overflow: visible !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

/* Ensure image is fully visible */
.gallery.gallery-3col .picframe img{
  max-width: 100%;
  height: auto !important;
  max-height: none !important;
  display: block;
}
/* ============================================================
   WELTECH – REMOVE BLUE COMPLETELY (SITE-WIDE)
   Accent = Weltech Red only
   ============================================================ */

:root{
  --wt-red:#c4161c;
  --wt-red-dark:#9e1015;
}

/* --------- Links (kill blue) --------- */
a,
a:visited{
  color:#333 !important;
}
a:hover,
a:focus{
  color:var(--wt-red) !important;
  text-decoration:none;
}

/* --------- Common “theme blue” classes (Bootstrap / theme) --------- */
.text-primary,
a.text-primary,
.text-info,
a.text-info{
  color:var(--wt-red) !important;
}

.bg-primary,
.bg-info,
.label-info,
.badge-info,
.alert-info{
  background:var(--wt-red) !important;
  border-color:var(--wt-red) !important;
  color:#fff !important;
}

/* Buttons that usually become blue */
.btn-primary,
.btn-info{
  background:var(--wt-red) !important;
  border-color:var(--wt-red) !important;
}
.btn-primary:hover,
.btn-info:hover{
  background:var(--wt-red-dark) !important;
  border-color:var(--wt-red-dark) !important;
}

/* --------- Tags (remove blue hover/background anywhere) --------- */
.tags a,
.tagcloud a,
.widget_tags a{
  background:#f5f5f5 !important;
  border:1px solid #ddd !important;
  color:#333 !important;
}
.tags a:hover,
.tagcloud a:hover,
.widget_tags a:hover{
  background:var(--wt-red) !important;
  border-color:var(--wt-red) !important;
  color:#fff !important;
}

/* --------- Remove blue outlines / focus rings --------- */
*:focus{
  outline: none !important;
  box-shadow: none !important;
}

/* Form focus (often blue border) */
input:focus,
select:focus,
textarea:focus{
  border-color:var(--wt-red) !important;
  box-shadow:none !important;
}

/* --------- If any inline CSS uses 'blue' or #00f etc --------- */
[style*="blue"],
[style*="#00f"],
[style*="#0000ff"]{
  color:var(--wt-red) !important;
  border-color:var(--wt-red) !important;
}

/* --------- Card hover borders (if theme makes them blue) --------- */
.gallery .item:hover{
  border-color:var(--wt-red) !important;
}
/* ============================================================
   WELTECH – REMOVE THEME BLUE (HEADER, DROPDOWN, CARDS)
   ============================================================ */

/* ---------- HEADER DROPDOWN (INFRASTRUCTURE MENU) ---------- */
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover{
  background: #c4161c !important;   /* Weltech Red */
  color: #fff !important;
}

/* Remove any remaining blue strip */
.navbar .dropdown-menu{
  border-top-color: #c4161c !important;
}

/* ---------- PRODUCT IMAGE CARD BORDERS ---------- */
.picframe{
  border-color: #c4161c !important;  /* replace blue border */
}

/* If there is a hover border */
.picframe:hover{
  border-color: #9e1015 !important;
}

/* ---------- SECTION / TITLE DIVIDER LINE ---------- */
hr,
.title-divider,
.section-divider{
  border-color: #e5e5e5 !important; /* neutral, no blue */
}

/* ---------- REMOVE BOOTSTRAP PRIMARY BLUE ---------- */
.text-primary{
  color: #c4161c !important;
}
.bg-primary{
  background-color: #c4161c !important;
}

/* ---------- TABLE HEADER SAFETY (already red but lock it) ---------- */
table thead th,
table thead td{
  background: #c4161c !important;
  border-color: #c4161c !important;
  color: #fff !important;
}
/* ============================================================
   WELTECH – FORCE RED HOVER (MENU DROPDOWN + PRODUCT FRAMES)
   ============================================================ */

:root{
  --wt-red:#c4161c;
  --wt-red-dark:#9e1015;
}

/* -----------------------------
   1) TOP MENU DROPDOWNS (#mainmenu)
   Remove blue, use Weltech red on hover/active
-------------------------------- */
#mainmenu li ul li a{
  background:#3f3f3f !important;   /* keep dark dropdown background */
  color:#fff !important;
}

/* hover */
#mainmenu li ul li:hover > a,
#mainmenu li ul li a:hover,
#mainmenu li ul li a:focus{
  background:var(--wt-red) !important;
  color:#fff !important;
}

/* active/current (covers different themes) */
#mainmenu li ul li.active > a,
#mainmenu li ul li.current > a,
#mainmenu li ul li.current-menu-item > a,
#mainmenu li ul li.current_page_item > a{
  background:var(--wt-red) !important;
  color:#fff !important;
}

/* kill any blue border/line inside dropdown */
#mainmenu li ul,
#mainmenu li ul li{
  border-color: rgba(255,255,255,.15) !important;
}

/* -----------------------------
   2) PRODUCT IMAGE FRAME BLUE BORDER
   (your blue is on the inner image/frame)
-------------------------------- */
#gallery .picframe,
#gallery .picframe img{
  border-color:#ddd !important; /* neutral default */
}

/* hover = Weltech red */
#gallery .item:hover .picframe,
#gallery .item:hover .picframe img{
  border-color:var(--wt-red) !important;
}

/* If the theme applies blue outline on focus/click */
#gallery .item a:focus,
#gallery .item a:active,
#gallery .item a:focus img,
#gallery .item a:active img{
  outline:none !important;
  box-shadow:none !important;
  border-color:var(--wt-red) !important;
}

/* Optional: also make the outer card border red on hover */
#gallery .item:hover{
  border-color:var(--wt-red) !important;
}
/* ============================================================
   WELTECH – GLOBAL BACKGROUND (OPTION 2: LIGHT WARM GREY)
   ============================================================ */

body{
  background-color: #f3e6e6;
}
/* ============================================================
   WELTECH – REMOVE WHITE CARD BORDERS (CLEAN LAYOUT)
   ============================================================ */

/* Remove borders from product cards */
#gallery .item,
#gallery .picframe,
#gallery .picframe img{
  border: none !important;
}

/* Optional: remove card background if any */
#gallery .item{
  background: transparent !important;
}

/* Keep layout clean – no hover box illusion */
#gallery .item:hover{
  box-shadow: none !important;
}
/* ============================================================
   HOME FILTERS – KEEP ACTIVE TAB HIGHLIGHTED
   ============================================================ */

#filters a{
  background:#f5f5f5 !important;
  border:1px solid #ddd !important;
  color:#333 !important;
  padding:6px 12px;
  border-radius:0; /* keep consistent with your square product frames */
  font-weight:600;
  display:inline-block;
}

/* hover (optional) */
#filters a:hover{
  background:#eee !important;
  border-color:#ccc !important;
  color:#333 !important;
}

/* ACTIVE / SELECTED (this is what you want to stay) */
#filters a.selected{
  background:#c4161c !important;   /* Weltech Red */
  border-color:#c4161c !important;
  color:#fff !important;
}
/* =========================
   Corporate Video Section
   ========================= */
.weltech-video{
  padding: 35px 0;
}

.weltech-video__head{
  text-align: center;
  margin-bottom: 16px;
}

.weltech-video__title{
  margin: 0 0 6px 0;
  color: #c4161c;
  font-weight: 800;
  letter-spacing: .4px;
}

.weltech-video__sub{
  margin: 0;
  color: #666;
  font-size: 13px;
}

.weltech-video__card{
  background: #fff;
  border: 1px solid #eee;
  padding: 14px;
}

.weltech-video__poster{
  width: 100%;
  border: 0;
  background: #f2f2f2;
  cursor: pointer;
  position: relative;
  padding: 0;
  height: 450px;
}

.weltech-video__play{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #c4161c;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.weltech-video__play:after{
  content: "";
  position: absolute;
  left: 26px;
  top: 19px;
  border-style: solid;
  border-width: 13px 0 13px 20px;
  border-color: transparent transparent transparent #fff;
}

.weltech-video__hint{
  position: absolute;
  left: 50%;
  top: calc(50% + 55px);
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 700;
  color: #444;
  background: rgba(255,255,255,.85);
  padding: 6px 10px;
}

/* Responsive height */
@media (max-width: 767px){
  .weltech-video__poster{ height: 240px; }
  .weltech-video__frame iframe{ height: 240px; }
}
/* ============================================================
   FIX: REMOVE EXTRA GAP ABOVE CORPORATE VIDEO (BEFORE FOOTER)
   ============================================================ */

/* Reduce top gap when video is near footer */
.weltech-video{
  margin-top: 0 !important;
  padding-top: 5px !important;
}

/* Kill excessive bottom margin of previous section */
.weltech-video + footer,
.weltech-video + .footer,
.weltech-video + #footer{
  margin-top: 0 !important;
}

/* Safety: remove large margins from last section above footer */
section:last-of-type{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* ============================================================
   HOME: Corporate video spacing (equal gap top & bottom)
   ============================================================ */

/* Remove extra blank spacing right before video (from portfolio section) */
#bg-portfolio hr.blank{
  display:none !important;
}

/* Give video a clean, controlled spacing */
.weltech-video{
  padding: 30px 0 !important;   /* equal top & bottom */
  margin: 0 !important;
}

/* Ensure footer does not “stick” to video */
.weltech-video + footer{
  margin-top: 30px !important;  /* equal gap after video */
}

/* Optional: if footer has huge top padding in theme, reduce it slightly */
footer{
  padding-top: 25px !important;
}
/* =========================
   Corporate Video Thumbnail
   ========================= */
.weltech-video{
  padding:30px 0;
}

.weltech-video__head{
  text-align:center;
  margin-bottom:14px;
}

.weltech-video__title{
  margin:0 0 6px 0;
  color:#c4161c;
  font-weight:800;
}

.weltech-video__sub{
  margin:0;
  color:#666;
  font-size:13px;
}

.weltech-video__thumb{
  position:relative;
  display:block;
  max-width:100%;
  margin:0 auto;
}

.weltech-video__thumb img{
  width:100%;
  height:auto;
  display:block;
}

/* Play button */
.weltech-video__play{
  width:72px;
  height:72px;
  background:#c4161c;
  border-radius:50%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 10px 25px rgba(0,0,0,.3);
}

.weltech-video__play:after{
  content:"";
  position:absolute;
  left:29px;
  top:22px;
  border-style:solid;
  border-width:14px 0 14px 22px;
  border-color:transparent transparent transparent #fff;
}
.weltech-video{ padding:30px 0; }
.weltech-video__head{ text-align:center; margin-bottom:14px; }
.weltech-video__title{ margin:0 0 6px 0; color:#c4161c; font-weight:800; }
.weltech-video__sub{ margin:0; color:#666; font-size:13px; }

@media (max-width: 767px){
  .weltech-video__frame iframe{ height:240px; }
}
/* ============================================================
   ABOUT PAGE UPGRADE (clean + modern, no layout break)
   ============================================================ */

.wt-about-wrap{
  background:#fff;
  border:1px solid #eee;
  padding:22px;
}

.wt-about-hero{
  display:flex;
  gap:22px;
  align-items:flex-start;
  margin-bottom:18px;
}

.wt-about-left{ flex: 1.2; }
.wt-about-right{ flex: .8; }

.wt-about-title{
  margin: 0 0 8px 0;
  color:#c4161c;
  font-weight:800;
  letter-spacing:.3px;
}

.wt-about-lead{
  margin: 0 0 12px 0;
  color:#555;
  line-height:1.6;
  font-size:14px;
}

.wt-about-points{
  background:#fafafa;
  border:1px solid #eee;
  padding:12px;
  color:#444;
  font-size:13px;
  line-height:1.6;
}

.wt-about-img{
  width:100%;
  height:auto;
  display:block;
  border:1px solid #eee;
}

.wt-about-grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.wt-about-card{
  width: calc(50% - 14px);
  border:1px solid #eee;
  background:#fff;
  padding:14px;
}

.wt-about-card h4{
  margin:0 0 8px 0;
  color:#c4161c;
  font-weight:800;
}

.wt-about-card p{
  margin:0;
  color:#555;
  line-height:1.6;
}

/* Mobile */
@media (max-width: 767px){
  .wt-about-hero{ display:block; }
  .wt-about-card{ width:100%; }
}
/* ============================================================
   ABOUT PAGE – STATS STRIP
   ============================================================ */

.wt-about-stats{
  display:flex;
  gap:12px;
  margin: 10px 0 14px 0;
}

.wt-stat{
  flex:1;
  text-align:center;
  background:#fafafa;
  border:1px solid #eee;
  padding:10px 6px;
}

.wt-stat-num{
  font-size:18px;
  font-weight:800;
  color:#c4161c;
  line-height:1.2;
}

.wt-stat-label{
  font-size:12px;
  color:#555;
  letter-spacing:.2px;
  margin-top:2px;
}

/* Mobile */
@media (max-width: 767px){
  .wt-about-stats{
    flex-wrap:wrap;
  }
  .wt-stat{
    width:48%;
  }
}
/* ==============================
   FLOATING WHATSAPP (CLEAN + ALWAYS VISIBLE)
   ============================== */
.whatsapp-float{
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;

  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;

  background: #25D366 !important;
  color: #fff !important;
  text-decoration: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 8px 22px rgba(0,0,0,0.25) !important;
  z-index: 999999 !important;

  /* prevents “tap highlight” on mobile */
  -webkit-tap-highlight-color: transparent;
}

/* Fix theme icon rules (your theme floats <i> left) */
.whatsapp-float i{
  float: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 34px !important;
  line-height: 1 !important;
  color: #fff !important;
}

/* Hover */
.whatsapp-float:hover{
  background: #1ebe5d !important;
  color: #fff !important;
}

/* Small screens: slightly smaller */
@media (max-width: 767px){
  .whatsapp-float{
    right: 14px !important;
    bottom: 14px !important;
    width: 52px !important;
    height: 52px !important;
  }
  .whatsapp-float i{ font-size: 32px !important; }
}
/* ==============================
   FLOATING WHATSAPP – MID RIGHT
   ============================== */
.whatsapp-float{
  position: fixed !important;

  top: 50% !important;               /* vertical center */
  right: 35px !important;            /* inset from right edge */
  bottom: auto !important;

  transform: translateY(-50%) !important;

  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;

  background: #25D366 !important;
  color: #fff !important;
  text-decoration: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 8px 22px rgba(0,0,0,0.25) !important;
  z-index: 999999 !important;

  -webkit-tap-highlight-color: transparent;
}

/* Fix theme icon float issue */
.whatsapp-float i{
  float: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  color: #fff !important;
}

/* Hover effect */
.whatsapp-float:hover{
  background: #1ebe5d !important;
  color: #fff !important;
}

/* Mobile: move to bottom-right (better UX on phones) */
@media (max-width: 767px){
  .whatsapp-float{
    top: auto !important;
    bottom: 18px !important;
    right: 18px !important;
    transform: none !important;
    width: 52px !important;
    height: 52px !important;
  }
  .whatsapp-float i{
    font-size: 32px !important;
  }
}
/* ==============================
   WHATSAPP RIPPLE / PULSE EFFECT
   ============================== */
.whatsapp-float::before,
.whatsapp-float::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.45); /* WhatsApp green */
  z-index: -1;
  animation: whatsapp-ripple 2.5s infinite;
}

.whatsapp-float::after{
  animation-delay: 1.2s;
}

@keyframes whatsapp-ripple{
  0%{
    transform: scale(1);
    opacity: 0.6;
  }
  100%{
    transform: scale(1.8);
    opacity: 0;
  }
}

/* Pause ripple on hover */
.whatsapp-float:hover::before,
.whatsapp-float:hover::after{
  animation-play-state: paused;
}
.weltech-search-panel{
    display:none;
    position:absolute;
    top:165px;
    right:350px;
    width:420px;
    background:#fff;
    padding:12px;
    z-index:999999;
    box-shadow:0 12px 35px rgba(0,0,0,.25);
}

body.show-weltech-search .weltech-search-panel{
    display:block !important;
}

.weltech-search-panel form{
    display:flex;
    gap:8px;
    margin:0;
}

.weltech-search-panel input{
    flex:1;
    height:38px;
    padding:0 12px;
    border:1px solid #ccc;
}

.weltech-search-panel button{
    background:#c4161c;
    color:#fff;
    border:0;
    padding:0 16px;
}