/*
Theme Name: Enrico
Description: Child theme for Astra
Author: Enrico
Template: astra
*/

.enrico-footer-credit {
  text-align: center;
  margin: 10px 0;
  width: 100%;
  font-family: var(--e-global-typography-text-font-family, 'Inter', sans-serif);
  font-size: 13px;   /* kecil dan kemas */
  line-height: 1.6;
  color: var(--footer-text-color, #FFFFFF);
}

.enrico-footer-credit a {
  text-decoration: none;
  color: var(--footer-link-color, #F97316);
  font-size: inherit;
}

.enrico-footer-credit a:hover {
  text-decoration: underline;
  color: var(--footer-link-hover, #10B981);
}


/* ==============================
   Brand Color Variables
============================== */
:root {
  --color-primary: #1E3A8A;     /* Navy Blue */
  --color-secondary: #10B981;   /* Emerald Green */
  --color-tertiary: #F97316;    /* Orange (CTA) */

  --color-text-dark: #111827;   /* Body text */
  --color-text-light: #FFFFFF;  /* Inverse text */

  --color-gray: #F3F4F6;        /* Section alternate */
  --color-light: #FFFFFF;       /* White */
  --color-dark: #000000;        /* Black */

  --color-blue-dark: #0F172A;   /* Hero/Footer dark */
  --color-green-light: #34D399; /* Accent green */
  --color-blue-accent: #3B82F6; /* Accent blue */
  --color-green-success: #22C55E; /* Success */
}

/* ==============================
   Buttons
============================== */
.btn-primary,
.elementor-button--primary,
.elementor-button.btn-primary {
  background: var(--color-tertiary);
  color: var(--color-text-light);
  border-radius: 999px;
  padding: 12px 24px;
  font-family: var(--e-global-typography-accent-font-family, 'Poppins', sans-serif);
  font-weight: 700;
  text-transform: uppercase;
  transition: transform .15s ease, background .15s ease;
}
.btn-primary:hover,
.elementor-button--primary:hover,
.elementor-button.btn-primary:hover {
  background: var(--color-secondary); /* Hijau masa hover */
  transform: translateY(-2px);
}

/* ==============================
   Alternate Section
============================== */
.section-alt {
  background: var(--color-gray);
  color: var(--color-text-dark);
}

a[href="#contact"]:hover span,
a[href="#contact"]:focus-visible span{
  color: #10b981 !important;      /* warna hover */
  text-decoration: underline;      /* underline biasa */
}