/* 
 * Emergency fix for blue highlight on mobile devices
 * This file provides the strongest possible overrides to remove any blue highlight
 */

/* Global tap highlight removal */
* {
    -webkit-tap-highlight-color: transparent !important;
}

/* Specific element overrides */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

/* Navigation links */
nav a, header a, footer a, .btn, .link, .card, .product-card, .category-button {
    -webkit-tap-highlight-color: transparent !important;
}

/* Force override with extra selector specificity */
html body a, html body button, html body input[type="button"], html body input[type="submit"] {
    -webkit-tap-highlight-color: transparent !important;
}

/* iOS specific */
@supports (-webkit-touch-callout: none) {
    * {
        -webkit-tap-highlight-color: transparent !important;
    }
    
    a, button {
        -webkit-tap-highlight-color: transparent !important;
    }
}

/* Force button colors - ultimate override with highest specificity */
html body .btn, html body button.btn, html body a.btn, html body input.btn, 
html body button, html body input[type="submit"], html body input[type="button"] {
    background-color: #FF1493 !important;
    color: #ffffff !important;
    border: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

html body .btn:hover, html body button.btn:hover, html body a.btn:hover, html body input.btn:hover, 
html body button:hover, html body input[type="submit"]:hover, html body input[type="button"]:hover,
html body .btn:focus, html body button.btn:focus, html body a.btn:focus, html body input.btn:focus, 
html body button:focus, html body input[type="submit"]:focus, html body input[type="button"]:focus {
    background-color: #CC0A75 !important;
    color: #ffffff !important;
}

/* Force all blue elements to pink */
html body *[style*="color: blue"], 
html body *[style*="color:#0066"], 
html body *[style*="color: #0066"], 
html body *[style*="background-color: blue"],
html body *[style*="background-color:#0066"], 
html body *[style*="background-color: #0066"],
html body *[style*="color:#007"],
html body *[style*="color: #007"],
html body *[style*="background-color:#007"],
html body *[style*="background-color: #007"] {
    color: #FF1493 !important;
    background-color: #FF1493 !important;
}

/* Force link colors throughout - but header/footer override */
html body a, html body a:visited {
    color: #FF1493 !important;
}

html body a:hover, html body a:focus, html body a:active {
    color: #CC0A75 !important;
}

/* Header navigation links - white with pink hover */
html body header a, 
html body header nav a,
html body .nav-row a,
html body nav ul li a {
    color: #ffffff !important;
}

html body header a:hover,
html body header nav a:hover,
html body .nav-row a:hover,
html body nav ul li a:hover,
html body header a:focus,
html body header nav a:focus,
html body .nav-row a:focus,
html body nav ul li a:focus {
    color: #FF1493 !important;
}

/* Footer links - white with pink hover */
html body footer a,
html body .footer-col a,
html body .footer-policy-link {
    color: rgba(255, 255, 255, 0.7) !important;
}

html body footer a:hover,
html body .footer-col a:hover,
html body .footer-policy-link:hover,
html body footer a:focus,
html body .footer-col a:focus,
html body .footer-policy-link:focus {
    color: #FF1493 !important;
}

/* Force any remaining blue text */
html body [style*="color: #28a745"], 
html body [style*="color:#28a745"] {
    color: #FF1493 !important;
}

/* Remove any header lines/borders */
header, header *, .logo-row, .nav-row {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Nuclear option - force ALL blue variations to pink */
html body *[style*="#007"], 
html body *[style*="#0066"], 
html body *[style*="#28a7"],
html body *[style*="blue"],
html body *[class*="blue"],
html body *[id*="blue"],
html body .blue,
html body .btn-primary,
html body .btn-info,
html body .btn-outline-primary,
html body [class*="btn-outline-info"] {
    color: #FF1493 !important;
    background-color: #FF1493 !important;
    border-color: #FF1493 !important;
}

/* Override Bootstrap and other framework blues */
html body .text-primary,
html body .text-info,
html body .bg-primary,
html body .bg-info,
html body .border-primary,
html body .border-info {
    color: #FF1493 !important;
    background-color: #FF1493 !important;
    border-color: #FF1493 !important;
}