/* 
   ═══════════════════════════════════════════════════════════════════════════════
   SWE Global CSS — Tailwind Compilat din Stitch
   ═══════════════════════════════════════════════════════════════════════════════
   
   INSTRUCȚIUNI:
   
   1. Deschide HTML-ul descărcat din proiectul Stitch în browser
   2. Cauta blocul <style> în <head> (de obicei marcat cu id="tailwind-compiled")
   3. Copiază ÎNTREG conținutul blocului <style> (fără tag-urile <style> și </style>)
   4. Pasteaza conținutul aici, înainte de "#! END TAILWIND"
   
   Acest fișier servește TUTUROR widget-urilor custom — nu crea CSS separat per widget!
   
   Clasele Tailwind din HTML-ul Stitch vor deveni active automat în WordPress.
   
   ═══════════════════════════════════════════════════════════════════════════════
*/

/* 
   PASTE TAILWIND CSS AQUI — Copy din blocul <style> din <head>-ul Stitch HTML
   
   Exemplu: dacă Stitch are:
   <style id="tailwind-compiled">
     @tailwind base;
     @tailwind components;
     @tailwind utilities;
     /* ... sute de clase Tailwind ... */
   </style>
   
   Copiaza tot ceea ce e între <style> și </style> și pasteaza mai jos.
*/

#! START PLACEHOLDER
/* 
   Placeholder CSS — Replace cu Tailwind din Stitch!
   
   Dacă vezi acest text în browser, înseamnă că swe-global.css e gol.
   Clasele Tailwind nu funcționează fără CSS-ul compilat.
   
   Workflow:
   1. Descarcă HTML din Stitch: mcp_stitch_get_project → htmlCode.downloadUrl
   2. Deschide în browser
   3. DevTools → Sources / Elements → Cauta <style id="tailwind-compiled">
   4. Copiaza conținutul
   5. Pasteaza aici
   6. Salveaza fișierul
   7. WP cache flush: wp cache flush --path=$WP_PATH
   8. Reload pagina WordPress — clasele Tailwind vor fi active!
*/

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Placeholder — Colors (vor fi overwrite de Tailwind compilat) */
.bg-slate-50 { background-color: #f8fafc; }
.bg-slate-100 { background-color: #f1f5f9; }
.bg-slate-900 { background-color: #0f172a; }
.text-white { color: white; }
.text-slate-900 { color: #0f172a; }

#! END PLACEHOLDER

/* 
   ═══════════════════════════════════════════════════════════════════════════════
   Post-Tailwind Overrides (opțional)
   ═══════════════════════════════════════════════════════════════════════════════
   
   Dacă Elementor container styles suprascriu Tailwind (gen .e-con padding),
   adaugă override-uri aici (doar dacă e nevoie).
   
   Exemplu:
   
   .swe-hero .e-con {
     padding: 0 !important;
   }
   
   .swe-features {
     overflow: hidden;
   }
   
   etc.
*/

/* Shadow DOM scoping — dacă se folosește (Faza 6) */
/*
.swe-hero::part(shadow-root) {
    all: initial;
}
*/
