/*
Theme Name: XLVillarentals-Theme26
Theme URI: https://excellenceluxuryvillas.com
Template: wprentals
Description: SEO-optimized taxonomy pages with Scandinavia-style layout (Dec 2025)
Author: Excellence Luxury Villas
Author URI: https://excellenceluxuryvillas.com
Version: 1.0.0
Text Domain: xlvillarentals-theme26
*/

/* Custom styles */

/* ========================================
   CUSTOM CSS - Excellence Luxury Villas
   Added: December 2025
   ======================================== */

/* ========================================
   TWO-COLUMN FAQ LAYOUT
   ======================================== */
/* Two-column layout using column-count */
.two-column-faq .elementor-widget-container {
    column-count: 2;
    column-gap: 30px;
}

/* Prevent items from breaking across columns */
.two-column-faq .elementor-accordion-item, 
.two-column-faq .elementor-toggle-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    margin-bottom: 20px;
}

/* Mobile: Single column */
@media (max-width: 767px) {
    .two-column-faq .elementor-widget-container {
        column-count: 1;
        column-gap: 0;
    }
}

/* ========================================
   FIX CIRCULAR LOGO STRETCHING - Dec 2025
   ======================================== */
/* Main logo - preserve circular aspect ratio */
.logo img {
    width: auto !important;
    height: auto !important;
    max-width: 300px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    aspect-ratio: 1 / 1 !important;
}

/* Fixed/sticky header logo */
.fixed_header .logo img,
.sticky-header .logo img,
.header_wrapper.fixed .logo img {
    max-height: 54px !important;
    width: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
}

/* Ensure logo container doesn't constrain */
.logo {
    display: inline-block !important;
    line-height: 0 !important;
}

/* Bar logo (side menu) - prevent stretching */
.barlogo img {
    width: auto !important;
    max-width: 90px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
}