/*
Theme Name: Black Tape Full Editable V7
Theme URI: https://example.com/black-tape
Author: ChatGPT
Description: Fully Elementor-editable Black Tape theme: editable text, images, release cards, video section, and audio/link placeholders.
Version: 7.0.0
License: GPL-2.0-or-later
Text Domain: black-tape-full-editable-v7
Tags: elementor, music, dark, entertainment
*/

:root{
  --bt-bg:#030303;
  --bt-text:#ffffff;
  --bt-muted:#a9a9a9;
  --bt-accent:#c84b40;
  --bt-line:#202020;
}
html{scroll-behavior:smooth}
body{margin:0;background:#030303;color:#fff;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

.bt-container{width:min(1180px,92%);margin:auto}
.bt-header{
  background:#050505;
  border-bottom:1px solid rgba(255,255,255,.09);
  height:78px;
  display:flex;
  align-items:center;
  position:relative;
  z-index:99;
}
.bt-header-inner{
  width:min(1180px,92%);
  margin:auto;
  display:grid;
  grid-template-columns:170px 1fr 170px 50px;
  align-items:center;
}
.bt-logo{
  display:inline-block;
  width:max-content;
  background:#ededed;
  color:#050505;
  padding:4px 8px;
  font-size:21px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-1px;
  transform:rotate(-1deg);
}
.bt-nav ul{display:flex;gap:32px;justify-content:center;list-style:none;margin:0;padding:0}
.bt-nav a{text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:1.1px}
.bt-nav a:hover,.bt-nav li:first-child a{border-bottom:2px solid var(--bt-accent);padding-bottom:8px}
.bt-icons{display:flex;justify-content:flex-end;gap:18px;font-size:15px}
.bt-menu-toggle{text-align:right;font-size:30px;line-height:1}

/* Elementor helper classes */
.bt-section{background:#030303;border-bottom:1px solid var(--bt-line)}
.bt-container-1180 > .elementor-container{max-width:1180px!important}
.bt-full > .elementor-container{max-width:100%!important}
.bt-zero-img img{display:block;width:100%;height:auto}
.bt-hero-wrap{
  position:relative;
  min-height:650px;
  overflow:hidden;
  background:#040404;
}
.bt-hero-image{
  position:absolute;
  inset:0;
  z-index:0;
}
.bt-hero-image img{
  width:100%!important;
  height:650px!important;
  object-fit:cover!important;
  object-position:center top!important;
  display:block!important;
  filter:brightness(.72) contrast(1.1);
}
.bt-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.06) 60%,rgba(0,0,0,.35));
  z-index:1;
  pointer-events:none;
}
.bt-z{position:relative;z-index:3}
.bt-brand-stamp .elementor-heading-title{
  display:inline-block!important;
  background:#ececec!important;
  color:#050505!important;
  padding:4px 10px!important;
  transform:rotate(-1.5deg);
  font-size:31px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-1px!important;
}
.bt-big-tape .elementor-heading-title{
  color:#090909!important;
  font-family:Impact,Arial Black,Arial,sans-serif!important;
  font-size:clamp(92px,16vw,210px)!important;
  line-height:.78!important;
  letter-spacing:-7px!important;
  text-transform:uppercase!important;
  -webkit-text-stroke:2px rgba(255,255,255,.34);
  text-shadow:0 0 1px rgba(255,255,255,.5),0 24px 65px rgba(0,0,0,.92);
}
.bt-hero-copy{
  text-transform:uppercase;
  color:#f0f0f0;
  font-size:20px;
  line-height:1.38;
  font-weight:700;
}
.bt-outline .elementor-button{
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.95)!important;
  border-radius:0!important;
  padding:15px 23px!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  letter-spacing:.9px!important;
}
.bt-outline .elementor-button:hover{background:#fff!important;color:#000!important}
.bt-kicker .elementor-heading-title{
  color:var(--bt-accent)!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:1.8px!important;
}
.bt-title .elementor-heading-title{
  color:#fff!important;
  text-transform:uppercase!important;
  font-size:32px!important;
  line-height:1.1!important;
  font-weight:1000!important;
}
.bt-copy{
  color:#a9a9a9!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.bt-img-frame img{
  border:1px solid rgba(255,255,255,.1);
  filter:brightness(.76) contrast(1.08);
  box-shadow:0 25px 65px rgba(0,0,0,.45);
}
.bt-release-box{
  background:linear-gradient(180deg,#171717,#080808);
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
  padding:16px;
  min-height:320px;
  transition:.25s;
}
.bt-release-box:hover{transform:translateY(-7px);border-color:rgba(200,75,64,.75);box-shadow:0 24px 65px rgba(0,0,0,.45)}
.bt-release-img img{width:100%!important;border-radius:2px!important;display:block!important}
.bt-release-title .elementor-heading-title{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.bt-video-shell{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,#151515,#050505);
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.bt-video-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.07),transparent 45%);
}
.bt-video-shell span{
  position:relative;
  width:82px;
  height:82px;
  border:2px solid #fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  background:rgba(0,0,0,.4);
}
.bt-form{display:flex;max-width:340px;height:52px;border:1px solid rgba(255,255,255,.15)}
.bt-form input{flex:1;background:#070707;border:0;color:#fff;padding:0 16px;font-size:13px}
.bt-form button{width:56px;background:var(--bt-accent);border:0;color:#fff;font-size:24px}
.bt-socials{letter-spacing:13px;color:#fff;font-size:16px}
.bt-copyright{background:#020202;color:#777;text-align:center;font-size:11px;padding:16px}
.bt-page-main{padding:90px 0;min-height:60vh}

@media(max-width:900px){
  .bt-header-inner{grid-template-columns:1fr auto}
  .bt-nav,.bt-icons{display:none}
  .bt-hero-wrap{min-height:560px}
  .bt-hero-image img{height:560px!important}
  .bt-big-tape .elementor-heading-title{letter-spacing:-3px!important}
}