/* =====================================================================
   Alan Crew Editz — "Ember" theme (v6.2)
   One file controls the look of the whole public site.
   Want different colours? Change the 4 accent values just below.
   ===================================================================== */
:root{
  --t-accent:#F59E0B;      /* amber   */
  --t-accent2:#C2410C;     /* burnt   */
  --t-accent3:#FB923C;     /* orange glow */
  --t-ink:#140A04;         /* page background */
  --t-glass:rgba(255,237,213,.045);
  --t-glass2:rgba(255,255,255,.07);
  --t-line:rgba(255,255,255,.10);
  --t-grad:linear-gradient(135deg,#F97316 0%,#EA580C 55%,#C2410C 100%);

  --bg:#140A04!important;--bg2:#1A0E06!important;--panel:rgba(255,237,213,.045)!important;--panel2:#231208!important;
  --blue:#F59E0B!important;--cyan:#FDBA74!important;--green:#34d399!important;
  --text:#FFF7ED!important;--muted:#D6B8A0!important;--line:rgba(255,255,255,.10)!important;
}
html,body{background:#140A04!important;color:var(--text)}
::selection{background:rgba(245,158,11,.45);color:#fff}

/* ---------- background ---------- */
body:before{
  background:
   radial-gradient(ellipse 46% 30% at 10% 14%,rgba(245,158,11,.34),transparent 70%),
   radial-gradient(ellipse 40% 28% at 88% 10%,rgba(194,65,12,.20),transparent 70%),
   radial-gradient(ellipse 44% 30% at 72% 88%,rgba(251,146,60,.15),transparent 70%),
   radial-gradient(ellipse 40% 26% at 6% 78%,rgba(234,88,12,.16),transparent 70%),
   #140A04!important;
  filter:blur(30px)!important;
}
body:after{
  background-image:radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.3px)!important;
  background-size:28px 28px!important;background-position:0 0!important;background-repeat:repeat!important;
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 25%,#000 10%,transparent 78%)!important;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 25%,#000 10%,transparent 78%)!important;
  opacity:.9!important;
}

/* ---------- header / nav ---------- */
header,.top{
  background:rgba(26,14,6,.62)!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
}
header{border-radius:20px!important}
.logo,.logo span{letter-spacing:.12em}
.logo span{color:#FDBA74!important}
nav a{color:#E7CDB5!important}
nav a:hover,nav a.active{color:#fff!important;background:rgba(245,158,11,.16)!important;text-shadow:none!important}
nav a.nav-btn{background:var(--t-grad)!important;color:#fff!important;box-shadow:0 10px 28px rgba(245,158,11,.35)!important}
.login-nav{border:1px solid rgba(245,158,11,.5)!important;background:rgba(245,158,11,.12)!important;color:#FFEDD5!important}
.login-nav:hover{background:rgba(245,158,11,.28)!important;color:#fff!important}

/* ---------- buttons ---------- */
.btn,.quote-email-btn,.email-form button,.contact-form button{border-radius:12px!important}
.btn.primary,.quote-email-btn,.email-form button,.contact-form button:not(.whatsapp-btn),.login-box .login-submit,.membership-section .member-card .btn{
  background:var(--t-grad)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 34px rgba(245,158,11,.32)!important;
}
.btn.primary:hover,.quote-email-btn:hover{box-shadow:0 16px 44px rgba(245,158,11,.5)!important;filter:brightness(1.07)}
.btn.secondary{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.btn:hover{border-color:rgba(251,191,36,.6)!important}
.play{background:var(--t-grad)!important}

/* ---------- hero ---------- */
.eyebrow{color:#FED7AA!important}
.eyebrow:before{background:linear-gradient(90deg,#F59E0B,#C2410C)!important;height:2px!important;border-radius:2px}
.grad{background:linear-gradient(100deg,#ffffff 5%,#FED7AA 42%,#FDBA74 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-art:before{background:radial-gradient(circle,rgba(245,158,11,.38),rgba(194,65,12,.12) 45%,transparent 70%)!important}
.avatar{background:conic-gradient(from 210deg,#F59E0B,#C2410C,#FB923C,#F59E0B)!important;box-shadow:0 0 80px rgba(245,158,11,.35),0 0 140px rgba(194,65,12,.12)!important}
.avatar img{border-color:#140A04!important}
.badge{background:rgba(35,18,8,.72)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.badge small{color:#C9A98F!important}

/* ---------- cards / panels ---------- */
.features,.feature,.info-card,.project,.card,.member-card,.design-card,.quote-box,.email-service,.details,.media,.contact-box,.membership-section .member-card,.contacts-card{
  background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  border-color:rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.project,.card,.member-card,.design-card,.info-card,.features,.details,.quote-box,.email-service,.contact-box{border-radius:24px!important}
.feature{border-color:rgba(255,255,255,.08)!important}
.project,.card,.member-card,.design-card{transition:transform .28s ease,border-color .28s,box-shadow .28s}
.project:hover,.card:hover,.member-card:hover,.design-card:hover{border-color:rgba(251,191,36,.55)!important;box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 40px rgba(245,158,11,.22)!important}
.card.featured,.member-card.featured{border-color:rgba(251,191,36,.6)!important;box-shadow:0 0 60px rgba(245,158,11,.22)!important}
.contact-box{background:linear-gradient(125deg,rgba(245,158,11,.20),rgba(20,10,4,.82) 62%)!important;border-color:rgba(251,191,36,.28)!important}
.num,.project small,.price,.design-price,.member-card .price,.membership-section .member-card .price{color:#FED7AA!important}
.project small{color:#FDBA74!important}
.project h3{color:#fff!important;text-shadow:none!important}
.tool,.pill,.link,.tag,.discount-badge,.bulk-pills b{
  background:rgba(245,158,11,.12)!important;border:1px solid rgba(251,191,36,.30)!important;color:#FFEDD5!important;border-radius:999px!important}
.tool{border-radius:12px!important}
.project-date span{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.10)!important;border-radius:999px!important}
.line{background:linear-gradient(90deg,rgba(245,158,11,.5),rgba(194,65,12,.25),transparent)!important;height:1px}
.section-head h2{background:linear-gradient(100deg,#fff,#FED7AA);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- category tabs (projects) ---------- */
.project-tabs{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
.ptab{color:#E7CDB5!important}
.ptab:hover{background:rgba(245,158,11,.14)!important}
.ptab.active{background:var(--t-grad)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:0 10px 30px rgba(245,158,11,.4)!important}

/* ---------- forms ---------- */
input,textarea,select,.contact-form input,.contact-form textarea,.email-form input,.email-form textarea,.quote-grid input,.quote-grid select{
  background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:12px!important}
input:focus,textarea:focus,select:focus{outline:none!important;border-color:#FBBF24!important;box-shadow:0 0 0 3px rgba(245,158,11,.25)!important}
select option{background:#231208;color:#fff}

/* ---------- modals ---------- */
.modal,.login-modal{background:rgba(10,5,2,.88)!important}
.modal-box,.login-box{background:#1C0F06!important;border:1px solid rgba(251,191,36,.28)!important;border-radius:24px!important;box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 60px rgba(245,158,11,.18)!important}

/* ---------- footer / misc ---------- */
footer{border-top-color:rgba(255,255,255,.08)!important;color:#A68A74!important}
.back{color:#FED7AA!important}
.placeholder{color:#FED7AA!important}
.contact-details a:hover{border-color:rgba(251,191,36,.5)!important;background:rgba(245,158,11,.10)!important}

/* ---------- hero profile glass card (v6.2) ---------- */
.profile-card{position:relative;z-index:1;width:min(420px,100%);padding:34px 26px 28px;text-align:center;
  background:linear-gradient(160deg,rgba(255,237,213,.10),rgba(255,237,213,.03));
  border:1px solid rgba(245,158,11,.28);border-radius:30px;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 90px rgba(245,158,11,.16),inset 0 1px 0 rgba(255,237,213,.10)}
.profile-card .avatar{width:min(270px,66vw);margin:0 auto 24px;padding:3px;
  background:conic-gradient(from 200deg,#F59E0B,#C2410C,#FB923C,#F59E0B)!important;
  box-shadow:0 0 28px rgba(245,158,11,.75),0 0 70px rgba(245,158,11,.45),0 0 130px rgba(194,65,12,.35)!important}
.profile-card .avatar img{border:0!important}
.status-dot{position:absolute;right:12px;bottom:12px;width:20px;height:20px;border-radius:50%;background:#FBBF24;border:0;box-shadow:0 0 10px #F59E0B,0 0 22px #F59E0B}
.pc-name{margin:0;font-size:1.9rem;letter-spacing:.02em;background:linear-gradient(90deg,#FFF7ED,#F59E0B);-webkit-background-clip:text;background-clip:text;color:transparent}
.pc-line{width:52px;height:3px;border-radius:3px;margin:14px auto 12px;background:linear-gradient(90deg,#F59E0B,#C2410C)}
.pc-role{margin:0!important;max-width:none!important;font-size:.82rem!important;line-height:1.6!important;color:#D6B8A0!important;letter-spacing:.04em}
.hero-art{min-height:660px!important}
.hero-art .b1{top:2%!important;right:0!important}
.hero-art .b2{bottom:2%!important;left:0!important}
@media(max-width:760px){.hero-art{min-height:600px!important}.profile-card{padding:28px 20px 24px}.pc-name{font-size:1.6rem}}

/* ---------- tools + contacts (v6.2) ---------- */
.info-grid{grid-template-columns:1fr 1fr!important;gap:18px!important}
.info-card{padding:28px!important}
.contacts-card{grid-column:1/-1}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px}
.tool-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 13px;border-radius:16px;text-align:center;
  background:linear-gradient(160deg,rgba(255,237,213,.07),rgba(255,237,213,.02));border:1px solid rgba(255,237,213,.10);transition:transform .25s,border-color .25s,box-shadow .25s}
.tool-tile:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 0 28px color-mix(in srgb,var(--c) 45%,transparent)}
.tool-ico{display:block;width:52px;height:52px;border-radius:13px;box-shadow:0 0 14px color-mix(in srgb,var(--c) 70%,transparent),0 0 34px color-mix(in srgb,var(--c) 40%,transparent)}
.tool-ico svg{display:block;width:100%;height:100%}
.tool-name{font-size:.78rem;font-weight:600;color:#FFEDD5;letter-spacing:.02em}
.contact-details{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px!important;margin-top:18px!important}
.contact-details a.ct{display:flex;align-items:center;gap:16px;padding:18px 20px!important;border-radius:18px!important;font-size:1rem!important;
  background:linear-gradient(160deg,rgba(255,237,213,.07),rgba(255,237,213,.02))!important;border:1px solid rgba(255,237,213,.12)!important;transition:transform .25s,border-color .25s,box-shadow .25s}
.contact-details a.ct:hover{transform:translateY(-3px);border-color:var(--c)!important;box-shadow:0 0 34px color-mix(in srgb,var(--c) 40%,transparent)}
.ct-ico{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:var(--c);
  background:color-mix(in srgb,var(--c) 14%,#140A04);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);
  box-shadow:0 0 16px color-mix(in srgb,var(--c) 55%,transparent),0 0 38px color-mix(in srgb,var(--c) 28%,transparent)}
.ct-ico svg{width:28px;height:28px;filter:drop-shadow(0 0 6px var(--c))}
.ct-txt{display:flex;flex-direction:column;min-width:0;gap:3px}
.ct-txt small{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#D6B8A0}
.ct-txt b{font-size:1.02rem;font-weight:700;color:#FFF7ED;overflow-wrap:anywhere}
@media(max-width:760px){.info-grid{grid-template-columns:1fr!important}.contact-details{grid-template-columns:1fr}}
.contact-details{grid-template-columns:repeat(6,1fr)!important}
.contact-details a.ct{grid-column:span 2}
.contact-details a.ct:nth-child(-n+2){grid-column:span 3}
@media(max-width:760px){.contact-details{grid-template-columns:1fr!important}.contact-details a.ct,.contact-details a.ct:nth-child(-n+2){grid-column:auto}}

/* ---------- logo (v6.2) ---------- */
.logo{display:inline-flex!important;align-items:center;gap:11px}
.logo-img{height:36px;width:auto;display:block;filter:drop-shadow(0 0 6px rgba(245,158,11,.9)) drop-shadow(0 0 18px rgba(245,158,11,.5))}
.logo-text{font-style:normal}
.foot-logo{display:block;height:46px;width:auto;margin:0 auto 14px;filter:drop-shadow(0 0 8px rgba(245,158,11,.85)) drop-shadow(0 0 22px rgba(245,158,11,.45))}
@media(max-width:560px){.logo-text{display:none}.logo-img{height:38px}}