/**
 * Links Styles
 * 
 * This file contains all link-specific styles and link categorization system.
 * Link styles are organized by context and usage patterns.
 */

/* === COMPONENT CSS CUSTOM PROPERTIES === */
:root {
    /* === LINK VARIABLES === 
     * Link categorization and context-specific styling
     * Uses core variables from variables.css: --color-*
     * Defines here: All link categories and states (--link-*)
     */
    /* Primary Link Categories */
    --link-content: var(--color-accent);           /* In-text content links */
    --link-navigation: var(--color-primary);       /* Main navigation links */
    --link-footer: var(--color-primary);           /* Footer navigation links */
    --link-utility: var(--color-accent);           /* Breadcrumbs, pagination, edit links */
    --link-contact: var(--color-accent);           /* Tel, mailto, contact info */
    --link-social: var(--color-text-primary);      /* Social media links */
    --link-external: var(--color-accent);          /* External/third-party links */
    
    /* Link Hover States */
    --link-content-hover: var(--color-accent);     /* Darker accent for content */
    --link-navigation-hover: var(--color-accent);  /* Accent for navigation hover */
    --link-footer-hover: #06c;                     /* Maintain current footer hover */
    --link-utility-hover: var(--color-accent);     /* Accent for utility hover */
    --link-contact-hover: var(--color-accent);     /* Accent for contact hover */
    --link-social-hover: var(--color-accent);      /* Accent for social hover */
    --link-external-hover: #d63d3d;                /* Darker accent for external */
    
    /* Component Link Categories */
    --link-card: inherit;                          /* Card component links */
    --link-blog: inherit;                          /* Blog card links */
    --link-team: var(--color-text-secondary);     /* Team member links */
    --link-media: var(--color-bg-primary);        /* Video, gallery links */
}

/* === GLOBAL LINK STYLES === */
/* Base link styles - moved from utilities-base.css */
/* NOTE: Button links (a.btn, a.btn-primary, etc.) will override these styles */
a {
    color: var(--link-content);
    text-decoration: none;
    border-bottom: none;
}

a:hover {
    color: var(--link-content-hover);
    text-decoration: underline;
    border-bottom: none;
}

a:focus {
    text-decoration: none;
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

/* === CONTENT LINKS === */
/* In-text content links */
.entry-content a:not(.btn):not([class*="btn-"]):not(.social-links a),
.post-content a:not(.btn):not([class*="btn-"]):not(.social-links a),
.page-content a:not(.btn):not([class*="btn-"]):not(.social-links a),
.content a:not(.btn):not([class*="btn-"]):not(.social-links a) {
    color: var(--link-content) !important;
    text-decoration: underline !important;
}

.entry-content a:not(.btn):not([class*="btn-"]):not(.social-links a):hover,
.post-content a:not(.btn):not([class*="btn-"]):not(.social-links a):hover,
.page-content a:not(.btn):not([class*="btn-"]):not(.social-links a):hover,
.content a:not(.btn):not([class*="btn-"]):not(.social-links a):hover {
    color: var(--link-content-hover) !important;
    text-decoration: underline !important;
}

/* === GOOGLE REVIEWS PLUGIN LINKS === */
/* Google Reviews widget links in reviews section */
.reviews .wp-google-left a,
.grw-review .grw-review-name a,
.grw-reviews a:not(.btn):not([class*="btn-"]) {
    color: var(--color-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.reviews .wp-google-left a:hover,
.grw-review .grw-review-name a:hover,
.grw-reviews a:not(.btn):not([class*="btn-"]):hover {
    color: var(--link-content-hover, #0052aa) !important;
    text-decoration: underline !important;
}

.reviews .wp-google-left .wp-google-name a:hover,
.reviews .wp-google-name a:hover,
.wp-gr a.wp-google-name:hover {
    color: var(--color-accent) !important;
    text-decoration: underline !important;
}

/* Google Reviews read more/less toggle */
.reviews .wp-more-toggle,
.grw-reviews .wp-more-toggle {
    color: var(--link-content) !important;
    text-decoration: none !important;
    cursor: pointer;
    font-weight: 500 !important;
    display: inline;
}

.reviews .wp-more-toggle:hover,
.grw-reviews .wp-more-toggle:hover {
    color: var(--link-content-hover, #0052aa) !important;
    text-decoration: underline !important;
}