/*
Theme Name: Astra Child
Template: astra
*/

/* ── VARIABLES ── */
:root {
  --sc-navy:       #0D1B2A;
  --sc-navy-mid:   #112236;
  --sc-navy-card:  #1A2540;
  --sc-teal:       #00B5AD;
  --sc-teal-dim:   #00B5AD;
  --sc-white:      #F0F4F8;
  --sc-white-dim:  #A8B8CC;
  --sc-slate:      #7A90A8;
  --sc-border:     rgba(0,181,173,0.15);
}

/* ── BASE ── */
body { background-color: var(--sc-navy) !important; color: var(--sc-white) !important; }
h1,h2,h3,h4,h5,h6 { color: var(--sc-white) !important; }
p,li,td { color: var(--sc-white-dim) !important; }
a { color: var(--sc-teal) !important; }
a:hover { color: var(--sc-teal) !important; }

/* ── HEADER ── */
#masthead,.site-header,.ast-header-break-point { background-color: var(--sc-navy-mid) !important; border-bottom: 1px solid var(--sc-border) !important; }
.main-header-menu .menu-item a,#site-navigation .menu-item a { color: var(--sc-white) !important; font-size: 14px !important; }
.main-header-menu .menu-item a:hover,#site-navigation .menu-item a:hover { color: var(--sc-teal) !important; }
.site-title a,.ast-site-identity a { color: var(--sc-white) !important; font-weight: 700 !important; }

/* ── DROPDOWNS ── */
.sub-menu { background-color: var(--sc-navy-card) !important; border: 1px solid var(--sc-border) !important; border-radius: 8px !important; }
.sub-menu .menu-item a { color: var(--sc-slate) !important; }
.sub-menu .menu-item a:hover { color: var(--sc-teal) !important; }

/* ── BUTTONS ── */
.elementor-button,.wp-block-button__link,a.button,input[type=submit] {
  background-color: var(--sc-teal) !important;
  color: var(--sc-navy) !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 7px !important;
  padding: 12px 24px !important;
}
.elementor-button:hover { background-color: var(--sc-teal) !important; }

/* ── SECTIONS ── */
.elementor-section,.e-con { background-color: var(--sc-navy) !important; }

/* ── RESET ROW CONTAINER ── */
.e-con .e-con .e-con {
  background: var(--sc-navy) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* ── SERVICE CARDS ── */
.e-con .e-con .e-con .e-con {
  background: var(--sc-navy-card) !important;
  
  border-radius: 10px !important;
  padding: 28px !important;
  transition: border-color 0.2s !important;
}
.e-con .e-con .e-con .e-con:hover {
  border-color: rgba(0,181,173,0.4) !important;
}

/* ── FORMS ── */
input[type=text],input[type=email],input[type=tel],textarea,select {
  background-color: var(--sc-navy-card) !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 6px !important;
  color: var(--sc-white) !important;
  padding: 10px 14px !important;
}
input:focus,textarea:focus { border-color: var(--sc-teal) !important; outline: none !important; }

/* ── TESTIMONIALS ── */
.elementor-testimonial-content,.elementor-testimonial__content { color: var(--sc-white-dim) !important; }
.elementor-testimonial-name,.elementor-testimonial__name { color: var(--sc-teal) !important; }

/* ── FOOTER ── */
#colophon,.ast-footer-area,.site-footer,.footer-widget-area,.ast-above-footer-area {
  background-color: var(--sc-navy-mid) !important;
  border: none !important;
  box-shadow: none !important;
}
.ast-footer-copyright,.ast-footer-copyright a { color: var(--sc-slate) !important; background-color: var(--sc-navy) !important; }
.widget-title,.widgettitle { color: var(--sc-white) !important; }
.widget_nav_menu a, .footer-widget-area a { color: var(--sc-teal) !important; }
.widget_nav_menu a:hover, .footer-widget-area a:hover { color: var(--sc-teal) !important; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--sc-navy); }
::-webkit-scrollbar-thumb { background: var(--sc-navy-card); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--sc-slate); }

/* ── SERVICE CARDS BORDER RESTORE ── */
.e-con .e-con .e-con .e-con {
  border: 1px solid rgba(0,181,173,0.2) !important;
}

/* ── BUTTON TEXT ── */
.elementor-button span, .elementor-button-text {
  color: #0D1B2A !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}