/*
Theme Name: Asylum Lifestyles
Theme URI: https://asylumzlifestyles.com
Author: Asylum
Description: Official Asylum Lifestyles theme — underground adult lifestyle ecosystem
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#8b1a1a;
  --red-light:#c0392b;
  --bone:#f5f0e8;
  --border-dark:rgba(255,255,255,0.08);
}
body{background:#0a0a0a;color:#f5f0e8;font-family:'Inter',sans-serif;min-height:100vh}
a{text-decoration:none;color:inherit}
img{max-width:100%}

/* NAV */
.asylum-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;border-bottom:0.5px solid var(--border-dark)}
.asylum-nav .nav-logo{font-family:'Playfair Display',serif;font-size:1.1rem;letter-spacing:0.15em;color:#f5f0e8;text-transform:uppercase}
.asylum-nav .nav-links{display:flex;gap:2rem}
.asylum-nav .nav-links a{font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(245,240,232,0.5);transition:color 0.2s}
.asylum-nav .nav-links a:hover{color:#f5f0e8}
.asylum-nav .nav-cta{font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;border:0.5px solid rgba(245,240,232,0.3);padding:0.5rem 1.25rem;cursor:pointer;color:#f5f0e8;background:transparent;transition:all 0.2s}
.asylum-nav .nav-cta:hover{background:rgba(245,240,232,0.05)}

/* HERO */
.asylum-hero{padding:5rem 2.5rem 4rem;max-width:800px}
.asylum-hero .hero-eyebrow{font-size:0.65rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--red-light);margin-bottom:1.5rem}
.asylum-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,6vw,4.5rem);line-height:1.08;font-weight:400;margin-bottom:1.5rem;color:#f5f0e8}
.asylum-hero h1 em{font-style:italic;color:rgba(245,240,232,0.55)}
.asylum-hero .hero-sub{font-size:0.95rem;line-height:1.8;color:rgba(245,240,232,0.5);max-width:480px;font-weight:300}

/* FIVE DOORS */
.asylum-doors{display:grid;grid-template-columns:repeat(5,1fr);border-top:0.5px solid var(--border-dark);border-bottom:0.5px solid var(--border-dark);margin-top:4rem}
.asylum-doors .door{padding:2rem 1.5rem;border-right:0.5px solid var(--border-dark);cursor:pointer;transition:background 0.25s}
.asylum-doors .door:last-child{border-right:none}
.asylum-doors .door:hover{background:rgba(245,240,232,0.03)}
.asylum-doors .door:hover .door-arrow{opacity:1;transform:translateX(0)}
.asylum-doors .door-num{font-size:0.6rem;letter-spacing:0.2em;color:rgba(245,240,232,0.2);margin-bottom:1.5rem;display:block}
.asylum-doors .door-title{font-family:'Playfair Display',serif;font-size:1rem;font-weight:400;color:#f5f0e8;margin-bottom:0.5rem;line-height:1.3}
.asylum-doors .door-desc{font-size:0.7rem;line-height:1.6;color:rgba(245,240,232,0.35);font-weight:300}
.asylum-doors .door-arrow{font-size:0.7rem;color:var(--red-light);margin-top:1rem;display:block;opacity:0;transform:translateX(-4px);transition:all 0.2s}

/* CONFESSIONS */
.asylum-confessions{padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}
.section-label{font-size:0.6rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--red-light);margin-bottom:1rem}
.section-title{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:400;color:#f5f0e8;line-height:1.25}
.section-body{font-size:0.85rem;line-height:1.8;color:rgba(245,240,232,0.45);margin-top:1rem;font-weight:300}
.confession{padding:1.5rem 0;border-bottom:0.5px solid var(--border-dark)}
.confession:first-child{border-top:0.5px solid var(--border-dark)}
.c-tag{font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(245,240,232,0.25);margin-bottom:0.5rem;display:block}
.c-text{font-family:'Playfair Display',serif;font-size:0.95rem;font-style:italic;color:rgba(245,240,232,0.65);line-height:1.6}
.c-meta{font-size:0.65rem;color:rgba(245,240,232,0.2);margin-top:0.5rem}

/* ASSESSMENT */
.asylum-assessment{background:#111;border-top:0.5px solid var(--border-dark);border-bottom:0.5px solid var(--border-dark);padding:4rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.archetypes{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.5rem}
.arch-tag{font-size:0.65rem;letter-spacing:0.1em;border:0.5px solid rgba(245,240,232,0.15);padding:0.4rem 0.9rem;color:rgba(245,240,232,0.4);cursor:pointer;transition:all 0.2s;display:inline-block}
.arch-tag:hover{border-color:var(--red-light);color:var(--red-light)}
.assessment-right{text-align:right}
.big-cta{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:400;color:#f5f0e8;line-height:1.2;margin-bottom:1.5rem}
.big-cta em{font-style:italic;color:rgba(245,240,232,0.4)}
.cta-btn{display:inline-block;background:var(--red);color:#f5f0e8;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;padding:1rem 2rem;cursor:pointer;border:none;transition:background 0.2s}
.cta-btn:hover{background:var(--red-light)}
.cta-sub{font-size:0.7rem;color:rgba(245,240,232,0.25);margin-top:0.75rem}

/* CLASSIFIEDS ROW */
.asylum-classifieds-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:0.5px solid var(--border-dark)}
.cat{padding:2rem 1.5rem;border-right:0.5px solid var(--border-dark);cursor:pointer;transition:background 0.2s}
.cat:last-child{border-right:none}
.cat:hover{background:rgba(245,240,232,0.02)}
.cat-tag{font-size:0.55rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--red-light);margin-bottom:0.75rem;display:block}
.cat-title{font-size:0.85rem;color:#f5f0e8;margin-bottom:0.4rem;font-weight:400}
.cat-count{font-size:0.65rem;color:rgba(245,240,232,0.25)}

/* EMAIL BAR */
.asylum-email-bar{padding:3rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:0.5px solid var(--border-dark)}
.email-label{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:400;color:#f5f0e8;max-width:280px;line-height:1.4}
.email-form{display:flex;flex:1;max-width:420px}
.email-input{flex:1;background:transparent;border:0.5px solid rgba(245,240,232,0.2);padding:0.85rem 1.25rem;color:#f5f0e8;font-size:0.8rem;font-family:'Inter',sans-serif;outline:none}
.email-input::placeholder{color:rgba(245,240,232,0.2)}
.email-input:focus{border-color:rgba(245,240,232,0.4)}
.email-submit{background:var(--red);border:none;color:#f5f0e8;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;padding:0.85rem 1.5rem;cursor:pointer;white-space:nowrap}
.email-submit:hover{background:var(--red-light)}

/* FOOTER */
.asylum-footer{padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center}
.footer-logo{font-family:'Playfair Display',serif;font-size:0.85rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(245,240,232,0.3)}
.footer-links{display:flex;gap:1.5rem}
.footer-links a{font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(245,240,232,0.2)}
.footer-social{display:flex;gap:0.75rem}
.social-dot{width:28px;height:28px;border:0.5px solid rgba(245,240,232,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.6rem;color:rgba(245,240,232,0.3);transition:all 0.2s}
.social-dot:hover{border-color:var(--red-light);color:var(--red-light)}

/* WP CONTENT AREA */
.wp-content{padding:3rem 2.5rem;max-width:900px}
.wp-content h2{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:400;color:#f5f0e8;margin-bottom:1rem}
.wp-content p{font-size:0.9rem;line-height:1.8;color:rgba(245,240,232,0.5);margin-bottom:1rem}

@media(max-width:768px){
  .asylum-nav .nav-links{display:none}
  .asylum-doors{grid-template-columns:1fr 1fr}
  .asylum-confessions{grid-template-columns:1fr}
  .asylum-assessment{grid-template-columns:1fr}
  .assessment-right{text-align:left}
  .asylum-classifieds-row{grid-template-columns:1fr 1fr}
  .asylum-email-bar{flex-direction:column;align-items:flex-start}
  .email-form{max-width:100%;width:100%}
  .asylum-footer{flex-direction:column;gap:1.5rem;text-align:center}
}