/*
Theme Name: Academia Dental Scan Design
Theme URI: https://academiadetehnicadentara.ro
Description: Temă custom (child) bazată pe Hello Elementor pentru Academia Dental Scan Design — Cursuri de specializare în tehnica dentară digitală. Culori brand, fonturi Spectral + Mulish, complet editabilă și customizabilă. © Dental Scan Design S.R.L.
Author: Dental Scan Design S.R.L.
Author URI: https://academiadetehnicadentara.ro
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: academia-dental-scan
*/

/* ============================================================
   ACADEMIA DENTAL SCAN DESIGN — VARIABILE BRAND
   ============================================================ */
:root{
  --ads-dark:#0C2A33;       /* text / dark teal */
  --ads-primary:#0E7C86;    /* teal principal */
  --ads-primary-dk:#0A5E66; /* teal închis */
  --ads-accent:#18B6C2;     /* cyan accent */
  --ads-bg:#F5F9F9;         /* fundal light */
  --ads-bg2:#EAF4F4;        /* badge bg */
  --ads-muted:#44606A;      /* text secundar */
  --ads-muted2:#6c8087;     /* text terțiar */
  --ads-border:#E4EDED;     /* borduri */
  --ads-border2:#DCE8E8;
  --ads-radius:11px;
  --ads-shadow:0 14px 30px -12px rgba(14,124,134,.45);
  --ads-shadow-card:0 26px 50px -28px rgba(12,42,51,.3);
  --ads-font-head:'Spectral', Georgia, serif;
  --ads-font-body:'Mulish', system-ui, -apple-system, sans-serif;
}

/* ============================================================
   TIPOGRAFIE GLOBALĂ
   ============================================================ */
body, button, input, select, textarea, .elementor-widget-text-editor{
  font-family:var(--ads-font-body);
  color:var(--ads-dark);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
  font-family:var(--ads-font-head);
  color:var(--ads-dark);
  letter-spacing:-.02em;
  font-weight:700;
}
::selection{ background:var(--ads-accent); color:#fff; }
a{ color:var(--ads-primary); }
a:hover{ color:var(--ads-primary-dk); }

/* ============================================================
   BUTOANE BRAND (Elementor + WooCommerce)
   ============================================================ */
.ads-btn,
.elementor-button.ads-btn,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce-page .button.alt{
  background:var(--ads-primary) !important;
  color:#fff !important;
  font-family:var(--ads-font-head);
  font-weight:600;
  border:none;
  border-radius:var(--ads-radius);
  box-shadow:var(--ads-shadow);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.ads-btn:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce-page .button.alt:hover{
  background:var(--ads-primary-dk) !important;
  transform:translateY(-1px);
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  background:#fff;
  color:var(--ads-dark);
  border:1px solid var(--ads-border2);
  border-radius:var(--ads-radius);
  font-weight:600;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover{
  background:var(--ads-bg);
  color:var(--ads-primary);
}

/* ============================================================
   PREȚURI / WOOCOMMERCE
   ============================================================ */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--ads-primary);
  font-family:var(--ads-font-head);
  font-weight:700;
}
.woocommerce span.onsale{
  background:var(--ads-accent);
  border-radius:100px;
}
/* carduri produs */
.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid var(--ads-border);
  border-radius:16px;
  overflow:hidden;
  transition:box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover{
  box-shadow:var(--ads-shadow-card);
  transform:translateY(-3px);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--ads-font-head);
  color:var(--ads-dark);
  padding:0 16px;
}
.woocommerce ul.products li.product a img{ margin-bottom:0; }

/* badge cod curs (ex: C1) */
.ads-code-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:24px;padding:0 9px;border-radius:7px;
  background:var(--ads-accent);color:#fff;font-family:var(--ads-font-body);
  font-weight:700;font-size:12px;letter-spacing:.04em;
}

/* ============================================================
   BADGE / PILL helper
   ============================================================ */
.ads-pill{
  display:inline-flex;align-items:center;gap:9px;padding:7px 14px;
  border-radius:100px;background:var(--ads-bg2);border:1px solid #d3e7e7;
  font-size:11.5px;letter-spacing:.06em;color:var(--ads-primary-dk);font-weight:500;
}
.ads-pill .dot{ width:6px;height:6px;border-radius:50%;background:var(--ads-accent); }

/* ============================================================
   FOOTER / HEADER helpers
   ============================================================ */
.ads-topbar{ background:var(--ads-dark); color:#cfeaea; font-size:12.5px; letter-spacing:.02em; }
.ads-footer{ background:var(--ads-dark); color:#cfeaea; }
.ads-footer a{ color:#cfeaea; text-decoration:none; }
.ads-footer a:hover{ color:#fff; }

/* WooCommerce notices în brand */
.woocommerce-message,
.woocommerce-info{ border-top-color:var(--ads-primary); }
.woocommerce-message::before,
.woocommerce-info::before{ color:var(--ads-primary); }

/* link breadcrumbs / misc */
.woocommerce .woocommerce-breadcrumb a{ color:var(--ads-muted); }

/* Sticky CTA buttons (WhatsApp + Apel) */
.ads-sticky-cta{ position:fixed; right:18px; bottom:18px; z-index:9999; display:flex; flex-direction:column; gap:10px; }
.ads-sticky-cta a{
  width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.35); color:#fff; transition:transform .15s ease;
}
.ads-sticky-cta a:hover{ transform:scale(1.06); }
.ads-sticky-cta .wa{ background:#25D366; }
.ads-sticky-cta .call{ background:var(--ads-primary); }

/* responsive heading scale */
@media (max-width:768px){
  h1, .elementor-heading-title{ letter-spacing:-.01em; }
}