/* ===========================================================
   Discoteche Roma — tema "Neon Roma" (stylesheet globale)
   =========================================================== */
:root{
  --bg:#0A0A0A; --surface:#161616; --card:#1C1C1E; --card2:#242426;
  --divider:rgba(255,255,255,.08); --rule:rgba(255,255,255,.14);
  --lime:#C6FF00; --pink:#FF1E6F; --green:#34C759; --amber:#FF9F0A; --wa:#25D366;
  --text:#FFFFFF; --mute:#9A9AA0; --dim:#6E6E76;
  --display:'Anton','Bebas Neue',Impact,sans-serif;
  --body:'Inter Tight','Inter',-apple-system,system-ui,sans-serif;
  --maxw:1120px;
}
*{box-sizing:border-box}
html{ -webkit-text-size-adjust:100%; }
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}
body.single-locali{ padding-bottom:84px; }
img{max-width:100%;height:auto;display:block}
a{color:var(--lime);text-decoration:none}
a:hover{color:#fff}
h1,h2,h3{line-height:1.05}
.dr-wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.dr-ico{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.dr-sec-title{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,34px);letter-spacing:.5px;text-transform:uppercase;margin:30px 0 16px}

/* buttons */
.dr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-weight:800;font-size:14px;border:0;border-radius:12px;padding:13px 20px;cursor:pointer;transition:transform .14s,filter .14s;color:#fff}
.dr-btn:hover{transform:translateY(-2px);color:#fff}
.dr-btn-lime{background:var(--lime);color:#0A0A0A!important}
.dr-btn-pink{background:var(--pink)}
.dr-btn-wa{background:var(--wa)}
.dr-btn-out{background:transparent;border:1.5px solid var(--rule);color:#fff}

/* header */
.dr-top{position:sticky;top:0;z-index:60;background:rgba(10,10,10,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--divider)}
.dr-top-in{display:flex;align-items:center;gap:20px;height:64px}
.dr-logo{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:21px;letter-spacing:1px;color:#fff;text-transform:uppercase}
.dr-logo .dot{width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px 1px var(--lime)}
.dr-menu{display:flex;gap:20px;font-size:14px;font-weight:600}
.dr-menu ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.dr-menu a{color:var(--mute)} .dr-menu a:hover,.dr-menu .current-menu-item>a{color:var(--lime)}
.dr-navcta{margin-left:auto;padding:10px 16px}

/* footer */
.dr-footer{border-top:1px solid var(--divider);margin-top:46px;padding:36px 0 0;position:relative;background:#0E0E0E}
.dr-footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--lime),var(--pink))}
.dr-footer-in{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
.dr-footer-brand{max-width:340px;color:var(--mute);font-size:14px}
.dr-footer-nav ul{list-style:none;margin:0;padding:0;columns:2;gap:24px}
.dr-footer-nav a{display:block;color:var(--mute);font-size:14px;padding:4px 0}
.dr-footer-nav a:hover{color:#fff}
.dr-copy{color:var(--dim);font-size:12px;padding-top:22px;padding-bottom:26px}

/* generic page / article */
.dr-page{padding:30px 0}
.dr-content{display:flow-root}
#dr-main .js-wpv-view-layout,#dr-main .wpv-loop,#dr-main .wpv-view-output{width:100%!important;max-width:100%!important;float:none!important;display:flow-root}
.dr-footer{clear:both}
.dr-h1{font-family:var(--display);font-weight:400;font-size:clamp(40px,7vw,84px);line-height:.9;letter-spacing:1px;text-transform:uppercase;margin:0 0 18px}
.dr-content{color:#D7D7DC;font-size:16px}
.dr-content h2,.dr-content h3,.dr-content h4{color:#fff;margin:22px 0 10px}
.dr-content p{margin:0 0 14px}
.dr-content a{color:var(--lime)}
.dr-arch-list{display:flex;flex-direction:column;gap:8px}
.dr-arch-item{display:block;background:var(--card);border:1px solid var(--divider);border-radius:12px;padding:14px 16px;color:#fff;font-weight:700}
.dr-arch-item:hover{border-color:#39393d}

/* shortcode MX helper layout */
.dr-row{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}
.dr-col{flex:1 1 0;min-width:0}
.dr-col-1-2{flex-basis:calc(50% - 9px)} .dr-col-1-3{flex-basis:calc(33.3% - 12px)} .dr-col-2-3{flex-basis:calc(66% - 9px)} .dr-col-1-4{flex-basis:calc(25% - 14px)}
.dr-cta-box{background:var(--card);border:1px solid var(--divider);border-radius:16px;padding:20px;margin:14px 0}

/* ===================== SCHEDA LOCALE ===================== */
.dr-venue-title{font-family:var(--display);font-weight:400;font-size:clamp(52px,10vw,116px);line-height:.86;letter-spacing:1px;text-transform:uppercase;margin:2px 0 10px;color:#fff}
.dr-kicker{font-family:var(--body);font-weight:800;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--lime)}
.dr-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:46vh;background:radial-gradient(120% 90% at 72% 22%, #ff1e6f 0%, #4a0b2a 42%, #0a0507 90%)}
.dr-hero--gallery{min-height:60vh}
.dr-hero-bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:0}
.dr-hero-art{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.12) 0%,rgba(10,10,10,.5) 55%,var(--bg) 100%)}
.dr-hero-in{position:relative;z-index:2;width:100%;padding-bottom:28px;padding-top:40px}
.dr-addr{display:flex;align-items:center;gap:8px;color:#E2DEE8;font-size:15px;font-weight:500;flex-wrap:wrap}
.dr-zona{color:var(--lime);font-weight:800}

.dr-venue-body{padding-top:6px}
.dr-venue-gallery{margin:18px 0 8px}
.dr-booking{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--divider);border-radius:18px;padding:18px;margin:18px 0 8px;flex-wrap:wrap}
.dr-logo-tile{background:#fff;border-radius:14px;padding:12px;flex:0 0 auto}
.dr-logo-tile img{width:120px;height:auto;border-radius:6px}
.dr-booking-main{flex:1;min-width:240px}
.dr-call{font-weight:700;margin-bottom:12px;color:#fff}
.dr-call a{color:var(--lime)}
.dr-cta-row{display:flex;gap:10px;flex-wrap:wrap}

/* gallery carousel (riusa template Toolset -> .dr-gallery) */
.dr-gallery{margin:8px 0 18px}
.dr-gallery:not(.dr-gallery--ready){display:flex;gap:8px;overflow-x:auto}
.dr-gallery:not(.dr-gallery--ready)>img{height:220px;width:auto;border-radius:12px;flex:0 0 auto}
.dr-stage{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--divider);background:#0E0E0E}
.dr-main{width:100%;height:100%;object-fit:cover}
.dr-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(10,10,10,.5);backdrop-filter:blur(8px);color:#fff;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dr-prev{left:12px} .dr-next{right:12px}
.dr-nav:hover{background:var(--lime);color:#0A0A0A}
.dr-count{position:absolute;bottom:12px;right:12px;background:rgba(10,10,10,.6);backdrop-filter:blur(6px);padding:5px 11px;border-radius:999px;font:700 12px var(--body);color:#fff}
.dr-thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.dr-thumb{flex:0 0 auto;width:104px;height:68px;border-radius:10px;overflow:hidden;padding:0;cursor:pointer;border:2px solid transparent;background:none;opacity:.55;transition:.15s}
.dr-thumb img{width:100%;height:100%;object-fit:cover}
.dr-thumb:hover{opacity:1}
.dr-thumb.is-active{opacity:1;border-color:var(--lime);box-shadow:0 0 12px rgba(198,255,0,.45)}

/* eventi (View Toolset riusate): rendere leggibile l'output su dark */
.dr-events .wpv-loop a,.dr-events a{color:var(--lime)}
.dr-events table,.dr-descr table,.dr-content table{width:100%;background:var(--card);border-radius:12px;overflow:hidden;border-collapse:collapse;color:#E4E4E8}
.dr-events td,.dr-events th,.dr-descr td,.dr-content td,.dr-content th{border:1px solid var(--divider);padding:12px 14px}
.table-striped>tbody>tr:nth-child(odd)>td{background:#202024}

/* descrizione */
.dr-descr .dr-content{font-size:16px;line-height:1.7}

/* form gravity */
.dr-form{background:var(--card);border:1px solid var(--divider);border-radius:18px;padding:24px;margin:18px 0}
.dr-form input[type=text],.dr-form input[type=email],.dr-form input[type=tel],.dr-form input:not([type]),.dr-form textarea,.dr-form select{background:#0F0F10!important;border:1px solid var(--rule)!important;color:#fff!important;border-radius:10px!important;padding:12px!important}
.dr-form ::placeholder{color:#7E7E86}
.dr-form label,.dr-form legend{color:#D7D7DC!important}
.dr-form .gform_footer input[type=submit],.dr-form button[type=submit]{background:var(--lime)!important;color:#0A0A0A!important;border:0!important;border-radius:12px!important;font-weight:800!important;padding:13px 24px!important}

/* input scuri ovunque nel main (View/filtri Toolset con campi search bianchi) */
#dr-main input[type=text],#dr-main input[type=search],#dr-main input[type=email],#dr-main input[type=tel],#dr-main input:not([type]),#dr-main textarea,#dr-main select{background:#0F0F10;border:1px solid var(--rule);color:#fff;border-radius:10px;padding:10px}
#dr-main ::placeholder{color:#7E7E86}

/* mappa */
.dr-map-sec{margin:18px 0}

/* sticky booking */
.dr-sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(14,14,14,.94);backdrop-filter:blur(16px);border-top:1px solid var(--rule)}
.dr-sticky-in{display:flex;align-items:center;gap:14px;height:70px}
.dr-sticky-meta{flex:1;min-width:0}
.dr-sticky-meta .l{display:block;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-sticky-meta .t{display:block;font-size:12px;color:var(--mute)}

/* ===== HOME + GRIGLIE + CARD custom (eventi/locali) ===== */
.dr-home-hero{background:radial-gradient(120% 120% at 80% 0%, rgba(255,30,111,.4), rgba(74,11,42,.2) 45%, var(--bg) 90%);padding:54px 0 28px;border-bottom:1px solid var(--divider)}
.dr-home-h1{font-family:var(--display);font-weight:400;font-size:clamp(48px,9vw,108px);line-height:.88;letter-spacing:1px;text-transform:uppercase;margin:6px 0 8px;color:#fff}
.dr-home-sub{color:#D7D7DC;font-size:17px;max-width:620px}
.dr-home{padding:26px 0}
.dr-home-sec{margin-bottom:34px}
.dr-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:8px 0 16px}
.dr-sec-head .dr-sec-title{margin:0}
.dr-all{color:var(--lime);font-weight:700;font-size:13px;white-space:nowrap}
.dr-muted{color:var(--mute)}
.dr-btn-sm{padding:8px 14px;font-size:12.5px;border-radius:9px}
.dr-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 22px}
.dr-chip{padding:9px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--divider);color:var(--mute);font-weight:700;font-size:14px}
.dr-chip:hover{color:#fff}
.dr-chip.is-active{background:var(--lime);color:#0A0A0A;border-color:var(--lime)}
.dr-lead{margin-bottom:18px;color:#CFCDD6;max-width:760px}

.dr-grid{display:grid;gap:16px}
.dr-grid-ev{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.dr-grid-loc{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

.dr-evcard{background:var(--card);border:1px solid var(--divider);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
.dr-evcard:hover{transform:translateY(-3px);border-color:#39393d}
.dr-evcard-media{position:relative;display:block;aspect-ratio:16/10;background:radial-gradient(120% 100% at 70% 30%,#ff1e6f,#4a0b2a 45%,#0a0507 88%)}
.dr-evcard-media img{width:100%;height:100%;object-fit:cover}
.dr-date{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--lime),#9fd400);color:#0A0A0A;border-radius:10px;padding:5px 9px;text-align:center;line-height:1;font-family:var(--body)}
.dr-date b{display:block;font-family:var(--display);font-size:20px}
.dr-date i{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dr-evcard-body{padding:14px 16px;display:flex;flex-direction:column;flex:1}
.dr-evcard-body h3{font-size:16px;font-weight:800;margin:0 0 6px;line-height:1.2}
.dr-evcard-body h3 a{color:#fff}
.dr-evcard-body h3 a:hover{color:var(--lime)}
.dr-evcard-meta{color:var(--mute);font-size:13px;font-weight:500;margin-bottom:12px}
.dr-evcard-meta a{color:var(--lime)}
.dr-evcard-body .dr-btn{margin-top:auto;align-self:flex-start}

.dr-loccard{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--divider);border-radius:14px;padding:12px 14px;transition:transform .15s,border-color .15s}
.dr-loccard:hover{transform:translateY(-2px);border-color:#39393d}
.dr-loccard-logo{width:56px;height:56px;border-radius:10px;background:#fff;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px}
.dr-loccard-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.dr-loccard-info{min-width:0}
.dr-loccard-info .n{display:block;color:#fff;font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-loccard-info .z{display:block;color:var(--lime);font-size:12px;font-weight:600}

/* ===== compat View Toolset (griglia Bootstrap 3 + card) ===== */
#dr-main .row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}
#dr-main .row:before,#dr-main .row:after{display:none;content:none}
#dr-main [class*="col-xs-"],#dr-main [class*="col-sm-"],#dr-main [class*="col-md-"],#dr-main [class*="col-lg-"]{float:none;padding-left:10px;padding-right:10px;width:100%}
@media(min-width:768px){
  #dr-main .col-sm-3{width:25%}#dr-main .col-sm-4{width:33.333%}#dr-main .col-sm-6{width:50%}#dr-main .col-sm-8{width:66.667%}#dr-main .col-sm-9{width:75%}#dr-main .col-sm-12{width:100%}
}
@media(min-width:992px){
  #dr-main .col-md-3{width:25%}#dr-main .col-md-4{width:33.333%}#dr-main .col-md-6{width:50%}#dr-main .col-md-8{width:66.667%}#dr-main .col-md-9{width:75%}#dr-main .col-md-12{width:100%}
}
/* card delle View (eventi/locali) in Neon */
#dr-main .card{background:var(--card)!important;border:1px solid var(--divider)!important;border-radius:16px!important;overflow:hidden;margin-bottom:18px;box-shadow:none!important;transition:transform .15s,border-color .15s}
#dr-main .card:hover{transform:translateY(-3px);border-color:#39393d}
#dr-main .card img{width:100%;height:auto;display:block}
#dr-main .card .card-content,#dr-main .card-content{padding:14px 16px!important;color:#D7D7DC!important;background:transparent!important}
#dr-main .card-content h1,#dr-main .card-content h2,#dr-main .card-content h3,#dr-main .card-content h4,#dr-main .card a,#dr-main .card-content a{color:#fff!important}
#dr-main .card a:hover{color:var(--lime)!important}
#dr-main .card .data,#dr-main .card .date,#dr-main .card time{color:var(--lime)!important;font-weight:700}
/* contenitori layout View */
#dr-main .js-wpv-view-layout,#dr-main .wpv-view-output{color:#D7D7DC}
#dr-main h3{color:#fff}

@media(max-width:860px){
  .dr-menu{display:none}
  .dr-row{flex-direction:column}
  .dr-col-1-2,.dr-col-1-3,.dr-col-2-3,.dr-col-1-4{flex-basis:auto}
  .dr-venue-title{font-size:60px}
  .dr-footer-in{flex-direction:column}
}
