/* Header & Footer Styles - Extracted from order-form-styles.css */

/* Header Styles */
.header{background:var(--header-bg, #000);padding:20px 0;border-bottom:3px solid var(--accent, #1e88e5);}
.header-content{max-width:1200px;margin:0 auto;padding:0 20px;}
.header .logo{color:#fff;font-size:24px;font-weight:700;}
.header .logo img{height:40px;width:auto;}

/* Footer Styles */
.footer{background:var(--footer-bg, #000);color:#fff;padding:12px 20px 12px;margin-top:20px;text-align:center;border-top:1px solid rgba(255,255,255,0.1);}
.footer-content{max-width:1200px;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:10px;align-items:center;}
.footer .logo{margin:0;font-size:0;line-height:0;padding:0;}
.footer .logo img{height:26px!important;width:auto;opacity:0.95;display:block;}
.footer p{font-size:11px;color:rgba(255,255,255,0.65);margin:0;padding:0;letter-spacing:0.2px;line-height:1;}
.footer-links{margin:0;padding:0;display:flex;justify-content:center;gap:32px;flex-wrap:wrap;}
.footer-links a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.2s ease;}
.footer-links a:hover{color:#fff;transform:translateY(-1px);}

/* Modal Styles */
.exit-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;align-items:center;justify-content:center;animation:fadeIn 0.3s ease;}
.exit-modal.show{display:flex;}
.exit-modal-content{background:var(--card-bg, #fff);border-radius:16px;padding:40px;max-width:500px;margin:20px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:slideUp 0.3s ease;border:2px solid var(--accent, #1e88e5);}
.exit-modal-title{font-size:28px;font-weight:700;color:var(--accent, #1e88e5);margin-bottom:16px;}
.exit-modal-text{font-size:18px;color:var(--text, #111);margin-bottom:24px;line-height:1.5;}
.exit-modal-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.exit-modal-btn{padding:14px 32px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-family:inherit;}
.exit-modal-btn.primary{background:var(--accent, #1e88e5);color:#fff;}
.exit-modal-btn.primary:hover{background:var(--accent-hover, #1976d2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,136,229,0.3);}
.exit-modal-btn.secondary{background:#6c757d;color:#fff;}
.exit-modal-btn.secondary:hover{background:#5a6268;}

/* CSS Variables */
:root{
  --card-bg:#fff;
  --accent:#1e88e5;
  --accent-hover:#1976d2;
  --text:#111;
  --header-bg:#000;
  --footer-bg:#000;
}

@media (prefers-color-scheme: dark){
  :root{
    --card-bg:#1e1e1e;
    --text:#f0f0f0;
    --header-bg:#0a0a0a;
    --footer-bg:#0a0a0a;
  }
}

/* Animations */
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes slideUp{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}