/*
Theme Name:   Vsingleton Astra Child
Theme URI:    https://vsingleton-consulting.com
Description:  Astra child theme with custom Vsingleton brand colors
Author:       Vsingleton Consulting
Author URI:   https://vsingleton-consulting.com
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  vsingleton-astra-child
*/

/* ========================================
   VSINGLETON BRAND COLORS - WORDPRESS SAFE
   Child theme for Astra
   ======================================== */

/* ==================
   CSS VARIABLES
   ================== */
:root {
  /* Brand Colors */
  --color-primary: #2EA2A1;
  --color-primary-dark: #258786;
  --color-primary-light: #5BC0BF;
  --color-accent: #EED023;
  --color-secondary: #7A7A7A;
}

/* ==================
   HEADER - ASTRA SPECIFIC
   ================== */
.site-header,
.main-header-bar,
.ast-primary-header-bar {
  background-color: var(--color-primary) !important;
}

.main-header-menu a,
.ast-header-menu a,
.site-title a {
  color: #ffffff !important;
}

.main-header-menu a:hover,
.ast-header-menu a:hover {
  color: var(--color-accent) !important;
}

/* ==================
   BUTTONS - ASTRA SPECIFIC
   ================== */
.button,
.ast-button,
.wp-block-button__link,
button[type="submit"],
input[type="submit"],
.elementor-button {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  padding: 12px 32px !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

.button:hover,
.ast-button:hover,
.wp-block-button__link:hover,
.elementor-button:hover {
  background-color: var(--color-primary-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(46, 162, 161, 0.3);
}

/* ==================
   LINKS
   ================== */
a {
  color: var(--color-primary);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--color-primary-dark);
}

.entry-content a {
  color: var(--color-primary);
}

/* ==================
   ACCENT ELEMENTS
   ================== */
.elementor-icon-list-icon i,
.ast-check-icon {
  color: var(--color-accent) !important;
}

/* ==================
   FOOTER - ASTRA SPECIFIC
   ================== */
.site-footer {
  background-color: #1E293B !important;
  color: #E2E8F0 !important;
}

.footer-widget-area a,
.site-footer a {
  color: #E2E8F0 !important;
}

.footer-widget-area a:hover,
.site-footer a:hover {
  color: var(--color-accent) !important;
}

/* ==================
   SMOOTH EFFECTS
   ================== */
html {
  scroll-behavior: smooth;
}

.elementor-widget-icon-box:hover {
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

/* ==================
   GRADIENT TEXT
   ================== */
.gradient-text {
  background: linear-gradient(135deg, #2EA2A1 0%, #258786 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}