/* ============================================================
   GSM Alo — Emerald refresh (override layer)
   Loads AFTER Dhru's theme.css + theme16.css, so it wins.
   Purely visual polish — no layout structure changed.
   Safe to remove: delete this file's <link> from gsmalo2026/header.tpl.
   ============================================================ */

:root{
  --ga-green:#1a8a3b; --ga-green-d:#136a2c; --ga-gold:#e79a17;
  --ga-line:#e6ede8; --ga-ink:#14231a;
  --ga-shadow:0 14px 34px -22px rgba(15,80,34,.45);
  --ga-radius:14px;
}

/* smoother everything */
a,.btn,.card,.card-product,.nav-link,.form-control,.dropdown-item{
  transition:all .18s cubic-bezier(.4,0,.2,1) !important;
}

/* ---------- BUTTONS ---------- */
.btn{ border-radius:10px !important; font-weight:700 !important; letter-spacing:.01em; }
.btn-lg{ border-radius:12px !important; padding:.7rem 1.4rem !important; }
button.btn.btn-primary,.btn-secondary,.bg-secondary.btn{
  box-shadow:0 8px 18px -10px rgba(241,178,0,.6) !important;
}
.btn:hover{ filter:brightness(1.05); transform:translateY(-1px); }

/* ---------- CARDS (services / products) ---------- */
.card,.card-product{
  border-radius:var(--ga-radius) !important;
  border:1px solid var(--ga-line) !important;
  box-shadow:0 1px 2px rgba(16,40,25,.04) !important;
  overflow:hidden;
}
.card-product{ padding-top:6px; }
.card-product:hover{
  transform:translateY(-4px);
  box-shadow:var(--ga-shadow) !important;
  border-color:rgba(26,138,59,.45) !important;
}
.card-img-top{ border-radius:12px !important; }
.card-product .service-name{ font-weight:700 !important; }

/* ---------- INPUTS ---------- */
.form-control,.chosen-container-single .chosen-single,select,.input-group>.form-control{
  border-radius:10px !important;
}
.form-control{ border-color:var(--ga-line) !important; }

/* ---------- TOP GREEN PRODUCTS BAR — hidden per owner (cleaner modern look) ---------- */
.navbar-products, .header-bottom{ display:none !important; }

/* hide broken Font-Awesome-Pro-Light (fal) glyphs that render as tofu boxes in header */
.header-top i.fal, .header-top i.far, .header .btn-login i, .nav-item-curlang i, a.btn-login i{ display:none !important; }

/* ---------- HERO / BANNER ---------- */
.banner-content{ padding:2.2rem 2rem !important; }
.banner-content h1,.banner-content h2{ letter-spacing:-.02em; }

/* ---------- SECTION HEADINGS ---------- */
h3.title,.section-title,.h2,.h3{ letter-spacing:-.01em; }
h3.title span{ padding-bottom:3px; }

/* ---------- DROPDOWN MENUS ---------- */
.dropdown-menu{
  border-radius:12px !important; border:1px solid var(--ga-line) !important;
  box-shadow:var(--ga-shadow) !important; padding:6px !important;
}
.dropdown-item{ border-radius:8px !important; font-weight:500; }

/* ---------- CARDS INSIDE MODALS / PANELS ---------- */
.modal-content{ border-radius:16px !important; overflow:hidden; }
.modal-header{ border-bottom:none; }

/* ---------- TABLES (pricing) ---------- */
.table thead th{ border-top:none; font-weight:700; }
.table td,.table th{ vertical-align:middle; }

/* ---------- FOOTER polish ---------- */
.footer-top{ letter-spacing:.01em; }

/* ---------- subtle page smoothness ---------- */
body{ -webkit-font-smoothing:antialiased; }
img{ max-width:100%; }

/* marker so we can confirm the override loaded */
/* GA-EMERALD-OVERRIDE-ACTIVE */