/*
Theme Name: ESLS 2026 - Study Medicine Europe
Theme URI: https://esls.co.uk
Author: ESLS Redesign
Version: 3.0 Image Edition
Description: Custom SEO-optimized theme for ESLS - Study Medicine in Europe since 1994. Supports custom logo. Navy #0f2a44, Teal #2bb4a8.
*/
:root{--navy:#0f2a44;--teal:#2bb4a8;--gold:#f5b841;--bg:#f8fafc}
body{font-family:Inter,system-ui,sans-serif;margin:0;background:var(--bg);color:#1e293b}
a{color:var(--navy);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.header{position:sticky;top:0;z-index:50;background:white;border-bottom:1px solid #e2e8f0}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.logo{font-weight:800;color:var(--navy);font-size:22px;letter-spacing:-0.5px}
.logo span{color:var(--teal)}
.custom-logo{max-height:60px;width:auto}
.nav a{margin-left:20px;font-weight:600;font-size:14px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.btn{display:inline-block;padding:12px 24px;border-radius:12px;font-weight:700}
.btn-primary{background:var(--navy);color:white}
.btn-teal{background:var(--teal);color:white}
.hero{background:var(--navy);color:white;padding:80px 0 60px;border-radius:0 0 40px 40px}
.hero h1{font-size:48px;line-height:1.1;margin:0;max-width:700px}
.hero p{opacity:0.8;margin:20px 0 30px;max-width:600px;font-size:18px}
.card{background:white;border-radius:20px;padding:24px;box-shadow:0 4px 24px rgba(15,42,68,0.06);border:1px solid #eef2f7}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid #e2e8f0}
.badge{background:#e6f8f6;color:var(--teal);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}
.footer{background:var(--navy);color:white;padding:60px 0;margin-top:80px}

.hero-with-image{position:relative;overflow:hidden;background:var(--navy);color:white;padding:0;border-radius:0 0 40px 40px}
.hero-with-image .hero-bg{position:absolute;inset:0;opacity:0.35}
.hero-with-image .hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-with-image .container{position:relative;z-index:2;padding:90px 24px 70px}