/* ============================================================
   MEXALITE PUBLIC — Frontend Styles (6 limbi)
   ============================================================ */
:root {
	--mx-blue:  #0066cc;
	--mx-dark:  #003d7a;
	--mx-light: #e8f2ff;
	--mx-green: #27ae60;
	--mx-text:  #222;
	--mx-gray:  #666;
	--mx-border:#e0e6ed;
}

*, *::before, *::after { box-sizing: border-box; }

/* Lang switcher */
.mx-lang-switcher { display:flex; flex-wrap:wrap; gap:6px; }
.mx-lang-btn { display:inline-flex; align-items:center; gap:4px; padding:5px 10px; border:2px solid var(--mx-border); border-radius:20px; font-size:12px; font-weight:700; color:var(--mx-text); text-decoration:none; transition:all .2s; }
.mx-lang-btn:hover, .mx-lang-btn.active { background:var(--mx-blue); border-color:var(--mx-blue); color:#fff; }

/* Buttons */
.mx-btn { display:inline-block; padding:12px 28px; border-radius:6px; font-size:14px; font-weight:700; cursor:pointer; text-decoration:none; transition:all .25s; border:2px solid transparent; }
.mx-btn-primary  { background:var(--mx-blue); color:#fff; }
.mx-btn-primary:hover  { background:var(--mx-dark); }
.mx-btn-outline  { background:transparent; border-color:var(--mx-blue); color:var(--mx-blue); }
.mx-btn-outline:hover  { background:var(--mx-blue); color:#fff; }
.mx-btn-green    { background:var(--mx-green); color:#fff; }
.mx-btn-lg       { padding:16px 40px; font-size:16px; }

/* Contact form */
.mx-contact-form { max-width:600px; }
.mx-form-group { margin-bottom:14px; }
.mx-form-group input,
.mx-form-group select,
.mx-form-group textarea { width:100%; padding:12px 14px; border:2px solid var(--mx-border); border-radius:6px; font-size:14px; font-family:inherit; transition:border-color .2s; }
.mx-form-group input:focus,
.mx-form-group select:focus,
.mx-form-group textarea:focus { border-color:var(--mx-blue); outline:none; }

/* Products grid */
.mx-products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:24px; }
.mx-product-card { background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.08); transition:transform .2s,box-shadow .2s; }
.mx-product-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.12); }
.mx-product-card img { width:100%; height:200px; object-fit:cover; }
.mx-product-info { padding:20px; }
.mx-product-info h3 { margin:0 0 8px; font-size:16px; color:var(--mx-text); }
.mx-product-info p { color:var(--mx-gray); font-size:13px; margin-bottom:16px; }

/* Alert messages */
.mx-alert { padding:12px 18px; border-radius:6px; font-size:14px; margin-top:10px; }
.mx-alert-success { background:#d4edda; color:#155724; border:1px solid #c3e6cb; }
.mx-alert-error   { background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; }

/* Responsive */
@media (max-width:600px) {
	.mx-products-grid { grid-template-columns:1fr; }
	.mx-btn-lg { width:100%; text-align:center; }
}