/*
Theme Name: Simmons Perrine Moyer Bergman PLC
Theme URI: https://github.com/elementor/hello-theme/
Description: Simmons Perrine Moyer Bergman PLC is a child theme of Hello Elementor, created by Elementor team
Author: Alloy Six, LLC
Author URI: https://alloysix.com
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/



body {
  -webkit-font-smoothing: antialiased;  /* Smooths fonts in Safari */
  -moz-osx-font-smoothing: grayscale;  /* Firefox bonus */
}

@supports (-webkit-appearance: none) {  /* Targets WebKit browsers like Safari */
  * { -webkit-tap-highlight-color: transparent; }  /* Removes tap highlights globally */
}

/* Safari */
select {
    /* Reset Safari's native styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Inherit key styles from parent */
    background-color: inherit;  /* Matches container's bg */
    color: inherit;            /* Matches text color */
    font-family: inherit;      /* Matches font */
    font-size: inherit;        /* Matches size */
    border: inherit;           /* Matches border (if any) */
    padding: inherit !important;          /* Matches padding */
    margin: inherit;           /* Matches margins */
    
    /* Custom fallback for common filter looks (adjust to match your inline styles) */
    background-color: #EDEDED;   
    border: 1px solid #555960;    
    border-radius: 5px;        
    padding: 9px 12px !important;
    min-height: 40px;
    cursor: pointer;
    
    /* Position a custom dropdown arrow (since native one vanishes with appearance: none) */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    padding-right: 32px;
    
    /* Ensure focus states look good */
    outline: none;
}

.filter-container select:focus {
    border-color: #007cba;  /* Blue focus ring to match WP/Elementor */
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
}

/* Safari-specific: Force re-render and inheritance */
@supports (-webkit-appearance: none) {
    .filter-container select {
        -webkit-padding-start: 12px;  /* Fixes iOS Safari padding */
        -webkit-padding-end: 32px;
    }
}