/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1755365253
Updated: 2025-08-16 17:27:33

*/
/*change text color of shopping cart*/
.fkcart-shortcode-container .fkcart-shortcode-icon-wrap {
    color: #D2B24B !important;
}

/* Hide extra arrow if duplicated by ShopEngine or Elementor */
.select2-selection__arrow b {
    display: none !important;
}

/* Make AIOSEO breadcrumbs inherit the surrounding text styles */
.aioseo-breadcrumb a,
.aioseo-breadcrumb-separator,
.aioseo-breadcrumb{
  color: #FFFFFF !important;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  text-decoration: none;
}

/* ---------- Sticky / no-gap footer global fix ---------- */
/* Ensure root takes full height */
html, body {
  height: 100%;
}

/* Make the main page wrapper a column flex container */
#page.hfeed.site,
#page {
  min-height: 100vh;            /* full viewport height */
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  box-sizing: border-box;
}

/* Header and footer should not grow */
#page > header,
#page > footer,
#colophon,
.footer-width-fixer {
  flex: 0 0 auto;
}

/* Main content (Elementor page wrappers) should expand and take remaining space */
#page > [data-elementor-type="wp-page"],
#page > .site-content,
#page > .content,
#page > main,
.elementor.elementor-937,
.elementor.elementor-937 > .elementor-inner,
.elementor[data-elementor-type="wp-page"] {
  flex: 1 0 auto;   /* grow to fill space, but don't shrink below content */
  /* ensure no accidental min-height causes gaps */
  min-height: 0;
}

/* Tame Elementor spacer widgets that sometimes create large gaps on short pages */
.elementor-widget-spacer .elementor-spacer-inner {
  min-height: 0 !important;
  height: auto !important;
}

/* Remove large bottom padding/margin from last section that could create gap */
.elementor-section:last-child,
.elementor-container > .elementor-section:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Ensure footer doesn't overlap when content is long on mobile */
@media (max-width: 1024px) {
  #page {
    min-height: 100vh;
  }
  #page > [data-elementor-type="wp-page"] { min-height: 0; }
}

/*remove gap under the custom footer in elementor*/
/* Hide the exact persistent footer spacer (non-destructive) */
.elementor-element-45c056a,
.elementor-element-45c056a .elementor-spacer,
.elementor-element-cff1765,
.elementor-element-cff1765 .elementor-spacer,
.elementor-element-cff1765 .elementor-spacer-inner {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/*search result page redesign*/
/* --- Search Results Redesign: Product Grid Layout --- */

/* Target the container for the results */
.page-content {
    display: grid;
    /* Two columns for desktop, one for mobile */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px; /* Space between the grid items */
    padding: 20px 0; /* Add some vertical space around the results */
}

/* Style each individual search result article */
.page-content article.post {
    border: 1px solid #eee; /* Light border for definition */
    border-radius: 8px; /* Slightly rounded corners */
    padding: 15px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* Subtle shadow for depth */
    transition: transform 0.3s, box-shadow 0.3s;
}

.page-content article.post:hover {
    transform: translateY(-5px); /* Lift on hover */
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

/* Style the product image container/link */
.page-content article.post > a:first-of-type {
    display: block; /* Make the link a block element */
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* Make the product image fit and look good */
.page-content article.post img {
    width: 100%;
    height: auto;
    max-height: 250px; /* Set a maximum height for uniformity */
    object-fit: contain; /* Ensure the full image is visible, no cropping */
    transition: transform 0.3s;
}

.page-content article.post:hover img {
    transform: scale(1.05); /* Slight zoom on hover */
}

/* Style the product title */
.page-content article.post h2.entry-title {
    font-size: 1.25em; /* Slightly smaller title */
    margin: 10px 0 5px 0;
}

.page-content article.post h2.entry-title a {
    color: #333; /* Darker text */
    text-decoration: none; /* Remove underline */
}

.page-content article.post h2.entry-title a:hover {
    color: #c0a1a1; /* Pearl/gold-like hover color (adjust as needed) */
}

/* Style the product excerpt/description */
.page-content article.post p {
    font-size: 0.9em;
    color: #777;
    margin-top: 5px;
}

/* --- Shortcode Cleanup --- */

/* Target the specific <pre> block displaying the raw shortcode text */
#block-46c1fe4b-a761-4ab4-b1dd-4d7afe0c3be0 {
    display: none !important;
}

/* Global CSS to center Swiper navigation arrows vertically on the product IMAGE */

/* Target the navigation buttons within your specific product widget */
.shopengine-related .swiper-button-prev,
.shopengine-related .swiper-button-next {
    /* Adjust this value until the arrow is vertically centered on the 300px image. */
    /* 50% should be the center of the image area relative to the product card. */
    top: 40%; 
    
    /* Ensure the button itself is vertically centered on the 'top' reference point */
    transform: translateY(-50%); 
    
    /* Important for overriding potential default margins */
    margin-top: 0 !important; 
    
    /* Increase specificity to override other plugin styles if necessary */
    position: absolute !important;
}