/*
Theme Name: Pitlane
Description: Tema oscuro y ligero pensado para acompañar al plugin F1 Quiniela. Menú adaptable, cabecera con acceso/registro del participante y diseño mobile-first. Diseño propio, sin marcas oficiales.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Author: Erick
License: GPL-2.0-or-later
Text Domain: pitlane
*/

:root{--bg:#0b0d12;--bg2:#12151d;--line:#232838;--text:#f3f4f6;--muted:#9aa1b2;--red:#e10600}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.6}
a{color:#fff;text-decoration-color:var(--red);text-underline-offset:3px}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:999;clip:auto;width:auto;height:auto;background:#fff;color:#000;padding:8px 12px}

.pl-header{position:sticky;top:0;z-index:50;background:rgba(11,13,18,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.pl-header::after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--red) 0 30%,transparent 30% 32%,var(--red) 32% 36%,transparent 36%)}
.pl-bar{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px}
.pl-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-style:italic;font-size:22px;text-transform:uppercase;letter-spacing:.02em}
.pl-brand .pl-flag{width:28px;height:20px;background:conic-gradient(#fff 0 25%,#111 0 50%,#fff 0 75%,#111 0) 0 0/10px 10px;border-radius:3px;transform:skewX(-12deg)}
.pl-brand img{max-height:36px;width:auto}
.pl-toggle{margin-left:auto;background:transparent;border:1px solid var(--line);color:#fff;border-radius:8px;width:42px;height:38px;font-size:20px;cursor:pointer}
.pl-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 16px 16px}
.pl-nav.open{display:block}
.pl-nav ul{list-style:none;margin:0;padding:0}
.pl-nav a{display:block;padding:10px 4px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.pl-nav a:hover,.pl-nav .current-menu-item>a,.pl-nav .current_page_item>a{color:#fff}
.pl-user{display:flex;gap:8px;align-items:center;margin-top:8px}
.pl-btn{display:inline-block;background:var(--red);color:#fff!important;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:8px;padding:7px 14px;font-size:14px}
.pl-btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px #3a4152}
.pl-hello{font-size:14px;color:var(--muted);white-space:nowrap}

.pl-main{max-width:1200px;margin:0 auto;padding:16px}
.pl-page-title{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-style:italic;font-size:34px;line-height:1.05;margin:8px 0 16px}
.pl-content>*:first-child{margin-top:0}
.pl-content .f1q{background:transparent;padding:0}
.pl-post{border-bottom:1px solid var(--line);padding:16px 0}
.pl-post h2 a{text-decoration:none}
.pl-footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;padding:24px 16px 40px}
.pl-footer p{margin:4px 0}

@media (min-width:900px){
	.pl-toggle{display:none}
	.pl-nav{display:flex!important;position:static;background:transparent;border:0;padding:0;margin-left:auto;align-items:center;gap:20px}
	.pl-nav ul{display:flex;gap:18px}
	.pl-nav a{padding:6px 0}
	.pl-user{margin:0}
	.pl-main{padding:24px}
	.pl-page-title{font-size:46px}
}