/* this stylesheet has css for language switcher popup and footer's language dropdown */

            /* Hide all menus by default (CLS-safe) */
            [data-menu] {
              display: none;
            }
            
            /* Only one menu is ever visible */
            [data-menu].is-active {
              display: block;
            }
        /* Modal wrapper */
        #hv-location-modal {
          position: fixed;
          inset: 0;
          display: none;
          z-index: 999999;
        }
        
        #hv-location-modal.show {
          display: block;
        }
        
        /* Backdrop */
        #hv-location-modal .hv-modal-backdrop {
          position: fixed;
          inset: 0;
          background: rgba(0,0,0,0.55);
          z-index: 9998;
          pointer-events: auto;
        }
        
        /* Modal content */
        #hv-location-modal .hv-modal-content {
          position: fixed;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: #fff;
          max-width: 788px;
          width: calc(100% - 32px);
          padding: 48px;
          border-radius: 12px;
          z-index: 9999;
          pointer-events: auto;
        }
        .hv-modal-content .headP {
            font-size: 28px;
            font-weight: bold;
            color: #000;
        }
        .hv-modal-content .modalpg {
            font-size: 16px;
            margin: 17px 0 31px;
            line-height: 22px;
            color: #000;
        } 
        /* Buttons container */
        #hv-location-modal .hv-modal-actions {
          display: flex;
          gap: 12px;
          margin-top: 20px;
        }
        
        /* IMPORTANT: clickable anchor fix */
        #hv-switch-site {
          position: relative;
          z-index: 10000;
          pointer-events: auto;
          cursor: pointer;
        }
        
        /* Secondary button */
        #hv-stay-site {
          cursor: pointer;
        }
        
        /* Close button */
        #hv-location-modal .hv-modal-close {
          position: absolute;
          top: 12px;
          right: 12px;
          cursor: pointer;
          z-index: 10001;
        }
        .hv-language-btn {
            border-radius: 4px !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            letter-spacing: 0.01em;
            padding: 16px 24px !important;
            color: #fff !important;
            background-color: #554EF1;
            border: 0;
            height: 52px !important;
            text-transform: uppercase;
            letter-spacing: 1.68px;
        }
        .hv-language-btn img {
            margin-top: -3px;
            margin-left: 3px;
        }
        .hv-language-btn2  {
            color: #554EF1;
            font-size: 12px;
            text-transform: uppercase;
            border: 0;
            background: transparent;
            text-decoration: underline;
            padding: 0;
            margin: 18px 0 0;
            letter-spacing: 1.68px;
            font-weight: 500;
            display: inline-block;
            margin-top: 18px;
        }
        #hv-location-modal .hv-modal-close {
                padding: 0;
                border: 0;
                background: transparent;
        }
        .lang-dropdown span {
            font-size: 14px;
            text-transform: uppercase;
        }
        .lang-dropdown .arrow {
            margin-left: auto;
        }
        @media screen and (max-width: 767px) {
            #hv-location-modal .hv-modal-content {
                padding: 48px 25px !important;
            }
            .hv-modal-content .headP {
                line-height: 1.2;
            }
            .hv-language-btn span {
                display: flex;
                align-items: center;
                gap: 5px;
            }
        } 
                                        .lang-dropdown {
                                            position: relative;
                                            max-width: 150px;
                                        }
                                        
                                        .lang-selected {
                                          display: flex;
                                          align-items: center;
                                          gap: 8px;
                                          padding: 10px 10px;
                                          border: 1px solid #ddd;
                                          background: #fff;
                                          cursor: pointer;
                                          border-radius: 5px;
                                          width: 100%;
                                        }
                                        
                                        .lang-dropdown span {
                                            font-size: 14px;
                                            text-transform: uppercase;
                                        }
                                        
                                        .lang-selected img {
                                          width: 16px;
                                        }
                                        
                                        .lang-options {
                                            list-style-type: none;
                                            display: none;
                                            position: absolute;
                                            top: 100%;
                                            left: 0;
                                            background: #fff;
                                            border: 1px solid #ddd;
                                            z-index: 999;
                                            width: 100%;
                                            padding: 10px;
                                            border-radius: 5px;
                                        }
                                        .lang-options li img {
                                            max-width: 18px;
                                        }
                                        .lang-options li {
                                            margin-bottom: 7px;
                                        }
                                        .lang-options li:last-child {
                                            margin-bottom: 0 !important;
                                        }
                                        .lang-options li a {
                                            color: #000;
                                            display: flex;
                                            align-items: center;
                                            gap: 8px;
                                            padding: 1px 5px;
                                            font-size: 16px;
                                        }