/*
Theme Name: MDTex Responsive Final
Theme URI: https://mdtex.ae/
Author: MDTex / Generated by ChatGPT
Description: Responsive WordPress theme with horizontal desktop menu and hamburger mobile menu. Elementor compatible.
Version: 1.0
Text Domain: mdtex-responsive-final
Tags: responsive, custom-logo, horizontal-menu, mobile-menu
*/
:root{
  --primary:#0b72b9;
  --accent:#ff6b35;
  --muted:#6b7280;
  --bg:#ffffff;
  --container:1200px;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);color:#111;background:var(--bg);line-height:1.6}
a{color:var(--primary);text-decoration:none}
.site{max-width:var(--container);margin:0 auto;padding:0 20px}
/* Header and menu */
.site-header{background:#fff;border-bottom:1px solid #eef2f7;position:sticky;top:0;z-index:999}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.site-branding .site-title{font-weight:700;font-size:20px}
.header-center{display:flex;align-items:center;gap:36px;justify-content:center;flex:1}
.main-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;align-items:center}
.main-nav ul li{display:inline-block;}
.main-nav ul li a{display:inline-block;padding:8px 10px;color:#111;font-weight:500;border-radius:6px;}
.main-nav ul li a:hover{ color:var(--primary); background: rgba(11,114,185,0.06); }
/* Hamburger */
.menu-toggle{display:none;background:none;border:0;font-size:22px;cursor:pointer;padding:6px 10px}
.mobile-nav{display:none}
/* Hero */
.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:56px 0}
.hero-title{font-size:36px;color:var(--primary);margin:0 0 12px}
.hero-sub{color:var(--muted);font-size:16px;margin-bottom:18px}
.cta{background:var(--primary);color:#fff;padding:10px 16px;border-radius:8px;display:inline-block}
/* Sections */
.sections{padding:36px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{padding:18px;border-radius:8px;background:#fff;border:1px solid #eef2f7}
.site-footer{padding:26px 0;border-top:1px solid #eee;color:var(--muted);text-align:center;font-size:14px}
/* Responsive */
@media (max-width:900px){
  .header-inner{padding:10px 12px}
  .header-center{display:flex;flex-direction:row;gap:12px;justify-content:flex-start}
  .main-nav { display:none; }
  .menu-toggle{display:block;}
  .mobile-nav{display:none;width:100%}
  .mobile-nav.open{display:block;background:#fff;padding:12px 16px;border-top:1px solid #eee}
  .mobile-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
  .hero{grid-template-columns:1fr; text-align:center}
  .hero-image{order:-1}
  .hero-title{font-size:28px}
}