/*
Theme Name: Devon Van Removals — Final (Hero v3)
Theme URI: https://devonvanremovals.co.uk
Author: Kev
Description: Final theme: full hero image, high-contrast Devon-flag buttons, editable blog.
Version: 1.3
Text Domain: dvr-final-hero-v3
*/
:root{--green:#1E7F3A;--white:#fff;--text:#111;--max:1100px}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text)}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6e6e6;z-index:10}
.header .wrap{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.brand{font-weight:900;letter-spacing:.2px}
.nav{display:flex;gap:10px}
/* Devon flag buttons: green + white cross, no borders */
.flag{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:12px 22px;border-radius:10px;font-weight:900;font-size:16px;
      background:var(--green);color:#000;overflow:hidden;line-height:1}
.flag::before,.flag::after{content:"";position:absolute;pointer-events:none;background:var(--white)}
.flag::before{top:0;bottom:0;left:42%;right:42%}  /* thicker vertical bar */
.flag::after{left:0;right:0;top:40%;bottom:40%}   /* thicker horizontal bar */
/* Improve legibility of black text over white cross with a subtle white outline */
.flag .label{
  position:relative;z-index:1;
  text-shadow:
    0 1px 0 #fff, 0 -1px 0 #fff,
    1px 0 0 #fff, -1px 0 0 #fff,
    1px 1px 0 #fff, -1px -1px 0 #fff,
    -1px 1px 0 #fff, 1px -1px 0 #fff;
}
.hero{border-bottom:1px solid #e6e6e6;background:#eef7ff}
.hero .wrap{max-width:var(--max);margin:0 auto;padding:0}
.hero figure{margin:0}
.main{max-width:var(--max);margin:0 auto;padding:20px 16px}
.section{padding:18px 0}
.section h2{margin:0 0 10px}
.card{border:1px solid #e6e6e6;border-radius:10px;padding:14px}
.tel,.mail{display:inline-block;margin:6px 8px 0 0;padding:8px 12px;border:2px solid var(--green);border-radius:8px;font-weight:800}
.posts article{padding:12px 0;border-bottom:1px solid #e6e6e6}
.footer{border-top:1px solid #e6e6e6;background:#fafafa}
.footer .wrap{max-width:var(--max);margin:0 auto;padding:12px 16px;font-size:14px;color:#555}
@media (max-width:700px){
  .brand{font-size:16px}
  .flag{font-size:15px;padding:10px 18px}
}