/*
Theme Name: Eastney Sleek Classic
Theme URI: https://example.com/
Author: Eastney Laptop Repairs
Author URI: https://example.com/
Description: Classic WordPress theme with full Customizer controls for all homepage sections (dark mode by default).
Version: 2.8.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eastney-sleek-classic
Tags: custom-logo, one-column, two-columns, custom-colors, editor-style, featured-images
*/

/* --- Base --- */
:root{
  --ink:#0B1220;
  --deep:#073B8C;
  --blue:#0A5BD3;
  --cloud:#E6EEF9;
  --slate:#334155;
  --steel:#64748B;
  --card:#ffffff;
  --border:#1F2937;
}

html,body{margin:0;padding:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Inter,Arial,sans-serif;
  background:var(--ink);
  color:#fff;
  line-height:1.6;
}

a{color:var(--cloud);text-decoration:none;}
a:hover{text-decoration:underline;}

.container{max-width:1200px;margin:0 auto;padding:0 18px;}
.card{background:var(--card);color:#0B1220;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.18);}
.section{padding:64px 0;}
.section-tight{padding:48px 0;}
.grid{display:grid;gap:18px;}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width: 900px){
  .grid-2,.grid-3{grid-template-columns:1fr;}
}
.btn{
  display:inline-block;
  background:var(--blue);
  color:#fff;
  padding:12px 18px;
  border-radius:999px;
  font-weight:700;
}
.btn-outline{
  display:inline-block;
  border:2px solid rgba(255,255,255,.25);
  color:#fff;
  padding:10px 16px;
  border-radius:999px;
  font-weight:700;
}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px;}

.site-header{position:static !important;

  background:var(--ink);
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:18px 0;
  position:relative;
  backdrop-filter:saturate(140%) blur(10px);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:12px;}
.brand-title{font-weight:900;letter-spacing:-.02em;font-size:1.2rem;margin:0;}
.nav a{color:#fff;font-weight:700;opacity:.9;margin-left:14px;}
.nav a:hover{opacity:1;text-decoration:none;}
.hero-wrap{
  background:linear-gradient(180deg, rgba(10,91,211,.25), rgba(230,238,249,.08));
  border-radius:24px;
  padding:64px 0;
  margin-top:24px;
}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;}}
.kicker{color:rgba(255,255,255,.8);font-size:.95rem;margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}
.kicker span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:6px 10px;border-radius:999px;}
.hero-h1{font-size:3rem;line-height:1.05;margin:0;}
@media(max-width:600px){.hero-h1{font-size:2.2rem;}}
.hero-p{color:rgba(255,255,255,.82);font-size:1.2rem;max-width:55ch;}
.hero-img{
  width:100%;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 55px rgba(0,0,0,.35);
}
.hero-img img{width:100%;height:auto;display:block;}
.panel{
  background:var(--deep);
  border-radius:24px;
  padding:22px;
}
.panel h3{margin:0 0 10px 0;}
.panel ul{margin:0;padding-left:18px;color:rgba(255,255,255,.9);}
.muted{color:rgba(255,255,255,.8);}
.h2{font-size:2.2rem;line-height:1.15;margin:0 0 12px 0;}
.sub{color:rgba(255,255,255,.75);margin:0 0 22px 0;}
.tile{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:18px;
}
.tile h4{margin:0 0 8px 0;}
.tile p{margin:0;color:rgba(255,255,255,.75);}
.testimonial{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:18px;}
.testimonial p{margin:0 0 10px 0;color:rgba(255,255,255,.85);}
.testimonial small{color:rgba(255,255,255,.65);}
.pricing{background:#111827;border-radius:24px;padding:36px;}
.pricing .grid{gap:14px;}
.pricing .tile{background:#0B1220;border-color:rgba(255,255,255,.08);}
.faq details{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:14px;}
.faq details+details{margin-top:10px;}
.footer{
  padding:48px 0;
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:40px;
}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr;}}
.footer small{color:rgba(255,255,255,.65);}
.hosting-badge{display:flex;justify-content:flex-end;margin-top:14px;}
.hosting-badge img{max-width:140px;height:auto;opacity:.9;transition:opacity .2s ease, transform .2s ease;}
.hosting-badge img:hover{opacity:1;transform:translateY(-1px);}
@media(max-width:900px){.hosting-badge{justify-content:center;}}

/* Custom logo sizing (Customizer-controlled) */
.custom-logo{
  width: var(--eastney-logo-width, 120px);
  height: auto;
}
.brand .custom-logo-link{display:flex;align-items:center;}

/* Hero image constraints */
.hero-img{max-width:100%; }
.hero-img img{
  max-width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}

/* Header hard overrides (prevents any fixed/sticky overlap) */
.site-header{
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}

/* Logo sizing (covers WP output variations) */
.custom-logo,
.custom-logo-link img,
.site-header .custom-logo{
  width: var(--eastney-logo-width, 120px) !important;
  height: auto !important;
  max-width: 220px !important;
}

/* Hero image constraints */
.hero-img{
  max-width: var(--eastney-hero-img-maxw, 520px);
  margin-left: auto;
}
.hero-img img{
  width: 100%;
  height: auto;
  max-height: var(--eastney-hero-img-maxh, 320px);
  object-fit: contain;
}

/* Footer layout v2: left content, right hosting badge */
.footer-grid-v2{
  display:grid;
  grid-template-columns: 1fr auto;
  gap:24px;
  align-items:start;
}
@media(max-width:900px){
  .footer-grid-v2{grid-template-columns:1fr;}
}
.footer-right{display:flex;justify-content:flex-end;}
@media(max-width:900px){.footer-right{justify-content:center;}}

/* Footer social */
.footer-left a[rel~="noopener"]{text-decoration:none;}
.footer-left a[rel~="noopener"]:hover{text-decoration:underline;}


/* Footer: Y4H + Facebook stacked (right) */
.footer-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.footer-right .hosting-badge img{
  max-width:150px;
  height:auto;
  display:block;
}
.footer-right .facebook-badge{
  align-self:flex-end;
}
.footer-right .facebook-badge img{
  width: var(--eastney-fb-size, 40px) !important;
  height: var(--eastney-fb-size, 40px) !important;
  max-width:80px !important;
  max-height:80px !important;
  display:block;
}
@media(max-width:900px){
  .footer-right{align-items:center;}
  .footer-right .facebook-badge{align-self:center;}
}



/* Footer: Facebook icon under Contact and above button */
.footer-social{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:6px 0 8px 0;
}
.footer-social-link{display:inline-flex;align-items:center;justify-content:center;}
.footer-social img{
  display:block;
  max-width:160px;
  max-height:160px;
}

/* v26: Footer edge alignment + left social icon */
.site-footer .footer-inner{
  max-width: 100%;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
@media(max-width:700px){
  .site-footer .footer-inner{
    padding-left: 18px;
    padding-right: 18px;
  }
}
.footer-grid-v2{
  width: 100%;
  justify-content: space-between;
}
.footer-social{
  justify-content:flex-start;
  margin:6px 0 10px 0;
}
@media(max-width:900px){
  .footer-social{justify-content:center;}
}

/* v28: Header Facebook icon (top-right) */
.site-header .header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.site-header .header-social{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-left:12px;
}
.site-header .header-social img{
  display:block;
  max-width:64px;
  max-height:64px;
}
@media(max-width:900px){
  .site-header .header-inner{flex-wrap:wrap;}
  .site-header .header-social{order:2;}
}