/*
Theme Name: TBX Bucharest Taxi
Theme URI: https://www.bucharest.taxi/
Author: TBX
Description: Ultra-light, SEO-first theme with full Customizer controls.
Version: 4.0.0
Text Domain: tbx-bucharest-taxi
*/
:root{
  --tbx-primary:#2F7FA0;
  --tbx-accent:#1F6F8B;
  --tbx-bg:#F6F8FB;
  --tbx-text:#0F172A;
  --tbx-muted:#64748B;
  --tbx-border:#E2E8F0;
  --tbx-card:#FFFFFF;
  --tbx-radius:16px;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--tbx-text);background:var(--tbx-bg);line-height:1.6}
a{color:inherit}
.container{max-width:1120px;margin:0 auto;padding:0 18px}
.header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--tbx-border);z-index:50}
.headerbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:260px}
.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--tbx-primary),#0EA5E9);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.5px}
.brandtext{display:flex;flex-direction:column}
.brandtext strong{font-size:16px}
.brandtext span{font-size:12px;color:var(--tbx-muted)}
.nav{display:flex;align-items:center;gap:10px;margin:0;padding:0;list-style:none}
.nav > li{position:relative;padding-bottom:14px}
.nav a{display:inline-flex;align-items:center;gap:6px;color:var(--tbx-muted);text-decoration:none;font-weight:800;font-size:14px;padding:8px 10px;border-radius:12px}
.nav a:hover{background:#F1F5F9;color:var(--tbx-text)}
.nav li.menu-item-has-children > a:after{content:"▾";font-size:12px;color:var(--tbx-muted)}
.nav ul{
  display:none; position:absolute; top:calc(100% - 2px); left:0;
  min-width:300px; background:#fff; border:1px solid var(--tbx-border);
  border-radius:14px; box-shadow:0 20px 50px rgba(2,6,23,.10);
  padding:8px; margin:0; list-style:none; z-index:100;
}
.nav li.menu-item-has-children > ul:before{content:""; position:absolute; top:-14px; left:0; width:100%; height:14px;}
.nav li:hover > ul, .nav li:focus-within > ul{display:block}
.nav ul:hover{display:block}
.nav ul li a{display:flex;width:100%;padding:10px 12px;border-radius:12px;color:var(--tbx-text);font-weight:700}
.nav ul li a:hover{background:#F1F5F9}
.actions{display:flex;align-items:center;gap:10px;min-width:260px;justify-content:flex-end}
.pill{border:1px solid var(--tbx-border);background:#fff;border-radius:999px;padding:10px 12px;font-weight:900;color:var(--tbx-text);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.cta{border-radius:999px;padding:10px 14px;font-weight:950;text-decoration:none;color:#fff;background:var(--tbx-primary);border:1px solid rgba(0,0,0,.06)}
.cta:hover{filter:brightness(.96)}
.main{padding:26px 0 60px}
.card{background:var(--tbx-card);border:1px solid var(--tbx-border);border-radius:var(--tbx-radius);box-shadow:0 10px 30px rgba(2,6,23,.06)}
.pagehead{padding:22px 22px 0}
.pagehead h1{margin:0 0 10px;font-size:34px;line-height:1.15}
.pagehead .lead{margin:0 0 16px;color:var(--tbx-muted);font-size:16px}
.content{padding:0 22px 22px}
.content h2{margin:26px 0 10px}
.content h3{margin:18px 0 8px}
.content p{margin:10px 0}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.badges span{border:1px solid var(--tbx-border);background:#fff;border-radius:999px;padding:6px 10px;font-size:12px;color:var(--tbx-muted)}
.hr{height:1px;background:var(--tbx-border);margin:18px 0}
.footer{border-top:1px solid var(--tbx-border);padding:24px 0;color:var(--tbx-muted);font-size:13px}
.footergrid{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.footerlinks{display:flex;gap:10px;flex-wrap:wrap}
.footerbtn{border:1px solid var(--tbx-border); background:#fff; border-radius:999px; padding:9px 12px; font-weight:900; text-decoration:none; color:var(--tbx-text);}
.footerbtn:hover{background:#F1F5F9}
.custom-logo{height:38px;width:auto;border-radius:10px}

/* ========== TBX MOBILE NAV ========== */

.headerbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

/* wrapper pt meniu */
.navwrap{ display:block; }

/* meniul desktop */
.nav{
  display:flex;
  align-items:center;
  gap:18px;
  list-style:none;
  margin:0;
  padding:0;
}
.nav a{ text-decoration:none; font-weight:600; }

/* hamburger (ascuns pe desktop) */
.nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  border-radius:12px;
  padding:10px;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
}
.nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  background:currentColor;
  border-radius:2px;
}

/* MOBIL */
@media (max-width: 900px){

  /* IMPORTANT: header-ul tău are min-width pe brand + actions și îți scoate hamburgerul din ecran */
  .brand{ min-width: 0; flex: 1 1 auto; }
  .actions{ min-width: 0; flex: 0 0 auto; }
  .pill{ display: none; }              /* ascunde telefonul pe mobil */
  .brandtext span{ display:none; }     /* ascunde tagline pe mobil (opțional, dar recomandat) */

  /* arată hamburger */
  .nav-toggle{ display:inline-flex; }

  /* ascunde meniul până e deschis */
  .navwrap{ display:none; }

  /* când e deschis */
  body.tbx-nav-open .navwrap{
    display:block;
    position:absolute;
    top:72px;
    left:12px;
    right:12px;
    background:#fff;
    border:1px solid rgba(0,0,0,.12);
    border-radius:14px;
    padding:12px;
    box-shadow:0 20px 60px rgba(0,0,0,.15);
    z-index:9999;
  }

  body.tbx-nav-open .nav{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }

  body.tbx-nav-open .nav a{
    padding:10px 12px;
    border-radius:10px;
  }
}