/*
Theme Name: AntiRoot
Theme URI: https://antiroot.am
Author: Gevorg Grigoryan
Author URI: https://antiroot.am
Description: Personal portfolio theme for IT Operations & Security Engineer. Dark, minimal, terminal-inspired design.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: antiroot
Tags: portfolio, dark, minimal, one-page
*/

:root {
  --bg:     #dde4ee;
  --bg2:    #edf1f7;
  --bg3:    #cfd8e6;
  --accent: #b8922a;
  --green:  #0a9e60;
  --blue:   #2979cc;
  --teal:   #1a9e9a;
  --text:   #111827;
  --muted:  #4b5a6e;
  --border: #bcc8da;
  --mono:   'Space Mono', monospace;
  --sans:   'Syne', sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;}
body::before{display:none;}

/* LANG */
.lang-switch{position:fixed;top:20px;right:20px;z-index:300;display:flex;border:1px solid var(--border);overflow:hidden;}
.lang-btn{padding:6px 13px;font-family:var(--mono);font-size:11px;background:transparent;color:var(--muted);border:none;cursor:pointer;transition:all 0.2s;}
.lang-btn.active{background:var(--accent);color:var(--bg);font-weight:700;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:16px 60px;display:flex;justify-content:space-between;align-items:center;background:rgba(221,228,238,0.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.nav-brand{font-family:var(--mono);font-size:12px;color:var(--text);letter-spacing:0.04em;}
.nav-brand .nav-brand-divider{color:var(--muted);margin:0 6px;}
.nav-brand .nav-brand-sub{color:var(--muted);font-size:11px;}
.nav-links{display:flex;gap:32px;list-style:none;margin-right:80px;}
.nav-links a{font-family:var(--mono);font-size:11px;color:var(--muted);text-decoration:none;letter-spacing:0.12em;text-transform:uppercase;transition:color 0.2s;}
.nav-links a:hover{color:var(--accent);}

/* HERO PHOTO */
.hero-photo{position:absolute;right:440px;top:50%;transform:translateY(-50%);z-index:2;}
@media(max-width:1300px){.hero-photo{right:420px;}}
@media(max-width:1100px){.hero-photo{position:static;transform:none;margin-bottom:32px;}}
.hero-photo-ring{
  width:200px;height:200px;border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg, var(--accent), var(--teal));
  box-shadow:0 0 32px rgba(212,180,90,0.25);
}
.hero-photo-ring img{
  width:100%;height:100%;border-radius:50%;
  object-fit:cover;object-position:center top;
  display:block;
  border:3px solid var(--bg2);
  filter:brightness(1.05) contrast(1.05);
}

/* HERO */
#hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 60px 80px;z-index:1;}
.hero-left{max-width:760px;}
.hero-eyebrow{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,255,136,0.4);}50%{box-shadow:0 0 0 6px rgba(0,255,136,0);}}

.hero-name{font-size:clamp(52px,8vw,100px);font-weight:800;line-height:1.0;letter-spacing:-0.03em;margin-bottom:10px;color:var(--text);}

.antiroot-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:0.12em;margin-bottom:16px;}
.antiroot-tag::before{content:'//';color:var(--muted);margin-right:2px;}
.antiroot-tag-desc{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:24px;line-height:1.7;max-width:560px;border-left:2px solid var(--border);padding-left:14px;}

.hero-role{font-family:var(--mono);font-size:12px;color:var(--blue);margin-bottom:28px;line-height:1.8;}
.hero-desc{font-size:16px;color:var(--muted);line-height:1.8;max-width:540px;margin-bottom:40px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;}

.btn-primary{background:var(--accent);color:var(--bg);padding:12px 28px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity 0.2s,transform 0.2s;}
.btn-primary:hover{opacity:0.85;transform:translateY(-2px);}
.btn-ghost{background:transparent;color:var(--text);padding:12px 28px;font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;border:1px solid var(--border);cursor:pointer;text-decoration:none;display:inline-block;transition:border-color 0.2s,transform 0.2s;}
.btn-ghost:hover{border-color:var(--accent);transform:translateY(-2px);}

/* TERMINAL */
.terminal{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:350px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;overflow:hidden;}
@media(max-width:1100px){.terminal{display:none;}}
.t-bar{background:var(--bg3);padding:10px 14px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border);}
.dot{width:9px;height:9px;border-radius:50%;}
.dot-r{background:#ff5f57;}.dot-y{background:#febc2e;}.dot-g{background:#28c840;}
.t-title{font-family:var(--mono);font-size:11px;color:var(--muted);margin-left:6px;}
.t-body{padding:16px;font-family:var(--mono);font-size:12px;line-height:1.9;}
.t-prompt{color:var(--muted);}
.t-cmd{color:var(--blue);}
.t-out{color:var(--teal);}
.t-gold{color:var(--accent);}
.t-cursor{display:inline-block;width:7px;height:13px;background:var(--blue);vertical-align:middle;animation:blink 1s step-end infinite;}
@keyframes blink{50%{opacity:0;}}

/* DIVIDER */
.full-divider{position:relative;z-index:1;height:1px;background:var(--border);}

/* SECTIONS */
section{position:relative;z-index:1;padding:90px 60px;max-width:1200px;margin:0 auto;}
.section-label{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.section-label::after{content:'';flex:1;height:1px;background:var(--border);max-width:160px;}
h2{font-size:clamp(26px,3.5vw,44px);font-weight:800;letter-spacing:-0.02em;margin-bottom:40px;}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.about-text p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:16px;}
.about-text strong{color:var(--text);}
.about-quote{font-family:var(--mono);font-size:13px;color:var(--accent);border-left:2px solid var(--accent);padding-left:14px;margin-top:20px;line-height:1.7;}
.pillars{display:flex;flex-direction:column;gap:12px;}
.pillar{background:var(--bg2);border:1px solid var(--border);border-left:2px solid var(--accent);padding:16px 20px;transition:transform 0.2s;}
.pillar:nth-child(2){border-left-color:var(--blue);}
.pillar:nth-child(3){border-left-color:var(--teal);}
.pillar:hover{transform:translateX(4px);}
.pillar h4{font-size:13px;font-weight:700;margin-bottom:5px;}
.pillar p{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.6;}

/* EXPERIENCE */
.exp-list{display:flex;flex-direction:column;gap:2px;}
.exp-item{background:var(--bg2);border:1px solid var(--border);padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;transition:border-color 0.2s;}
.exp-item:hover{border-color:rgba(200,168,75,0.3);}
.exp-item.featured{border-left:2px solid var(--accent);}
.exp-company{font-size:10px;font-family:var(--mono);color:var(--blue);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:5px;}
.exp-title{font-size:16px;font-weight:700;margin-bottom:7px;}
.exp-desc{font-size:13px;color:var(--muted);line-height:1.7;}
.exp-meta{text-align:right;}
.exp-date{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap;}
.exp-badge{display:inline-block;margin-top:7px;padding:3px 9px;background:rgba(200,168,75,0.08);border:1px solid rgba(200,168,75,0.2);font-family:var(--mono);font-size:10px;color:var(--accent);}

/* SKILLS */
.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px;}
.skill-card{background:var(--bg2);border:1px solid var(--border);padding:22px;transition:border-color 0.2s,transform 0.2s;}
.skill-card:hover{border-color:rgba(74,158,255,0.3);transform:translateY(-3px);}
.skill-card h3{font-size:10px;font-family:var(--mono);color:var(--blue);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:12px;}
.skill-tags{display:flex;flex-wrap:wrap;gap:6px;}
.tag{padding:3px 10px;background:var(--bg3);border:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--muted);transition:color 0.2s,border-color 0.2s;}
.skill-card:hover .tag{color:var(--text);}

/* EDUCATION */
.edu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;}
.edu-card{background:var(--bg2);border:1px solid var(--border);padding:22px;transition:border-color 0.2s,transform 0.2s;}
.edu-card:hover{border-color:rgba(200,168,75,0.3);transform:translateY(-3px);}
.edu-inst{font-size:10px;font-family:var(--mono);color:var(--accent);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px;}
.edu-degree{font-size:15px;font-weight:700;margin-bottom:4px;}
.edu-year{font-family:var(--mono);font-size:11px;color:var(--muted);}
.edu-cert{margin-top:10px;padding:6px 10px;background:var(--bg3);border:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--teal);display:inline-block;}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2px;}
.blog-card{background:var(--bg2);border:1px solid var(--border);padding:26px;transition:border-color 0.2s,transform 0.2s;cursor:pointer;}
.blog-card:hover{border-color:var(--teal);transform:translateY(-3px);}
.blog-tag{font-family:var(--mono);font-size:10px;color:var(--teal);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px;}
.blog-title{font-size:15px;font-weight:700;margin-bottom:9px;line-height:1.4;}
.blog-excerpt{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:14px;}
.blog-meta{font-family:var(--mono);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);}

/* CONTACT */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.contact-info p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:26px;}
.contact-links{display:flex;flex-direction:column;gap:8px;}
.contact-link{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--bg2);border:1px solid var(--border);text-decoration:none;color:var(--text);font-size:13px;transition:border-color 0.2s,transform 0.2s;}
.contact-link:hover{border-color:var(--accent);transform:translateX(4px);}
.contact-link-icon{font-family:var(--mono);font-size:10px;color:var(--accent);width:60px;}
.contact-form{display:flex;flex-direction:column;gap:12px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:0.12em;text-transform:uppercase;}
.form-group input,.form-group textarea{background:var(--bg2);border:1px solid var(--border);color:var(--text);padding:11px 13px;font-family:var(--sans);font-size:14px;outline:none;transition:border-color 0.2s;resize:vertical;}
.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);}
#form-success{display:none;font-family:var(--mono);font-size:12px;color:var(--teal);padding:10px 0;}

/* FOOTER */
footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:24px 60px;display:flex;justify-content:space-between;align-items:center;}
.footer-text{font-family:var(--mono);font-size:11px;color:var(--muted);}
.footer-accent{color:var(--accent);}
.footer-ar{font-family:var(--mono);font-size:10px;color:var(--border);letter-spacing:0.1em;}

/* LANG TOGGLE */
[data-hy]{display:none;}
body.hy [data-en]{display:none;}
body.hy [data-hy]{display:block;}
body.hy span[data-hy]{display:inline;}
body.hy span[data-en]{display:none;}

/* ANIM */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.hero-left>*{animation:fadeUp 0.5s ease forwards;opacity:0;}
.hero-eyebrow{animation-delay:0.08s;}.hero-name{animation-delay:0.16s;}.antiroot-tag{animation-delay:0.22s;}.antiroot-tag-desc{animation-delay:0.26s;}.hero-role{animation-delay:0.32s;}.hero-desc{animation-delay:0.38s;}.hero-cta{animation-delay:0.44s;}

/* WordPress specifics */
.wp-block-image img { max-width: 100%; height: auto; }
.aligncenter { display: block; margin: 0 auto; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.skip-link { position: absolute; top: -40px; left: 0; background: var(--accent); color: var(--bg); padding: 8px; z-index: 9999; }
.skip-link:focus { top: 0; }

@media(max-width:900px){
  nav{padding:14px 20px;} #hero{padding:100px 20px 60px;}
  section{padding:56px 20px;}
  .about-grid,.contact-wrap{grid-template-columns:1fr;}
  footer{padding:18px 20px;flex-direction:column;gap:6px;text-align:center;}
  .exp-item{grid-template-columns:1fr;}.exp-meta{text-align:left;}
  .nav-links{gap:16px;margin-right:60px;}
}