/* Global Artist Styles */
/* Centralized CSS repository for the Texas Music Cafe Single Artist Template. */

/* Artist Hero Section */
.artist-hero-title {
  color: var( --e-global-color-secondary );
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

/* Base structural adjustments for artist template */
.artist-content-area {
  padding: 40px 0;
}

/* ==========================================================================
   TMC Global Utility Classes
   ========================================================================== */

/* Outline Button Style 
   Usage: Add class 'tmc-btn-outline' to any Elementor Button widget
   Inherits padding and typography from Global Button Settings
*/
.tmc-btn-outline .elementor-button,
.tmc-btn-outline.elementor-button {
    background-color: transparent !important;
    border: 2px solid #3662FF !important; /* Primary Blue */
    color: #3662FF !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.tmc-btn-outline .elementor-button:hover,
.tmc-btn-outline.elementor-button:hover {
    background-color: #3662FF !important;
    color: #FEFEFE !important; /* Off White */
    box-shadow: 0 4px 14px rgba(54,98,255,0.30) !important;
}

/* Dark Mode / Inverse Outline Button (for use on dark backgrounds)
   Usage: Add class 'tmc-btn-outline-inverse' 
*/
.tmc-btn-outline-inverse .elementor-button,
.tmc-btn-outline-inverse.elementor-button {
    background-color: transparent !important;
    border: 2px solid #FEFEFE !important;
    color: #FEFEFE !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.tmc-btn-outline-inverse .elementor-button:hover,
.tmc-btn-outline-inverse.elementor-button:hover {
    background-color: #FEFEFE !important;
    color: #1A2E5A !important; /* Dark Blue Text on Hover */
    box-shadow: 0 4px 14px rgba(254,254,254,0.30) !important;
}