/* 
 * iOS specific fixes for button tap states
 * This prevents buttons from turning black when tapped on iOS devices
 */

/* Fix for iOS turning buttons black on tap */
.button-share {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Explicitly set the background color and text color for active state on iOS */
.button-share:active,
.button-share:hover,
.button-share:focus,
.button-share:focus-visible,
.button-share:focus-within {
    background-color: #1a73e8 !important;
    color: white !important;
    border-color: #1a73e8 !important;
    outline: none !important;
}

/* Force text color to remain white on all states */
.button-share *,
.button-share:active *,
.button-share:hover *,
.button-share:focus * {
    color: white !important;
}

/* Additional fixes for iOS touch behavior */
button, 
.button,
.button-download,
.button-share,
.action-button,
.share-option,
a {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
}

/* Prevent any color changes on touch for iOS */
@media (hover: none) {
    .button-share,
    .button-share:active,
    .button-share:hover {
        color: white !important;
        background-color: #1a73e8 !important;
    }
    
    /* Target iOS specifically */
    @supports (-webkit-touch-callout: none) {
        .button-share,
        .button-share:active,
        .button-share:hover {
            color: white !important;
            background-color: #1a73e8 !important;
        }
    }
}