/*
 Theme Name:   SoftMe Child
 Description:  OnePage child theme for Webdesign688, anglia-style. Child of SoftMe.
 Template:     softme
 Version:      1.0.0
 Author:       Webdesign688
*/

/* ===== OnePage anglia-style ===== */
:root{
  --wd-ink:#0e1116;
  --wd-ink2:#151a22;
  --wd-accent:#e8b84b;
  --wd-accent2:#3aa0ff;
  --wd-text:#e9edf2;
  --wd-muted:#9aa6b2;
  --wd-line:rgba(255,255,255,.12);
}
html{scroll-behavior:smooth;}
body{background:var(--wd-ink)!important;color:var(--wd-text)!important;font-family:"Inter","Segoe UI",system-ui,"PingFang TC","Microsoft JhengHei",sans-serif!important;}

/* hide old softme homepage bits on front */
body.home .dt_footer_copyright{display:none!important;}

/* ===== OnePage layout ===== */
.wd-section{padding:90px 0!important;position:relative;background:transparent!important;}
.wd-wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
.wd-eyebrow{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--wd-accent)!important;margin-bottom:14px;font-weight:600;}
.wd-h2{font-size:clamp(28px,4vw,46px);line-height:1.1;font-weight:800;margin:0 0 18px;letter-spacing:-.01em;color:#ffffff!important;}
.wd-lead{font-size:18px;line-height:1.7;color:var(--wd-muted)!important;max-width:760px;}

/* HERO */
.wd-hero{min-height:92vh;display:flex;align-items:center;background:radial-gradient(1200px 600px at 80% -10%, rgba(58,160,255,.18), transparent 60%),radial-gradient(900px 500px at 0% 110%, rgba(232,184,75,.14), transparent 55%),linear-gradient(180deg,#0b0e13,#0e1116)!important;}
.wd-hero h1{font-size:clamp(38px,6.4vw,82px)!important;line-height:1.02!important;font-weight:900!important;letter-spacing:-.02em;margin:0 0 22px!important;color:#f4f7fb!important;}
.wd-hero h1 .ac{color:var(--wd-accent)!important;}
.wd-hero p{font-size:19px!important;line-height:1.7!important;color:var(--wd-muted)!important;max-width:680px;margin:0 0 34px!important;}
.wd-cta{display:inline-flex;gap:14px;flex-wrap:wrap;}
.wd-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:.25s transform,.25s box-shadow,.25s background;}
.wd-btn.gold{background:var(--wd-accent)!important;color:#1a1405!important;}
.wd-btn.gold:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(232,184,75,.35);}
.wd-btn.ghost{border:1px solid var(--wd-line)!important;color:var(--wd-text)!important;}
.wd-btn.ghost:hover{border-color:var(--wd-accent)!important;color:var(--wd-accent)!important;}

/* stats */
.wd-stats{display:flex;gap:48px;flex-wrap:wrap;margin-top:54px;}
.wd-stat .num{font-size:44px;font-weight:900;color:#fff!important;}
.wd-stat .lab{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--wd-muted)!important;margin-top:6px;}

/* services grid */
.wd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:48px;}
.wd-card{background:linear-gradient(180deg,var(--wd-ink2),#10141b)!important;border:1px solid var(--wd-line)!important;border-radius:18px;padding:34px 28px;transition:.3s transform,.3s border-color,.3s box-shadow;position:relative;overflow:hidden;}
.wd-card:hover{transform:translateY(-6px);border-color:var(--wd-accent)!important;box-shadow:0 22px 50px rgba(0,0,0,.45);}
.wd-card .ic{font-size:30px;margin-bottom:18px;}
.wd-card h3{font-size:21px!important;margin:0 0 10px!important;font-weight:800!important;color:#ffffff!important;}
.wd-card p{color:var(--wd-muted)!important;font-size:15px;line-height:1.65;margin:0;}

/* works */
.wd-works{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:44px;}
.wd-work{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#10141b;border:1px solid var(--wd-line)!important;}
.wd-work img{width:100%;height:100%;object-fit:cover;transition:.4s transform;display:block;}
.wd-work:hover img{transform:scale(1.07);}
.wd-work span{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;font-size:14px;font-weight:700;color:#fff!important;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);}

/* contact */
.wd-contact{background:linear-gradient(180deg,#10141b,#0b0e13)!important;}
.wd-contact .wd-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.wd-info{display:flex;flex-direction:column;gap:6px;}
.wd-info .k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--wd-accent)!important;}
.wd-info .v{font-size:19px;font-weight:700;color:#fff!important;}
.wd-info a{color:#fff!important;text-decoration:none;}
.wd-info a:hover{color:var(--wd-accent)!important;}

/* footer */
.wd-foot{padding:40px 0;border-top:1px solid var(--wd-line);color:var(--wd-muted);font-size:14px;}
.wd-foot .wd-wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;}

/* ===== overrides for softme theme chrome on this page ===== */
.dt_navbar-search-toggle,.dt_user_btn,.dt-btn.dt-btn-primary{display:none!important;}
/* hide default horizontal nav menu (replaced by MENU button) */
.dt_navbar-mainmenu,.dt_navbar-collapse,header .dt_navigation,header .dt_mainmenu,header .dt_navbar-mainmenu{display:none!important;}
body.home .dt_breadcrumb,body.home .breadcrumb,body.home .entry-title,body.home .dt_pagetitle,body.home .dt_pageheader,body.home .entry-header,body.home article .entry-title{display:none!important;}
body.home header .dt_header-design,body.home .dt_header-design,body.home header .pattern-layer,body.home .dt_header-topbar .dt_shape{display:none!important;}
body.home .dt_header-main .dt_logo a:before,body.home .dt_logo:before{display:none!important;}

@media(max-width:680px){
  .wd-section{padding:60px 0!important;}
  .wd-stats{gap:28px;}
}

/* ===== Right-side MENU button + slide-in overlay (anglia-style) ===== */
.wd-menu-toggle{
  position:fixed;top:22px;right:24px;z-index:9999;
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(20,26,34,.72);backdrop-filter:blur(8px);
  border:1px solid var(--wd-line);border-radius:999px;
  padding:11px 20px;cursor:pointer;color:var(--wd-text);
  font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  transition:.25s border-color,.25s color;
}
.wd-menu-toggle:hover{border-color:var(--wd-accent);color:var(--wd-accent);}
.wd-menu-toggle-bars{display:inline-flex;flex-direction:column;gap:4px;width:20px;}
.wd-menu-toggle-bars i{height:2px;background:currentColor;display:block;border-radius:2px;}

.wd-menu-overlay{
  position:fixed;inset:0;z-index:9998;
  background:rgba(8,11,16,.97);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:.35s opacity,.35s visibility;
}
body.wd-menu-open .wd-menu-overlay{opacity:1;visibility:visible;}
.wd-menu-close{
  position:fixed;top:18px;right:24px;z-index:9999;
  background:none;border:none;color:#fff;font-size:40px;line-height:1;cursor:pointer;
}
.wd-menu-nav .wd-menu-list{list-style:none;margin:0;padding:0;text-align:center;}
.wd-menu-nav .wd-menu-list li{margin:14px 0;opacity:0;transform:translateY(12px);transition:.4s;}
body.wd-menu-open .wd-menu-nav .wd-menu-list li{opacity:1;transform:none;}
body.wd-menu-open .wd-menu-nav .wd-menu-list li:nth-child(1){transition-delay:.08s;}
body.wd-menu-open .wd-menu-nav .wd-menu-list li:nth-child(2){transition-delay:.14s;}
body.wd-menu-open .wd-menu-nav .wd-menu-list li:nth-child(3){transition-delay:.20s;}
body.wd-menu-open .wd-menu-nav .wd-menu-list li:nth-child(4){transition-delay:.26s;}
body.wd-menu-open .wd-menu-nav .wd-menu-list li:nth-child(5){transition-delay:.32s;}
.wd-menu-nav .wd-menu-list a{
  color:#fff;text-decoration:none;font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.01em;
  transition:.2s color;
}
.wd-menu-nav .wd-menu-list a:hover{color:var(--wd-accent);}

/* ===== Top bar (black) holding logo + MENU button ===== */
.wd-topbar{
  position:fixed;top:0;left:0;right:0;z-index:9980;
  height:74px;display:flex;align-items:center;
  background:#0d0f14;
  box-shadow:0 1px 0 rgba(255,255,255,.05);
}
.wd-top-logo{margin-left:24px;z-index:9990;}
.wd-top-logo .site--logo,.wd-top-logo .custom-logo-link{display:block;}
.wd-top-logo .site-description{display:none;}
.wd-top-logo img.custom-logo{height:38px;width:auto;display:block;}
/* keep MENU button aligned with the black bar */
.wd-menu-toggle{top:0!important;right:0!important;height:auto;padding:10px 22px;display:flex;align-items:center;margin-top:18px;}

@media(max-width:680px){.wd-topbar{height:64px;}.wd-top-logo{margin-left:16px;}.wd-top-logo img.custom-logo{height:30px;}.wd-menu-toggle{height:auto;padding:8px 16px;margin-top:14px;}}