/* Material Symbols CSS - font file loaded asynchronously via <link> */
    .material-symbols-outlined {
      font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 24 !important;
      font-family: 'Material Symbols Outlined' !important;
      font-weight: normal !important;
      font-style: normal !important;
      display: inline-block !important;
      line-height: 1 !important;
      text-transform: none !important;
      letter-spacing: normal !important;
      word-wrap: normal !important;
      white-space: nowrap !important;
      direction: ltr !important;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-feature-settings: 'liga';
      vertical-align: middle !important;
    }

    /* Specific styles for cookie floating button icons - Extra strong to override site CSS */
    #cookie-settings-float .material-symbols-outlined {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1 !important;
      vertical-align: baseline !important;
      text-align: center !important;
      box-sizing: border-box !important;
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      transform: none !important;
    }

    /* Extra protection against common CSS resets and frameworks */
    #cookie-settings-float .material-symbols-outlined * {
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }

    /* Floating button - hidden by default with strong CSS */
    #cookie-settings-float {
      display: none !important; /* This is critical! */
      align-items: center !important;
      justify-content: center !important;
      box-sizing: border-box !important;
    }

    #cookie-settings-float.show {
      display: flex !important; /* Better for centering content */
      align-items: center !important;
      justify-content: center !important;
    }

    #cookie-settings-float:hover {
      opacity: 1 !important;
      transform: translateY(-2px);
    }

    #cookie-consent-banner * {
      box-sizing: border-box;
    }

    #cookie-consent-banner button {
      transition: all 0.2s ease;
    }

    #cookie-consent-banner button:hover {
      opacity: 0.9;
      transform: translateY(-1px);
    }

    @keyframes cookieFadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    @keyframes cookieSlideIn {
      from { transform: translateY(100%); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }

    @keyframes cookieBounceIn {
      0% { transform: scale(0.3); opacity: 0; }
      50% { transform: scale(1.05); }
      70% { transform: scale(0.9); }
      100% { transform: scale(1); opacity: 1; }
    }

    @keyframes cookiePulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.05); }
    }

    /* Toggle Switch Styles - Colors handled by JavaScript for theme consistency */
    input:checked + span:before {
      transform: translateX(20px);
    }

    /* Modal Styles */
    #cookie-preferences-modal {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    @media (max-width: 768px) {
      #cookie-consent-banner {
        padding: 16px !important;
        left: 0 !important;
        right: 0 !important;
        max-width: none !important;
      }
      
      #cookie-consent-banner h3 {
        font-size: 16px !important;
      }
      
      #cookie-consent-banner p {
        font-size: 13px !important;
      }
      
      #cookie-consent-banner button {
        padding: 8px 12px !important;
        font-size: 13px !important;
      }
      
      #cookie-preferences-modal > div {
        margin: 0 !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
      }
    }