/*
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.1.1.1727987311
Updated: 2024-10-03 20:28:31

*/
/* Loader Overlay */
#searchwp-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 9999; /* Ensure it appears above all other elements */
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden; /* Initially hidden */
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
}

/* Show loader when active */
#searchwp-loader{
	visibility:hidden;
	opacity:0;
	text-align:center;
}

#searchwp-loader.active {
    visibility: visible;
    opacity: 1;
	z-index:200000;
}

/* Spinner */
.spinner {
    border: 6px solid rgba(255, 255, 255, 0.2); /* Light border */
    border-top: 6px solid #ffffff; /* White spinning part */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
	margin:0 auto;
}

/* Spinner Animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Optional Loader Text */
.loader-text {
    color: #ffffff;
    font-size: 1.2em;
    margin-top: 15px;
    text-align: center;
}
/* =========================================================
   SEARCHWP CARD — BREWERIANA MATCH
   ========================================================= */

/* Grid spacing */
.swp-search-results {
  gap: 32px;
}

/* Card container */
.swp-result-item {
  position: relative;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow:
    0 10px 30px rgba(0,0,0,.08),
    0 2px 6px rgba(0,0,0,.05);
  transition: transform .25s ease, box-shadow .25s ease;
  display: flex;
  flex-direction: column;
}

/* Hover effect */
.swp-result-item:hover {
  transform: translateY(-6px);
  box-shadow:
    0 18px 45px rgba(0,0,0,.14),
    0 6px 12px rgba(0,0,0,.08);
}

/* Image wrapper */
.swp-result-item--img-container {
  background: #111;
}

/* Image */
.swp-result-item--img img {
  width: 100%;
  height: auto;
  display: block;
}

/* Content area */
.swp-result-item--info-container {
  padding: 20px 22px 22px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Title */
.swp-result-item .entry-title {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Remove default link styling (overlay handles click) */
.swp-result-item .entry-title a {
  color: #333;
  text-decoration: none;
}

/* Description */
.swp-result-item--desc {
  font-size: 14px;
  line-height: 1.45;
  color: #555;
  margin-bottom: auto;
}

/* Read more */
.swp-result-item--button{
  margin-top: 16px;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color:#231F20 !important;
  text-decoration: none;
  display: inline-block;
  background: transparent!important
}

/* Arrow style */
.swp-result-item--button::after {
  content: " →";
}

/* =========================================================
   FULL CARD CLICK FIX (REQUIRED)
   ========================================================= */

/* Disable interaction under overlay */
.swp-result-item * {
  pointer-events: none;
}

/* Overlay link */
.swp-card-link {
  position: absolute;
  inset: 0;
  z-index: 9999;
  pointer-events: auto;
}