/* === BritishEnglishTutor.uk - Blue Theme CSS === */

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:1.5}
a{color:#000080;text-decoration:none}
.container{width:94%;max-width:1100px;margin:0 auto;padding:0 0 24px}

/* Header */
.header{background:#000080;color:#fff;position:sticky;top:0;z-index:999;border-bottom:3px solid rgba(0,0,0,0.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:12px}
.site-logo{width:56px;height:56px;display:block}
.site-title{font-size:1.15rem;color:#fff;margin:0}
.nav{display:none}
.nav a{color:#fff;margin-left:18px;font-weight:600}
.hambtn{background:#fff;color:#000080;border:none;padding:8px 10px;border-radius:6px;font-size:18px}

.site-title{
  font-size:1.15rem;
  font-weight:600;
  color:#fff;
  text-decoration:none;
}
.site-title:visited,
.site-title:hover,
.site-title:active{
  color:#fff;
  text-decoration:none;
}

/* Force header site title to match menu in all browsers */
.header .site-title {
  display: inline-block;      /* ensures Firefox respects the box */
  color: #fff !important;     /* white color in all states */
  font-size: 1.15rem;
  font-weight: 600;
  text-decoration: none;
  line-height: normal;        /* Firefox sometimes squashes inline links */
}

/* Explicitly target all link states */
.header .site-title:link,
.header .site-title:visited,
.header .site-title:hover,
.header .site-title:active,
.header .site-title:focus {
  color: #fff !important;
  text-decoration: none;
}

/* Header branding */
.site-branding {
    font-size: 1.25rem;       /* slightly larger */
    font-weight: 700;         /* bold */
    color: #fff;              /* white */
    letter-spacing: 0.5px;    /* subtle spacing for clarity */
    text-decoration: none;    /* remove underline */
}

/* Mobile nav */
.mobile-nav{display:none;background:#000080}
.mobile-nav a{display:block;color:#fff;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08)}

.nav a.btn-ghost { margin-left: 12px; }
.mobile-nav a.btn-ghost { margin-left: 0; }

/* Hero */
.hero{background:linear-gradient(180deg,#e6f0fa,#fff);padding:26px 0 18px;text-align:center}
.hero h1{margin:0;font-size:1.5rem;color:#074b8a}
.lead{max-width:820px;margin:8px auto 0;color:#333}

/* Sections */
.section{padding:18px 0;border-top:1px solid rgba(0,0,0,.03)}
.section h2{color:#074b8a;margin:0 0 10px;font-size:1.1rem}
.card-grid{display:grid;grid-template-columns:1fr;gap:12px}
.card{background:#fff;border:1px solid #eee;padding:14px;border-radius:8px}
.btn{display:inline-block;padding:10px 14px;border-radius:6px;font-weight:700}
.btn-primary{background:#000080;color:#fff;border:1px solid rgba(0,0,0,0.06)}
.btn-ghost{background:transparent;color:#000080;border:1px solid #000080}

/* Two-column content on larger screens */
@media(min-width:880px){
  .nav{display:flex;align-items:center}
  .hambtn{display:none}
  .card-grid{grid-template-columns:repeat(3,1fr)}
  .hero h1{font-size:2rem}
}

/* Testimonials */
.test-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:880px){ .test-grid{grid-template-columns:repeat(3,1fr)} }


/* Footer */
.footer {
  background: #000080;
  color: #fff;
  padding: 18px 0;
  margin-top: 18px;
  text-align: center;
  font-size: 0.9rem;
}

.footer p {
  margin: 0;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

/* Small helpers */
.kv{font-weight:700;color:#000080}
.contact-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
img.resp{max-width:100%;height:auto;border-radius:6px}

/* Extra code */
.photocenter {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
.photocenter-wrapper {
    text-align: center;
}

/* Force header site title to match menu in all browsers */
.header .site-title {
  display: inline-block;      /* ensures Firefox respects the box */
  color: #fff !important;     /* white color in all states */
  font-size: 1.15rem;
  font-weight: 600;
  text-decoration: none;
  line-height: normal;        /* Firefox sometimes squashes inline links */
}

/* Explicitly target all link states */
.header .site-title:link,
.header .site-title:visited,
.header .site-title:hover,
.header .site-title:active,
.header .site-title:focus {
  color: #fff !important;
  text-decoration: none;
}