/* ===== Tavern Skin v0.2.2 ===== */

/* Global texture variables */
.skin-tavern{
  --wood: url('/assets/img/wood-planks.jpg');
  --parchment: url('/assets/img/parchment.jpg');
  --brass: url('/assets/img/brass-noise.png');
}

/* Header: wood planks + brass edge */
.skin-tavern .eft-header{
  background:
    linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.65)),
    var(--wood);
  background-size: cover;
  background-position: center top;
  border-bottom: 0;
  box-shadow: inset 0 -40px 60px rgba(0,0,0,.35), 0 6px 20px rgba(0,0,0,.35);
  position: sticky; top: 0;
}
.skin-tavern .eft-header:after{
  content:""; display:block; height:6px;
  background: linear-gradient(90deg, #a87739, #e0b66f 20%, #a87739 40%, #e0b66f 60%, #a87739 80%, #e0b66f);
  opacity:.9;
  border-bottom:1px solid rgba(0,0,0,.4);
}

/* Nav buttons subtle backing */
.skin-tavern .eft-menu>li>a, .skin-tavern .dd-toggle{
  background: rgba(24,18,12,.4);
  border:1px solid rgba(58,42,27,.7);
  box-shadow: inset 0 0 24px rgba(0,0,0,.25);
}
.skin-tavern .eft-menu>li>a:hover, .skin-tavern .dd-toggle:hover{
  background: rgba(209,163,95,.12); color: var(--accent);
}

/* Dropdown: parchment card */
.skin-tavern .dropdown{
  background:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.18)),
    var(--parchment);
  background-size: cover;
  color: #2a1b11;
  border-color: #7b5a32;
}
.skin-tavern .dropdown a{ color:#1d130c }
.skin-tavern .dropdown a:hover{
  background: rgba(209,163,95,.15); color:#000
}

/* Main panel parchment */
.skin-tavern .panel-parchment{
  background:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.18)),
    var(--parchment);
  background-size: cover;
  color: #23170f;
  border:1px solid #7b5a32;
  box-shadow: inset 0 50px 120px rgba(0,0,0,.15), 0 10px 30px rgba(0,0,0,.35);
}
.skin-tavern .panel-parchment h1, 
.skin-tavern .panel-parchment h2,
.skin-tavern .panel-parchment h3{ color:#1a120b }

/* Footer leather strip + brass */
.skin-tavern .eft-footer{
  background:
    linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,.7)),
    var(--wood);
  background-size: cover;
  border-top: 0;
  box-shadow: inset 0 40px 80px rgba(0,0,0,.35);
}
.skin-tavern .eft-footer-top{
  border-bottom: 1px solid rgba(0,0,0,.45);
}
.skin-tavern .eft-footer-bottom{
  border-top: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.5), transparent, rgba(0,0,0,.5)), var(--brass);
  background-size: cover;
  color: rgba(255,255,255,.85);
}

/* Hero adjustments: overlay stronger, subtle particles */
.skin-tavern .hero .hero-bg{
  filter: saturate(.9) contrast(1.02) brightness(.92);
}
.skin-tavern .hero:after{
  /* candle dust motes */
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(2px 2px at 10% 30%, rgba(255,240,200,.25), transparent 60%),
    radial-gradient(2px 2px at 32% 20%, rgba(255,240,200,.18), transparent 60%),
    radial-gradient(2px 2px at 66% 26%, rgba(255,240,200,.15), transparent 60%),
    radial-gradient(3px 3px at 78% 40%, rgba(255,240,200,.18), transparent 60%),
    radial-gradient(2px 2px at 42% 66%, rgba(255,240,200,.12), transparent 60%);
  animation: motes 12s linear infinite;
  opacity:.6;
}
@keyframes motes {
  0% { transform: translateY(0) }
  100% { transform: translateY(-12px) }
}

/* Buttons: brass vibe */
.skin-tavern .hero-cta{
  background: linear-gradient(180deg, #f0c97d, #d1a35f);
  border-color: #7a5428;
  color:#2a1b11;
  text-shadow: 0 1px 0 rgba(255,255,255,.3);
}
.skin-tavern .hero-cta:hover{
  filter: brightness(1.05);
}

/* Utility: subtle separators */
.skin-tavern .hero-info-inner h2{
  border-bottom: 1px solid rgba(123,90,50,.45);
  padding-bottom: 6px;
}