/**
 * Theme Name:     Flex Multi Business Child
 * Author:         flextheme
 * Template:       flex-multi-business
 * Text Domain:	   flex-multi-business-child
 * Description:    Flex Multi Business is a modern and versatile theme designed for startups, consultancies, corporate firms, digital agencies, finance companies, IT services, law firms, marketing agencies, construction companies, real estate businesses, small businesses, portfolio sites, and service-based brands seeking a professional online presence, making it suitable for online store building, dropshipping shop setups, POD stores, digital services selling, and branded business websites. It offers a clean, stylish layout with essential sections, including a customizable header with a call-to-action, an engaging slider for key services or promotions, a detailed About Us section, an interactive Services area, a dynamic Latest News & Blogs section for content marketing, and a fully customizable footer with contact details, social links, and quick navigation. Fully responsive, retina-ready, and mobile-friendly, it adapts beautifully across desktops, tablets, and smartphones. Built for speed and performance, the theme integrates with WooCommerce for ecommerce functionality, online payments, and product/service sales, Contact Form 7 for lead generation and inquiries, and supports Yoast SEO for enhanced rankings and search visibility. With one-click demo import, SEO optimization, and cross-browser compatibility, Flex Multi Business provides a lightweight, modern, and customizable solution to launch a sleek, engaging, and conversion-focused business website efficiently.
 */
:root {
  --primary-theme-color: #890304; 
}
.villa-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(2, 6, 23, 0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.villa-card-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.villa-card-thumb {
    height: 200px;
    overflow: hidden;
    background: #eef6fb;
}

.villa-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.villa-card-body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.villa-card-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.villa-tagline {
    font-size: 14px;
    color: #666;
}

.villa-meta {
    margin-top: 6px;
    font-size: 13px;
    color: #555;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.villa-price {
    margin-top: auto;
    font-weight: 700;
    color: #0a66c2;
}

/* Swiper Navigation tweaks */
.villaSlider .swiper-button-prev,
.villaSlider .swiper-button-next {
    color: #003b6f;
}

.villaSlider .swiper-pagination-bullet-active {
    background: #003b6f;
}
/* ============================
   VILLA SEARCH BAR – PREMIUM DESIGN
   ============================ */

.villa-search-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    padding: 20px 25px;
    border-radius: 14px;
    box-shadow: 0 3px 25px rgba(0,0,0,0.08);
    margin: 25px auto;
    max-width: 900px;
}

/* Inputs */
.villa-search-bar input.villa-search-input,
.villa-search-bar select.villa-search-select {
    flex: 1 1 260px;
    padding: 12px 15px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    border-radius: 10px;
    font-size: 15px;
    transition: all 0.25s ease;
}

/* Focus Effect */
.villa-search-bar input.villa-search-input:focus,
.villa-search-bar select.villa-search-select:focus {
    border-color: #111;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(30,30,30,0.07);
    outline: none;
}

/* Button */
.villa-search-bar .villa-search-btn {
    flex: 0 0 auto;
    padding: 12px 25px;
    background: #111;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.25s ease;
}

.villa-search-bar .villa-search-btn:hover {
    background: #333;
    transform: translateY(-2px);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .villa-search-bar {
        padding: 18px;
        gap: 12px;
    }

    .villa-search-bar input.villa-search-input,
    .villa-search-bar select.villa-search-select {
        flex: 1 1 100%;
    }

    .villa-search-bar .villa-search-btn {
        width: 100%;
        text-align: center;
        padding: 14px;
    }
}