/*
Theme Name: AutoChronicleHub
Theme URI: https://autochroniclehub.com
Author: ACH Team (with ChatGPT)
Description: Dark, neon 3‑column WordPress theme for automotive news portal with left/right sidebars, glowing UI and custom post types for News & Articles.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: autochroniclehub
*/

:root{
  --bg:#0a0d12;
  --panel:#0f131a;
  --text:#dbe4ff;
  --muted:#8ca3c7;
  --accent:#3ec3ff;
  --accent-2:#8fe3ff;
  --line:#16202c;
  --glow: 0 0 12px rgba(62,195,255,.35), 0 0 32px rgba(62,195,255,.25);
}

html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;}

a{color:var(--accent);text-decoration:none}
a:hover{filter:brightness(1.2);}

.container.three-col{
  display:grid;
  grid-template-columns: 280px 1fr 300px;
  gap:24px;
  padding:24px 16px;
  max-width:1200px;
  margin:0 auto;
  align-items:start;
}

.left-col,.right-col,.content, .panel{
  background:linear-gradient(180deg, rgba(19,25,35,.9), rgba(10,13,18,.9));
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow: var(--glow);
}

.left-col,.right-col{padding:16px;}
.content{padding:0;}

.header{
  position:relative;
  padding:28px 16px 8px;
  text-align:center;
  background:radial-gradient(1200px 300px at 50% -50%, rgba(62,195,255,.18), transparent 70%);
  border-bottom:1px solid var(--line);
}
.brand{
  font-size:56px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--accent-2);
  text-shadow:0 6px 24px rgba(62,195,255,.35), 0 0 2px rgba(255,255,255,.6);
}

.navbar{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:16px auto 0;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 18px;border-radius:12px;border:1px solid var(--line);
  background:linear-gradient(180deg,#0f1520,#0b0f16);
  color:var(--text); text-transform:uppercase; letter-spacing:.04em; font-weight:700;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), var(--glow);
}
.btn.active{outline:2px solid rgba(62,195,255,.45);}

.hero{padding:18px 18px 8px;}
.hero img{width:100%;display:block;border-radius:12px;border:1px solid var(--line);}

.post-card{padding:18px;}
.post-card h1,.post-card h2{margin:0 0 10px}
.post-meta{color:var(--muted);font-size:.9rem;margin-bottom:10px}

.widget-title{font-weight:800;letter-spacing:.05em;margin:0 0 8px;color:var(--accent-2);text-transform:uppercase}
.widget{margin:0 0 18px;padding:14px;border:1px dashed var(--line);border-radius:12px;background:rgba(0,0,0,.12)}

.footer{margin:40px auto 24px;max-width:1200px;color:var(--muted);text-align:center}

@media (max-width: 1024px){
  .container.three-col{grid-template-columns:1fr;gap:16px;padding:16px}
  .navbar{justify-content:center}
}
/* Фікс перекриття екрану */
html, body {
  position: static !important;
  overflow: visible !important;
}

#cookieadmin-banner,
.cookieadmin_overlay,
.cookieadmin,
div[class*="cookie"],
div[id*="cookie"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
}