/*
Theme Name: Alrigs Dark
Author: Alrigs
Description: A modern dark WordPress theme for Alrigs technology repair.
Version: 1.5
Text Domain: alrigs-dark
*/
:root{
  --bg:#070b12;--bg2:#0d1420;--panel:#111b2a;--text:#f5f7fb;
  --muted:#a9b4c3;--blue:#3aa7ff;--cyan:#75ddff;--border:rgba(255,255,255,.10);
  --radius:20px;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--bg),#09111b);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,11,18,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:900}
.brand-badge{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#04101b;font-weight:900}
.site-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}.site-nav a{color:var(--muted);font-weight:700}.site-nav a:hover{color:var(--text)}
.menu-toggle{display:none;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:12px}
.hero{padding:96px 0 80px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-190px;background:radial-gradient(circle,rgba(58,167,255,.28),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center;position:relative;z-index:1}
.eyebrow{display:inline-block;padding:8px 12px;border:1px solid rgba(58,167,255,.35);border-radius:999px;background:rgba(58,167,255,.08);color:var(--cyan);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
h1,h2,h3{line-height:1.1;margin-top:0}h1{font-size:clamp(2.8rem,7vw,5.8rem);margin:20px 0}h2{font-size:clamp(2rem,4vw,3.4rem)}.lead{font-size:1.15rem;color:var(--muted);max-width:720px}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 22px;border-radius:14px;font-weight:850;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#03101a;box-shadow:0 12px 34px rgba(58,167,255,.24)}.btn-secondary{background:rgba(255,255,255,.04);border-color:var(--border)}
.card,.hero-card{background:linear-gradient(145deg,rgba(17,27,42,.98),rgba(10,17,28,.98));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.hero-card{padding:26px}.hero-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.hero-card li{padding:15px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.03)}
.section{padding:82px 0}.section-soft{background:rgba(255,255,255,.025);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-heading{max-width:760px;margin-bottom:36px}.section-heading p,.muted{color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{padding:25px}.icon{font-size:1.8rem;display:block;margin-bottom:14px}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}.check-list li{position:relative;padding-left:26px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:900}
.cta{padding:38px;border:1px solid rgba(58,167,255,.28);border-radius:26px;background:linear-gradient(135deg,rgba(58,167,255,.14),rgba(117,221,255,.05))}
.content-page{padding:70px 0;min-height:55vh}.site-footer{padding:34px 0;border-top:1px solid var(--border);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:820px){.hero-grid,.grid-3,.grid-2{grid-template-columns:1fr}.site-nav{display:none;position:absolute;left:0;right:0;top:74px;padding:18px;background:var(--bg2);border-bottom:1px solid var(--border)}.site-nav.open{display:block}.site-nav ul{flex-direction:column}.menu-toggle{display:block}.hero{padding-top:64px}}


.brand-logo{display:flex;align-items:center}
.brand-logo .custom-logo-link{display:flex;align-items:center}
.brand-logo .custom-logo{display:block;max-height:52px;width:auto;max-width:190px}
@media(max-width:600px){
  .brand-logo .custom-logo{max-height:44px;max-width:150px}
}


/* Logo sizing correction */
.brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.brand-logo{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  flex:0 0 42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:13px !important;
}
.brand-logo .custom-logo-link{
  width:42px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.brand-logo .custom-logo{
  width:42px !important;
  height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  object-fit:contain !important;
  display:block !important;
}
.brand-name{
  display:inline-block !important;
  white-space:nowrap !important;
}


/* Version 1.3: permanently constrained header logo */
.brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
  max-width: none !important;
}

.brand-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  flex: 0 0 42px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #3aa7ff, #75ddff) !important;
  line-height: 0 !important;
}

.brand-icon img,
.brand-icon-image {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.brand-icon-placeholder {
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #07111d !important;
}

.brand-name {
  display: inline-block !important;
  white-space: nowrap !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

@media (max-width: 600px) {
  .brand-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    flex-basis: 42px !important;
  }

  .brand-icon img,
  .brand-icon-image {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
  }
}


/* Version 1.5 homepage and About page polish */
.hero-kicker{
  margin:-8px 0 18px;
  color:var(--cyan);
  font-size:clamp(1.15rem,2vw,1.5rem);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-card h3{margin:18px 0 20px;font-size:1.55rem}
.hero-card li strong{color:var(--text)}
.about-intro{max-width:900px;margin-bottom:44px}
.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:start}
.about-section{margin:0 0 58px}
.about-section>h2{max-width:850px}
.about-section>p{max-width:930px;color:var(--muted);font-size:1.05rem}
.about-highlight{position:sticky;top:100px}
.about-highlight h3{font-size:2rem;margin:18px 0 12px}
.section-panel{
  padding:34px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:rgba(255,255,255,.025);
}
.about-values{margin-top:28px}
.about-service-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-top:26px;
}
.about-service-list>div{
  padding:24px;
  border:1px solid var(--border);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(17,27,42,.85),rgba(10,17,28,.85));
}
.about-service-list h3{margin-bottom:10px}
.about-service-list p{margin-bottom:0;color:var(--muted)}
.about-cta{margin-top:18px}
.content-page .entry-content>h2:first-child{margin-top:0}
@media(max-width:820px){
  .about-grid,.about-service-list{grid-template-columns:1fr}
  .about-highlight{position:static}
  .section-panel{padding:24px}
}