/* ============================================================
   IZOLARE FAȚĂ DE STILURILE TEMEI
   cursurimedicale.ro
   ------------------------------------------------------------
   PROBLEMA
   EduBlink stilizează global titlurile, butoanele, linkurile și
   listele. Designul nostru este complet diferit. Fără un strat de
   izolare, ajungi să pui `!important` peste tot — iar peste șase
   luni nimeni nu mai știe ce câștigă și de ce.

   SOLUȚIA
   Toate secțiunile construite de noi primesc clasa `cmm-scope` pe
   containerul de nivel superior (în Elementor: Advanced → CSS
   Classes). Înăuntrul ei resetăm ce contează la valorile noastre.

   De ce funcționează fără `!important`: `.cmm-scope h2` are
   specificitate 0-1-1, mai mare decât `h2` (0-0-1) sau decât
   `.entry-content h2` doar dacă ordinea o cere — iar fișierul
   nostru se încarcă ultimul (prioritate 999 la enqueue), deci
   la specificitate egală câștigă tot al nostru.

   Dacă totuși un stil al temei răzbate, adaugă selectorul lui
   exact la §5 de la finalul acestui fișier. Nu porni cu
   `!important` — e ultima soluție, nu prima.
   ============================================================ */

/* ============================================================
   1. Baza scope-ului
   ============================================================ */
.cmm-scope,
.cmm-scope * {
	box-sizing: border-box;
}

.cmm-scope {
	font-family: var(--sans);
	font-size: var(--fs-body);
	line-height: 1.62;
	color: var(--body);
	-webkit-font-smoothing: antialiased;
	letter-spacing: normal;
	text-transform: none;
}

/* ============================================================
   2. Titluri
   ------------------------------------------------------------
   EduBlink aplică propria familie, greutate și culoare pe h1–h6.
   Le readucem la sistemul nostru: H1 sans light majuscule,
   H2 serif, restul sans semibold.
   ============================================================ */
.cmm-scope h1,
.cmm-scope h2,
.cmm-scope h3,
.cmm-scope h4,
.cmm-scope h5,
.cmm-scope h6 {
	margin: 0;
	color: var(--ink);
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

.cmm-scope h1 {
	font-family: var(--sans);
	font-weight: 300;
	font-size: var(--fs-h1);
	line-height: 1.08;
	text-transform: uppercase;
}
.cmm-scope h1 b,
.cmm-scope h1 strong { font-weight: 600; }

.cmm-scope h2 {
	font-family: var(--serif);
	font-size: var(--fs-h2);
	line-height: 1.22;
	letter-spacing: -.005em;
}

.cmm-scope h3 {
	font-family: var(--sans);
	font-size: var(--fs-h3);
	line-height: 1.34;
}

.cmm-scope h4 { font-family: var(--sans); font-size: 16px; line-height: 1.4; }

/* ============================================================
   3. Text, linkuri, liste
   ============================================================ */
.cmm-scope p { margin: 0; color: inherit; }
.cmm-scope p + p { margin-top: 14px; }

.cmm-scope a {
	color: inherit;
	text-decoration: none;
	transition: color .15s ease;
}
.cmm-scope a:not([class]) {
	color: var(--blue-d);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cmm-scope ul,
.cmm-scope ol { margin: 0; padding: 0; }
.cmm-scope ul { list-style: none; }

/* Listele din interiorul răspunsurilor FAQ rămân cu bulină. */
.cmm-scope .cmm-faq__a ul {
	list-style: disc;
	padding-left: 18px;
}

.cmm-scope img { max-width: 100%; height: auto; display: block; }

.cmm-scope b,
.cmm-scope strong { font-weight: 600; color: var(--ink); }

/* ============================================================
   4. Butoane
   ------------------------------------------------------------
   EduBlink are propriile clase de buton, cu alt radius și altă
   culoare. Elementele noastre folosesc `.u-btn`, dar dacă un
   widget al temei ajunge în secțiunea noastră, îl aducem la linie.
   ============================================================ */
.cmm-scope button,
.cmm-scope input[type="submit"],
.cmm-scope .edu-btn,
.cmm-scope .edublink-btn {
	font-family: var(--sans);
	letter-spacing: normal;
	text-transform: none;
}

/* ============================================================
   5. NEUTRALIZĂRI PUNCTUALE
   ------------------------------------------------------------
   Adaugă aici selectorii temei care încă răzbat. Procedura:
   click dreapta pe element → Inspect → vezi ce regulă câștigă în
   panoul Styles → copiază selectorul aici și dă-i valoarea ta.

   Exemplele de mai jos sunt cele mai probabile candidate. Dacă
   nu se aplică pe site-ul tău, nu strică nimic — sunt reguli
   pentru selectori inexistenți.
   ============================================================ */

/* Marginea implicită pe care temele o pun pe titluri. */
.cmm-scope .elementor-widget-heading .elementor-heading-title { margin-block: 0; }

/* Culoarea de link moștenită în widget-urile de text. */
.cmm-scope .elementor-widget-text-editor a { color: var(--blue-d); }

/* Containerele Elementor nu trebuie să primească padding de la temă. */
.cmm-scope .e-con-inner { padding-block: 0; }

/* Grosimea implicită a bordurilor din tema demo. */
.cmm-scope .u-card { border-width: 1px; }

/* ============================================================
   6. WooCommerce în interiorul scope-ului
   ------------------------------------------------------------
   Pagina de produs combină output nativ WooCommerce cu design-ul
   nostru. Aici sunt corecțiile minime ca cele două să arate
   ca un singur lucru.
   ============================================================ */
.cmm-scope .woocommerce div.product form.cart .button,
.cmm-scope .woocommerce a.button,
.cmm-scope .woocommerce button.button,
.cmm-scope .woocommerce input.button {
	background: var(--orange);
	color: #fff;
	border: none;
	border-radius: var(--r-pill);
	padding: 15px 27px;
	min-height: var(--tap);
	font-family: var(--sans);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: normal;
	box-shadow: var(--sh-btn);
	transition: transform .16s ease, box-shadow .16s ease;
}
.cmm-scope .woocommerce a.button:hover,
.cmm-scope .woocommerce button.button:hover,
.cmm-scope .woocommerce div.product form.cart .button:hover {
	background: var(--orange);
	transform: translateY(-2px);
	box-shadow: var(--sh-btn-h);
}

.cmm-scope .woocommerce div.product p.price,
.cmm-scope .woocommerce div.product span.price {
	font-family: var(--serif);
	font-weight: 600;
	color: var(--ink);
}

.cmm-scope .woocommerce-message,
.cmm-scope .woocommerce-info {
	border-top-color: var(--teal);
	background: var(--teal-tint);
	color: var(--ink-2);
	border-radius: var(--r-sm);
}
.cmm-scope .woocommerce-message::before,
.cmm-scope .woocommerce-info::before { color: var(--teal); }

/* Cantitatea, aliniată cu butonul nostru. */
.cmm-scope .woocommerce .quantity .qty {
	height: var(--tap);
	border: 1px solid var(--line-2);
	border-radius: var(--r-pill);
	font-family: var(--sans);
	font-weight: 600;
	color: var(--ink);
}