/*
Theme Name: Astra Child - Tile n Style
Theme URI: https://tilenstyle.ie
Author: Tile n Style
Author URI: https://tilenstyle.ie
Description: Astra Child Theme for Tile n Style Website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* SVG Icon Size Fix for Header Menu */
.ast-desktop-header-content .menu-item svg,
.ast-mobile-header-content .menu-item svg,
.main-navigation .menu-item svg {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    display: inline-block;
    vertical-align: middle;
}

/* Ensure proper alignment of menu items with SVG icons */
.main-header-menu .menu-item > a {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
}

/* Prevent SVG from shrinking */
.menu-item svg {
    flex-shrink: 0;
}

/* Additional styling for menu image containers */
.menu-item .menu-image-title-before,
.menu-item .menu-image-title-after {
    display: flex !important;
    align-items: center !important;
}

/* Mobile menu SVG icons */
@media (max-width: 921px) {
    .ast-mobile-header-wrap .menu-item svg {
        width: 30px !important;
        height: 30px !important;
    }
}

/* Add any additional custom CSS below this line */

/* AGGRESSIVE FIX for Taps icon and all menu SVGs */
/* Target Elementor icon list specifically */
.elementor-widget-icon-list .elementor-icon-list-icon svg {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
}

/* Force all SVG elements in links to be same size */
.elementor-icon-list-item a svg {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    display: inline-block !important;
}

/* Specific targeting for any SVG that might be smaller */
svg[viewBox] {
    width: 40px !important;
    height: 40px !important;
}

/* Override inline width/height attributes */
.elementor-widget-container svg[width],
.elementor-widget-container svg[height] {
    width: 40px !important;
    height: 40px !important;
}

/* Ensure Taps icon specifically is correct size */
/* The Taps SVG has different internal proportions, so we scale it up */
a[href*="/taps"] svg,
a[href*="tap"] svg {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    transform: scale(1.3) !important;
    transform-origin: center !important;
}

/* Alternative: Make the container bigger for Taps */
a[href*="/taps"] .elementor-icon,
a[href*="/taps"] .icon-active {
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure all other icons stay at 40px */
.elementor-icon-list-item:not(:has(a[href*="/taps"])) svg {
    width: 40px !important;
    height: 40px !important;
}