/*
Theme Name: Diego's Demise
Theme URI: https://diegosdemise.co.uk/
Author: Pub Invest Group
Description: Edgy, elevated theme for Diego's Demise - rock dive bar, music venue and Holy Diner. Activating it creates all pages and menus automatically. Edit contact details, loyalty link and socials under Appearance > Customize > Diego's Settings.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: diegos-demise
*/
:root{--ink:#0b0a0a;--coal:#151313;--bone:#f1ead8;--blood:#e0262b;--acid:#f4c21b;--line:rgba(241,234,216,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--bone);font-family:'Archivo',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--acid)}img{max-width:100%;height:auto}
h1,h2,h3{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95;margin:0 0 .4em}
h1{font-size:clamp(3.2rem,11vw,9rem)}h2{font-size:clamp(2.2rem,6vw,4.5rem)}h3{font-size:1.7rem}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.kicker{font-family:'Space Mono',monospace;font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:var(--blood);margin-bottom:12px}
.btn{display:inline-block;padding:14px 26px;font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;text-decoration:none;border:2px solid var(--bone);color:var(--bone);background:transparent;cursor:pointer;transition:.2s}
.btn:hover{background:var(--bone);color:var(--ink)}
.btn-red{background:var(--blood);border-color:var(--blood);color:#fff}.btn-red:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,10,10,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.logo{font-family:'Anton',sans-serif;font-size:1.7rem;text-transform:uppercase;color:var(--bone);text-decoration:none}.logo span{color:var(--blood)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.nav a{color:var(--bone);text-decoration:none;font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.nav a:hover,.nav .current-menu-item a{color:var(--acid)}
.menu-toggle{display:none;background:none;border:2px solid var(--bone);color:var(--bone);padding:8px 12px;font-family:'Space Mono',monospace}
@media(max-width:1000px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--ink);padding:24px;border-bottom:1px solid var(--line)}.nav.open{display:block}.nav ul{flex-direction:column;gap:14px}.nav a{font-size:1rem}}
.ticker{background:var(--blood);color:#fff;overflow:hidden;white-space:nowrap;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.3rem;padding:10px 0;transform:rotate(-1deg);margin:-6px -10px}
.ticker div{display:inline-block;animation:tick 30s linear infinite}.ticker span{margin:0 28px}
@keyframes tick{to{transform:translateX(-50%)}}
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;padding:80px 0 70px;background:radial-gradient(ellipse at 70% 20%,rgba(224,38,43,.35),transparent 60%),linear-gradient(180deg,#1a0f0f,var(--ink));overflow:hidden}
.hero h1 em{font-style:normal;color:var(--blood);display:block}
.hero p.lead{max-width:560px;font-size:1.15rem;opacity:.85}
.hero .ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero .stamp{position:absolute;right:6%;top:18%;width:190px;height:190px;border:3px solid var(--acid);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--acid);font-family:'Anton',sans-serif;text-transform:uppercase;font-size:1.4rem;line-height:1;transform:rotate(12deg);text-decoration:none;transition:.2s}
.hero .stamp:hover{background:var(--acid);color:var(--ink);transform:rotate(0) scale(1.05)}
@media(max-width:800px){.hero .stamp{display:none}}
section.block{padding:90px 0;border-top:1px solid var(--line)}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--coal);border:1px solid var(--line);padding:28px;position:relative;transition:.25s}
.card:hover{transform:translateY(-4px) rotate(-.4deg);border-color:var(--blood)}
.card .tag{position:absolute;top:-12px;right:16px;background:var(--acid);color:var(--ink);font-family:'Space Mono',monospace;font-size:.7rem;font-weight:700;padding:4px 10px;text-transform:uppercase}
.night{display:grid;grid-template-columns:140px 1fr auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.night .day{font-family:'Anton',sans-serif;font-size:2rem;color:var(--acid);text-transform:uppercase}
@media(max-width:700px){.night{grid-template-columns:1fr}}
.menu-list{list-style:none;padding:0;margin:0}.menu-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed var(--line)}
.menu-list b{font-family:'Anton',sans-serif;font-weight:400;font-size:1.25rem;text-transform:uppercase}.menu-list small{display:block;opacity:.65}
.page-hero{padding:110px 0 50px;background:radial-gradient(ellipse at 80% 0,rgba(224,38,43,.3),transparent 60%),var(--ink)}
.content{padding:50px 0 90px}.entry{max-width:820px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.gallery-grid .ph{aspect-ratio:1;background:var(--coal);border:1px solid var(--line);display:grid;place-items:center;font-family:'Space Mono',monospace;font-size:.75rem;opacity:.6}
form.dd{max-width:640px}form.dd input,form.dd textarea{width:100%;padding:14px;background:var(--coal);border:1px solid var(--line);color:var(--bone);font:inherit;margin-bottom:14px}
.loyalty{background:var(--acid);color:var(--ink);padding:70px 0}.loyalty .btn{border-color:var(--ink);color:var(--ink)}.loyalty .btn:hover{background:var(--ink);color:var(--acid)}
.float-loyalty{position:fixed;right:18px;bottom:18px;z-index:60}
.site-footer{background:#050404;padding:70px 0 30px;border-top:4px solid var(--blood)}
.site-footer .cols{display:grid;gap:30px;grid-template-columns:2fr 1fr 1fr 1fr}
@media(max-width:800px){.site-footer .cols{grid-template-columns:1fr}}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer a{color:var(--bone);text-decoration:none}.site-footer a:hover{color:var(--acid)}
.small{font-size:.8rem;opacity:.55;margin-top:40px}

/* Centre the Contact Form 7 section */
.dd-contact-form {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

/* Centre the form heading */
.content > h2 {
    text-align: center;
    margin-bottom: 30px;
}

/* Make form fields fill the centred container */
.dd-contact-form .wpcf7 input:not([type="submit"]),
.dd-contact-form .wpcf7 textarea,
.dd-contact-form .wpcf7 select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Centre the submit button */
.dd-contact-form .wpcf7-submit {
    display: block;
    margin: 20px auto 0;
}

/* Keep the form within the screen on mobile */
@media (max-width: 700px) {
    .dd-contact-form {
        max-width: 100%;
    }
}