/*
Theme Name: Pollination Advanced
Author: ChatGPT
Version: 2.0
Description: Advanced WooCommerce theme inspired by pollination.in homepage layout.
*/
@import url('assets/css/main.css');
/* Remove underline */
.main-menu a {
    text-decoration: none !important;
}

/* Fix cart & account icons */
.header-controls a {
    font-size: 22px;
    margin-left: 15px;
    text-decoration: none;
}

/* Hide nav toggle in desktop */
.nav-toggle {
    display: none;
}

/* Show nav toggle only on mobile */
@media(max-width: 768px) {
    .nav-toggle {
        display: block;
        font-size: 28px;
        background: none;
        border: none;
        cursor: pointer;
    }
}
/* Remove left padding from header */
.header-inner {
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove padding/margin around logo */
.logo, 
.logo a, 
.logo img {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure header touches full width */
.cat-image img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    border-radius: 8px;
}

/* Subcategory images (small square icons) */
.cat-children .child img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
    border-radius: 6px;
}
.site-header {
    padding-left: 0 !important;
}/* ========== FIX: Category Dropdown Alignment ========== */
.menu-cat {
    position: relative;
}

.menu-cat .cat-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;                    /* center below menu item */
    transform: translateX(-50%);  /* adjust to exact center */
    background: #fff;
    border: 1px solid #eee;
    padding: 12px;
    min-width: 260px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    display: none;
    z-index: 999;
}

.menu-cat:hover .cat-dropdown {
    display: flex;                /* show aligned dropdown */
}

/* ========== FIX: Left image size (category main image) ========== */
.cat-image img {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover;
    border-radius: 8px;
}

/* ========== FIX: Subcategory image size ========== */
.cat-children li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cat-children li a img {
    width: 32px !important;
    height: 32px !important;
    object-fit: cover;
    border-radius: 6px;
}

/* Prevent submenu from going too far left on smaller screens */
@media (max-width: 1280px) {
    .menu-cat .cat-dropdown {
        left: 0;
        transform: none;
    }
}
/* Footer Base */
/* Footer Base */
.custom-footer {
  background-color: #2f4157;   /* dark blue-gray background */
  color: #fff;                 /* white text */
  padding: 20px 15px;          /* reduced height */
  font-size: 14px;
  line-height: 1.5;            /* tighter spacing */
}

/* Newsletter */
.footer-newsletter {
  text-align: center;
  margin-bottom: 20px;         /* reduced spacing */
}
.footer-newsletter h3 {
  font-size: 18px;
  margin-bottom: 8px;
}
.newsletter-form {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.newsletter-form input {
  padding: 8px;
  width: 220px;
  border: 1px solid #ccc;
}
.newsletter-form button {
  padding: 8px 16px;
  background: #000;            /* darker button for contrast */
  color: #fff;
  border: none;
  cursor: pointer;
}

/* Footer Links */
.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;         /* reduced spacing */
}
.footer-column {
  flex: 1 1 200px;
  margin: 8px;
}
.footer-column h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #fff;
}
.footer-column ul {
  list-style: none;
  padding: 0;
}
.footer-column ul li {
  margin-bottom: 6px;
}
.footer-column ul li a {
  text-decoration: none;
  color: #fff;
}
.footer-column ul li a:hover {
  color: #2b35c6;              /* hover color */
}

/* Social & Contact */
.social-icons a {
  margin-right: 8px;
  font-size: 18px;
  color: #fff;
}
.social-icons a:hover {
  color: #2b35c6;
}
.contact-icons {
  margin-top: 8px;
  font-size: 14px;
}
.contact-icons a {
  margin: 0 8px;
  text-decoration: none;
  color: #fff;
}
.contact-icons a:hover {
  color: #2b35c6;
}
.contact-icons i {
  margin-right: 5px;           /* space between icon and text */
}

/* Footer Note */
.footer-note {
  text-align: center;
  border-top: 1px solid #444;  /* subtle divider */
  padding-top: 10px;
  color: #ccc;                 /* lighter text for readability */
}
.start-button {
  margin-top: 8px;
  padding: 6px 14px;
  background: #000;
  color: #fff;
  border: none;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .footer-links {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-column {
    margin-bottom: 15px;
    width: 100%;
  }
  .newsletter-form {
    flex-direction: column;
    gap: 8px;
  }
  .newsletter-form input {
    width: 100%;
  }
}