/*
Theme Name: VIRTUALMD
Theme URI: https://example.com/virtualmd-theme
Author: Panva Technology
Author URI: https://example.com
Description: A clean telehealth PaaS theme for VIRTUALMD with support for eRx, labs, documents, claims, secure messaging. Includes header logo, sticky nav, CTA buttons, and slots for transparent 3D illustrations.
Version: 1.0.0
License: GPLv2 or later
Text Domain: virtualmd
Tags: custom-logo, custom-menu, one-column, responsive-layout, accessibility-ready
*/
:root {
  --vm-primary: #0A6DFF;
  --vm-dark: #0E1B2C;
  --vm-text: #1F2A37;
  --vm-muted: #6B7280;
  --vm-bg: #FFFFFF;
  --vm-cta: #0A6DFF;
  --vm-cta-contrast: #FFFFFF;
  --vm-border: #E5E7EB;
}
* { box-sizing: border-box; }
body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji","Segoe UI Emoji"; color: var(--vm-text); background: var(--vm-bg); }
a { color: var(--vm-primary); text-decoration:none; }
a:hover { text-decoration:underline; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
.header { position: sticky; top:0; background: rgba(255,255,255,0.9); backdrop-filter: blur(6px); border-bottom: 1px solid var(--vm-border); z-index: 10; }
.nav { display:flex; align-items:center; gap: 1rem; padding: .75rem 0; }
.nav .logo img { height:40px; width:auto; display:block; }
.nav .spacer { flex:1; }
.nav .menu { display:flex; gap:1rem; }
.btn { display:inline-block; padding:.6rem 1rem; border-radius:.75rem; border:1px solid var(--vm-primary); }
.btn-primary { background: var(--vm-cta); color: var(--vm-cta-contrast); border-color: var(--vm-cta); }
.btn-outline { background: transparent; color: var(--vm-cta); }
.hero { display:grid; grid-template-columns:1fr; gap:2rem; padding: 4rem 0; }
@media(min-width: 900px) { .hero { grid-template-columns: 1.1fr .9fr; } }
.hero .visual { aspect-ratio: 16/9; border:1px dashed var(--vm-border); border-radius:1rem; background: conic-gradient(from 180deg at 50% 50%, #f8fafc, #eef2ff); display:flex; align-items:center; justify-content:center; }
.section { padding: 3rem 0; border-top:1px solid var(--vm-border); }
.footer { padding: 2rem 0; border-top: 1px solid var(--vm-border); color: var(--vm-muted); font-size: .95rem; }
.card-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:1rem; }
.card { border:1px solid var(--vm-border); border-radius:1rem; padding:1rem; }
img.responsive { max-width:100%; height:auto; display:block; }
/* Placeholder image frame (remove when real 3D assets are added) */
.placeholder { display:flex; align-items:center; justify-content:center; background: transparent; }
*/