/*
Theme Name: Huka Child Theme
Theme URI: https://huka.peerduck.com
Author: Duck-Themes
Author URI: https://peerduck.com
Description: Blank Child Theme for Huka
Template: huka
Version: 1.00
Requires at least: 5.0
Requires PHP: 7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, custom-colors, featured-images, theme-options
Text Domain: huka
*/

/* ----------------------------------------------
   PRICE ON REQUEST BUTTON (Archive pages)
---------------------------------------------- */
a.button.price-on-request {
    display: block;
    width: fit-content;
    max-width: 90%;
    margin: 20px auto;
    padding: 12px 24px;
    background-color: #333;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    transition: background 0.3s ease, transform 0.2s ease;
}

a.button.price-on-request:hover {
    background-color: #000;
    transform: scale(1.05);
    color: #fff;
}

/* Responsive tweak for archive button */
@media (max-width: 480px) {
    a.button.price-on-request {
        font-size: 14px;
        padding: 10px 20px;
    }
}

/* ----------------------------------------------
   WHATSAPP BUTTON (Single product page)
---------------------------------------------- */
/* WhatsApp Button Styling - FINAL FIX */
.whatsapp-inquiry-button {
  all: unset; /* 🧨 Reset all inherited styles */
  background-color: #c2b280 !important;
  color: #0b1023 !important;
  padding: 12px 24px !important;
  border-radius: 25px !important;
  display: inline-block !important;
  font-weight: bold !important;
  margin-top: 60px !important;  /* 🔧 Push it down */
  text-align: center !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
  position: relative !important;
  z-index: 10 !important;
  cursor: pointer !important;
  font-size: 16px !important;
}

/* Super Specific Override */
.woocommerce a.whatsapp-inquiry-button.button:hover,
a.whatsapp-inquiry-button.button:hover,
.whatsapp-inquiry-button:hover {
  background-color: #0b1023 !important;
  color: #ffffff !important;
}

/* ----------------------------------------------
   DESKTOP: Price between Title & Button
---------------------------------------------- */
@media (min-width: 769px) {
  .custom-product-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 300px;
    text-align: center;
  }

  .custom-product-wrap .woocommerce-loop-product__title {
    order: 1;
    margin-bottom: 10px;
  }

  .custom-product-wrap .price {
    order: 2;
    margin: auto 0;
    font-size: 18px;
    font-weight: 600;
  }

  .custom-product-wrap .wc-buy-now-btn {
    order: 3;
    margin-top: auto;
  }
}

/* ----------------------------------------------
   MOBILE: Reset stacked layout
---------------------------------------------- */
@media (max-width: 768px) {
  .custom-product-wrap {
    display: block;
    height: auto;
    text-align: center;
  }

  .custom-product-wrap .woocommerce-loop-product__title {
    margin-bottom: 8px;
  }

  .custom-product-wrap .price {
    margin: 8px 0;
  }

  .custom-product-wrap .wc-buy-now-btn {
    margin-top: 10px;
  }
}


/* image padding */

/* Reduce padding on all product images */
.img {
    padding: 5px !important;  /* Change this value to control spacing */
    box-sizing: border-box;
}

/* arrow */

.mega-menu-link {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.mega-indicator {
    margin-left: 6px; /* Kam karo agar zyada dur hai. Adjust as needed */
    font-size: 12px;
    vertical-align: middle;
}








/* arrow */


/* Make the list item a flexbox container */
li.menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Optional: Make sure both elements stay in line */
li.menu-item .mega-menu-link,
li.menu-item .mega-indicator {
  display: inline-flex;
  align-items: center;
}

/* Remove big gap between text and arrow */
li.menu-item .mega-indicator {
  margin-left: 6px;
  position: relative;
  top: 1px; /* Adjust vertical alignment */
}

/* Optional: Avoid pushing arrow too far on right */
li.menu-item {
  padding-right: 10px;
}