.elementor-305 .elementor-element.elementor-element-e4ed94b{--display:flex;}.elementor-widget-polylang-language-switcher .cpel-switcher__lang a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-widget-polylang-language-switcher .cpel-switcher__icon{color:var( --e-global-color-text );}.elementor-widget-polylang-language-switcher .cpel-switcher__lang a:hover, .elementor-widget-polylang-language-switcher .cpel-switcher__lang a:focus{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-accent );}.elementor-widget-polylang-language-switcher .cpel-switcher__lang.cpel-switcher__lang--active a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-305 .elementor-element.elementor-element-6da5c94.cpel-switcher--layout-dropdown .cpel-switcher__lang a{background-color:#FFFFFF;}.elementor-305 .elementor-element.elementor-element-6da5c94.cpel-switcher--layout-dropdown .cpel-switcher__lang a:hover, .elementor-305 .elementor-element.elementor-element-6da5c94.cpel-switcher--layout-dropdown .cpel-switcher__lang a:focus{background-color:#D9D9D9;}.elementor-305 .elementor-element.elementor-element-6da5c94 .cpel-switcher__icon{padding-left:10px;}.elementor-305 .elementor-element.elementor-element-6da5c94.cpel-switcher--aspect-ratio-11 .cpel-switcher__flag{width:20px;height:20px;}.elementor-305 .elementor-element.elementor-element-6da5c94.cpel-switcher--aspect-ratio-43 .cpel-switcher__flag{width:20px;height:calc(20px * 0.75);}.elementor-305 .elementor-element.elementor-element-6da5c94 .cpel-switcher__flag img{border-radius:0px;}.elementor-305 .elementor-element.elementor-element-6da5c94 .cpel-switcher__code{padding-left:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for polylang-language-switcher, class: .elementor-element-6da5c94 *//* 1. Fix the entire widget to the bottom right */
#lang-switcher-fixed {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    z-index: 9999 !important;
    width: auto !important;
}

#lang-switcher-fixed .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Style the main button */
#lang-switcher-fixed .cpel-switcher__toggle a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    color: #1A1A2E !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Inter', sans-serif !important;
    text-decoration: none !important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease !important;
}

#lang-switcher-fixed .cpel-switcher__toggle a:hover {
    border-color: #6C2BD9 !important;
    box-shadow: 0 6px 12px rgba(108, 43, 217, 0.15) !important;
}

/* 3. Style the flags perfectly (using an overflow wrapper) */
#lang-switcher-fixed .cpel-switcher__flag {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    overflow: hidden !important; /* Creates the perfect circle mask */
    background: transparent !important;
}

#lang-switcher-fixed .cpel-switcher__flag img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: none !important; /* Removes the weird border */
    box-shadow: none !important;
}

/* 4. Force the plugin's dropdown list to open UPWARDS */
#lang-switcher-fixed .cpel-switcher__list {
    top: auto !important;
    bottom: 100% !important; 
    margin-bottom: 8px !important;
    margin-top: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 -10px 15px -3px rgba(0, 0, 0, 0.1), 0 -4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #E5E7EB !important;
    background: #FFFFFF !important;
    min-width: 130px !important;
}

/* 5. Style the links inside the dropdown */
#lang-switcher-fixed .cpel-switcher__list .cpel-switcher__lang a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 16px !important;
    color: #1A1A2E !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Inter', sans-serif !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

#lang-switcher-fixed .cpel-switcher__list .cpel-switcher__lang a:hover {
    background-color: #F7F8FA !important;
    color: #6C2BD9 !important;
}

/* 6. Rotate the arrow gracefully when the dropdown is open */
#lang-switcher-fixed .cpel-switcher__icon {
    transition: transform 0.3s ease !important;
}

#lang-switcher-fixed .cpel-switcher__toggle--on .cpel-switcher__icon {
    transform: rotate(180deg) !important;
}/* End custom CSS */