/*
Theme Name: Rotarescu Tech
Theme URI: https://rotarescunicolae.ro
Author: Rotarescu Tech
Description: Portal responsive pentru aplicatii, tutoriale si proiecte tehnologice.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rotarescu-tech
*/
:root{--bg:#080e1b;--panel:#111c30;--panel2:#16243a;--line:#2b3e55;--text:#f1f6ff;--muted:#a9bad1;--accent:#49c7ff;--accent2:#8a7bff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #ffdb70;outline-offset:3px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:absolute;left:-9999px;top:0;background:white;color:black;padding:10px;z-index:99}.skip-link:focus{left:10px}.site-header{position:sticky;top:0;z-index:20;background:#080e1bee;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:74px}.brand{color:white;display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#061323;background:linear-gradient(130deg,var(--accent),#98a4ff);font-size:1.18rem}.nav{display:flex;flex-wrap:wrap;gap:23px}.nav a{color:#d7e5f5;font-weight:600;font-size:.91rem}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.hero{padding:94px 0 72px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 20%,#12345f 0%,transparent 45%),radial-gradient(ellipse at 20% 10%,#17214e 0%,transparent 40%)}.eyebrow{color:var(--accent);font-size:.82rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(2.6rem,6vw,5.15rem);max-width:930px;line-height:1.09;letter-spacing:-.065em;margin:16px 0 20px}.gradient{background:linear-gradient(90deg,#62d5ff,#b5b7ff);color:transparent;background-clip:text}.lead{max-width:670px;color:var(--muted);font-size:1.17rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:11px;background:var(--accent);color:#061525;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn.secondary{background:#21314c;color:#e5f6ff;border:1px solid #3a506b}.section{padding:61px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section h2{font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.045em;line-height:1.2;margin:0}.section-head p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile{position:relative;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#14233a,#0e1929);padding:27px;min-height:205px;transition:.2s}.tile:hover{border-color:#4f8db1;transform:translateY(-3px)}.tile h3{margin:13px 0 7px;font-size:1.2rem}.tile p{color:var(--muted);margin:0}.tile-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#183c59;color:#7adcff;font-size:1.45rem}.post-card h3{line-height:1.35}.post-meta{font-size:.8rem;color:var(--muted)}.banner{background:linear-gradient(115deg,#153e5b,#252852);padding:34px 38px;border-radius:20px;border:1px solid #3b6484}.banner h2{margin:0 0 10px}.banner p{color:#d8e8f9}.site-footer{border-top:1px solid var(--line);padding:38px 0;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.content{max-width:820px;padding:70px 0 100px}.content h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.16;letter-spacing:-.05em}.content h2,.content h3{line-height:1.3}.content img{max-width:100%;height:auto;border-radius:12px}.content blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:20px;color:var(--muted)}.content table{display:block;overflow-x:auto}.content input,.content textarea{max-width:100%}.notice{background:#18253b;border:1px solid var(--line);border-radius:13px;padding:18px}.pagination{margin-top:30px}.pagination .page-numbers{padding:5px 9px}.pagination .current{color:white;border-bottom:2px solid var(--accent)}@media(max-width:820px){.topbar{align-items:flex-start;flex-direction:column;padding:16px 0;gap:13px}.nav{gap:10px 16px}.hero{padding:70px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.wrap{width:min(calc(100% - 30px),var(--max))}.grid{grid-template-columns:1fr}.section{padding:43px 0}.hero{padding:60px 0}.nav a{font-size:.85rem}.banner{padding:25px}.content{padding:35px 0 70px}}

/* ROTATECH V5.2 NAVIGATION & RESPONSIVE ENHANCEMENTS */
.nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #14283e;
  color: #f1f6ff;
  border: 1px solid #3b5a78;
  border-radius: 10px;
  padding: 8px 13px;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
}
.nav-toggle:hover {
  border-color: var(--accent);
  color: var(--accent);
}
.nav-toggle-icon {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  width: 18px;
}
.nav-toggle-icon span {
  display: block;
  height: 2px;
  width: 100%;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.nav a {
  padding: 6px 2px;
  position: relative;
  white-space: nowrap;
}
.nav a[aria-current="page"] {
  color: var(--accent);
  font-weight: 800;
}
.nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
}
@media (max-width: 820px) {
  .topbar {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    min-height: 64px;
  }
  .nav-toggle {
    display: inline-flex;
  }
  .js-nav-ready .nav {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    margin-top: 6px;
    background: #0d192b;
    border: 1px solid var(--line);
    border-radius: 14px;
  }
  .js-nav-ready .nav.is-open {
    display: flex;
  }
  .js-nav-ready .nav a {
    padding: 9px 10px;
    border-radius: 8px;
    font-size: 0.96rem;
  }
  .js-nav-ready .nav a[aria-current="page"] {
    background: rgba(73, 199, 255, 0.12);
  }
  .js-nav-ready .nav a[aria-current="page"]::after {
    display: none;
  }
}