/*
Theme Name: Pet Resume Based on Shoptimizer
Theme URI: https://www.commercegurus.com/wordpress-themes/shoptimizer
Template: shoptimizer
Author: CommerceGurus
Author URI: https://www.commercegurus.com/
Description: Shoptimizer is the perfect theme for your next WooCommerce project designed around speed and conversions.
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options
Version: 2.8.13.1754952850
Updated: 2025-08-11 16:54:10

*/

.elementor-section {
    max-width: none !important;
    margin: 0 !important;
}
.woocommerce-MyAccount-navigation-link--pet-resumes a::before {
    content: "🐾" !important;
    background-image: none !important;
    font-family: inherit !important;
}
.woocommerce-MyAccount-navigation-link--pet-resumes a::after {
    display: none !important;
}

/* REFINED VERSION - Match the other icons' style and alignment */

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--pet-resumes a::before,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--pet-resumes.is-active a::before {
    content: "📋" !important;
    background-image: none !important;
    background: transparent !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
    color: #999 !important; /* Match the gray color of other icons */
    font-size: 18px !important; /* Slightly larger to match icon size */
    display: inline-block !important;
    margin-right: 8px !important;
    width: 18px !important; /* Fixed width like other icons */
    height: 18px !important; /* Fixed height */
    text-align: center !important; /* Center the emoji */
    line-height: 1 !important; /* Better vertical alignment */
    vertical-align: top !important; /* Align with other icons */
    position: relative !important;
    top: -3px !important; /* Move it up more to match other icons */
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Alternative with different emoji if the clipboard looks weird */
/*
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--pet-resumes a::before,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--pet-resumes.is-active a::before {
    content: "📄" !important;
}
*/

/* If you want to make it grayscale to match exactly */
/*
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--pet-resumes a::before {
    filter: grayscale(100%) !important;
    opacity: 0.6 !important;
}
*/

/* Solution 2: Alternative with FontAwesome if available */
.woocommerce-MyAccount-navigation-link--pet-resumes a::before {
    content: "\f1b0" !important; /* FontAwesome paw icon */
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro" !important;
    font-weight: 900 !important;
    background-image: none !important;
    margin-right: 0.5em !important;
}

/* Solution 3: Unicode paw symbol (more compatible) */
.woocommerce-MyAccount-navigation-link--pet-resumes a::before {
    content: "🐕" !important; /* Dog emoji alternative */
    background-image: none !important;
    font-family: inherit !important;
    margin-right: 0.5em !important;
}

/* Solution 4: Text-based alternative */
.woocommerce-MyAccount-navigation-link--pet-resumes a::before {
    content: "PAW" !important;
    background-image: none !important;
    font-family: inherit !important;
    font-size: 0.8em !important;
    margin-right: 0.5em !important;
    border: 1px solid currentColor !important;
    border-radius: 3px !important;
    padding: 2px 4px !important;
}

/* Debug: Remove existing background and see what's there */
.woocommerce-MyAccount-navigation-link--pet-resumes a::before {
    background: red !important; /* This will show if selector is working */
    width: 20px !important;
    height: 20px !important;
    content: "TEST" !important;
    color: white !important;
    font-size: 10px !important;
    text-align: center !important;
    line-height: 20px !important;
}