/*
Theme Name: Jailhouse Chicken V2 (ES Style)
Theme URI: https://example.com/
Author: You
Description: Theme adapted to the new Spanish HTML design (Nunito + Alfa Slab One, gritty smoky background, rust/cream palette).
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: jailhouse-chicken-v2
*/

/*
 * ================================================
 * ================== Global ======================
 * ================================================
*/
:root{
	--bg:#2a140c;
	--bg-2:#3a1e12;
	--rust:#6d2b17;
	--rust-2:#9a3f22;
	--cream:#f4e7cf;
	--cream-2:#ffe9c2;
	--bg-dark: #1a0f0a;
	--bg-deep: #2a140c;

	--paper: #ebc676;
	--accent: #ebc676;
	--gold: #ebc676;

	--text: #ebc676;
	--muted: #ebc676;

	/* extra token used by menu cards */
	--radius: 16px;
}
*{
	box-sizing:border-box
}
html,body{
	margin:0;
	padding:0;
	background:var(--bg);
	color:#e9dcc3;
	font-family:"Nunito",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
}
img{
	max-width:100%;
	display:block
}
a{
	color:inherit;
	text-decoration:none
}


/*
 * ================================================
 * ================== End Global ==================
 * ================================================
*/

/*
 * ================================================
 * ================== Header ======================
 * ================================================
*/
    header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10;
      padding: 14px 8px;
      display:flex;
      justify-content:center;
    }

    .brand{display:flex; gap:12px; align-items:center; font-weight:900; letter-spacing:.5px}
    .brand__name{font-family:'Alfa Slab One',serif; color:var(--cream);}
    .nav{display:flex; gap:14px; align-items:center}
    .nav a{opacity:.9} 
    .nav a:hover{opacity:1; color:#d85b24;}
    .burger{
      width:40px;
      height:40px;
      border:none;
      place-items:center;
      border-radius:10px;
      background:transparent;
      cursor:pointer;
      z-index:20;
    }
    .burger .lines{width:22px;height:14px;display:grid;gap:4px}
    .burger .lines span{display:block;height:2px;background:var(--cream)}

    /* Drawer / menu */
    .drawer{
      position:fixed;
      top:0;
      right:0;
      bottom:0;
      width:min(320px,85%);
      background:rgba(0,0,0,.9);
      backdrop-filter:blur(4px);
      transform:translateX(100%);
      transition:transform .25s ease;
      padding:16px;
      display:flex;
      flex-direction:column;
      gap:10px;
      z-index:15;
    }

    .drawer-close{
      font-size: 24px;
      background:none;
      border:none;
      color: var(--cream);
      align-self:flex-end;
      cursor:pointer;
      margin-bottom:16px;
    }

    html.nav-open .drawer{
      transform: translateX(0);
    }
	html.nav-open #burger {
	  display: none;
	}

    .nav .current-menu-item > a,
    .nav .current_page_item > a{
      color: #d85b24;
      font-weight:700;
    }



/*
 * ================================================
 * ================== End Header ==================
 * ================================================
*/

/*
 * ================================================
 * ================ Responsive ====================
 * ================================================
*/

@media(min-width:920px){
	/* HEADER */
	.burger{
		display:none
	}
	.drawer{
		all:unset;
		display:flex;
		flex-direction:row;
		gap:12px; position:static;
		transform:none; width:auto;
		background:none; padding:0;
	}
	.drawer-close {
		display: none;
	}
}

/*
 * ================================================
 * ================ End Responsive ================
 * ================================================
*/