/* style.css */
body{
    font-family:Poppins,sans-serif;
    background:#0B0B0B;

}
p{
    margin-bottom: 0px;
}
.badge{
    font-weight: 400;
}
.gig-today{
    box-shadow: 0 6px 36px -10px #ffc10787, inset 0 1px #ffffff38 !important;
}
.gig-today-weekly{
    background: linear-gradient(160deg, #f9c1152e 0%, #f9c1152e 100%) !important;
}

.grain:before{
    content: "";
    z-index: 1;
    pointer-events: none;
    opacity: .05;
    background-image: url('../images/download.svg');
    position: fixed;
    inset: 0;
}
.navbg{
    backdrop-filter: blur(20px);
    background-color: rgba(149, 150, 173, 0.1);
    border-radius: 60px;
    box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 2px 0px inset;
    opacity: 1;
    padding:5px 20px;
    width: 800px !important;
}
.navbg a{color:#FFF !important}
.ashublogo{
    width: 35%;
}
.navbar{transition:.3s; z-index: 99}
.hero{padding:80px 0;
	 background-image: url("../images/hero-banner.png");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 600px;
    background-position: center;
    margin-top: -100px;
}
.title, .subtitle{
    color: #FFF;
}
.hero-image{max-width:100%;border-radius:24px}
.category-btn{
    border:0;
    background:#fff;padding:12px 24px !important;border-radius:30px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin:4px; 
    font-size: 14px;
    text-decoration: none;
    color: #000;
}
.category-btn:hover{
    color: #000;
}
.category-btn.active,.category-btn:hover{background:#000e20}
.category-scroll{
    display:flex;
    gap:15px;
    overflow-x:auto;
    padding:10px 0;
    scroll-behavior:smooth;
    scrollbar-width:none;
}
.category-scroll::-webkit-scrollbar{
    display:none;
}
.category-btn{
    flex:0 0 auto;
    border:none;
    background:#fff;
    padding:14px 28px;
    border-radius:50px;
    white-space:nowrap;
    transition:.3s;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}
.category-btn:hover,
.category-btn.active{
    background: #876226;
background: linear-gradient(90deg, rgba(135, 98, 38, 1) 0%, rgba(214, 165, 86, 1) 50%, rgba(237, 221, 83, 1) 100%);
}
.product-scroll{
    display:flex;
    gap:20px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding-bottom:15px;
    scrollbar-width:none;
}
.product-scroll::-webkit-scrollbar{
    display:none;
}
.product-card{
    flex:0 0 280px;
}
.product-card{border:0;border-radius:12px;overflow:hidden;transition:.3s}
.product-card:hover{transform:translateY(-6px)}
.product-card img{height:220px;object-fit:cover}
.feature-icon{font-size:42px;color:#ffc107;margin-bottom:10px}
.footer{
    color:#fff;
    padding:50px 0 30px 0px;
    margin-top:50px;
    border-top: 1px solid #ffffff0d;
    font-size: 14px;
}
.contentfooter{
    padding: 0px 120px;
}
.contentfooter ul{
    padding: 0px;
    margin: 0px;
}
.contentfooter li{
    list-style: none;
    margin-bottom: 10px;
}
.contentfooter li a{
    text-decoration: none;
    color: #FFF;
}
.contentfooter li a:hover{
    color: #ffc107;
}
.explore-title{
    font-size: 12px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}


.bottom-footer{
    border-top: 1px solid #ffffff0d;
    padding:10px 0px;
    font-size: 12px;
}
.products{
     /*background-color: #000;*/
   /* background-image: url("../images/loginbg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;*/
}
.menu-section{
    /*background:#000e20;*/
  /* background-color: #000;
    background-image: url("../images/loginbg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 600px;
    background-position: center right;*/
}
.card-body-bestSeller{
    backdrop-filter: blur(5px);
    background-color: rgb(224 224 230 / 10%);
    border-radius: 12px;
    /*box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 2px 0px inset;*/
    opacity: 1;
    padding:5px 20px;
    margin-top: -100px;
}
.card-body-bestSeller h5{
    margin: 0px 0px 5px 0px;
    color: #FFF;
    font-size: 16px;
}
.card-body-bestSeller .badge{
    font-weight: 400;
    background: #876226;
    background: linear-gradient(90deg, rgba(135, 98, 38, 1) 0%, rgba(214, 165, 86, 1) 50%, rgba(237, 221, 83, 1) 100%);
    color: #222;
}
.card-body p{
    margin-bottom: 0px;
    font-size: 14px;
}
.price-box{
    padding: 10px 10px;
    /*background-color: #1b1c1d;*/
    border: 1px solid #ffffff14 !important;
    background: linear-gradient(160deg, #ffffff0b 0%, #ffffff04 100%) !important;
    border-radius: 8px;
    margin-top: 15px;
}

.best-seller-menuview {
    font-weight: 400;
    background: #876226;
    background: linear-gradient(90deg, rgba(135, 98, 38, 1) 0%, rgba(214, 165, 86, 1) 50%, rgba(237, 221, 83, 1) 100%);
    color: #222;
    margin: 5px 0px 5px 0px;
}
.spicy-menuview{
     font-weight: 400;
}

.card-body-bestSeller p{
    font-size: 12px;
}
.accordion-item{
    border:none;
    margin-bottom:15px;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border: 1px solid #242424;
    color: #FFF;
    background-color: transparent !important;
}
.accordion-header {
    color: #FFF;
}
.accordion-body{
    max-height: 600px;
    overflow-y: auto;
    background-color: #1b1b1b;
    padding: 15px;
}
.accordion-button{
    font-weight:600;
    font-size:20px;
    padding:16px;
    background:#22262B;
    border-radius: 8px;
    color: #FFF;
}
.accordion-button:not(.collapsed){
    background: #876226;
background: linear-gradient(90deg, rgba(135, 98, 38, 1) 0%, rgba(214, 165, 86, 1) 50%, rgba(237, 221, 83, 1) 100%);
    color:#222;
}
.accordion-button:focus{
    box-shadow:none;
}
.menu-item{
    display:flex;
    align-items:start;
    gap:8px;
    padding:15px 0;
    border-bottom:1px solid #eee;
}
.menu-item:last-child{
    border-bottom:none;
}
.menu-item h5{
    margin-bottom: 0px;
}
.menu-item img{
    width:120px;
    height:120px;
    object-fit:cover;
    border-radius:10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}
.menu-item div{
    flex:1;
}
.menu-item span{
    font-size:20px;
    color:#ffc107;
    font-weight:bold;
    text-align: right;
}
.menu-item p{
    margin-bottom: 0px;
}
.menu-item .badge{
    font-size: 12px;
    font-weight: normal;
    background-color: #ff0000 !important;
    color: #FFF;
}
.menu-item .bestsellerBadge{
    background: linear-gradient(90deg, rgb(135, 98, 38) 0%, rgb(214, 165, 86) 50%, rgb(237, 221, 83) 100%);
}
.hero-section{
    background:#FFF8EE;
    padding:80px 0;
}
.hero-content{
    min-height:600px;
}
.hero-image{
    max-height:500px;
    animation:float 4s ease-in-out infinite;
}
.carousel-indicators [data-bs-target]{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#ffc107;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-color:#ff9800;
    border-radius:50%;
    padding:20px;
}
.hero-slide{
    animation: zoomHero 5s linear infinite;
}


@keyframes zoomHero{
    from{
        transform:scale(1);
    }
    to{
        transform:scale(1.08);
    }
}
@keyframes float{
    0%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
    100%{
        transform:translateY(0);
    }
}
.hero-slider{
    margin-top: -100px;
}
.hero-slide{
    min-height: 700px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden;
    transition:all .5s ease;
}
/* Mobile */
@media(max-width:768px){
    h1{
        font-size: 22px;
    }
    .hero{
        margin-top: 0px;
    }
    .hero-slide{
        height:220px;
        min-height: 220px;
    }
    .hero-slider{
        margin-top: 0px;
    }
    .category-scroll{
        gap: 5px;
    }
    .menu-item{
        padding: 0px 0px 15px 0px;
        border-bottom: 1px solid #252424 !important;
    }
    .menu-item img{
        width:90px;
        height:90px;
        object-fit:cover;
        border-radius:15px;
    }
    .navbar{
        margin: 0px;
        padding: 0px;
    }
    .navbg{
        padding: 5px 20px 15px 20px;
        margin:0px;
        background: #222;
        border-radius: 0px;
        width: 100% !important;
    }
    .menu-item span{
        font-size: 18px;
    }
    .product-heading .heading-bar{
        display: inline-block !important;
    }
    .gig-container{
        width: auto !important;
    }
    .contentfooter{
        padding: 0px 10px !important;
    }
    .gig-title-card{
        font-size: 20px;
        font-weight: 500;
    }
}
.carousel-indicators [data-bs-target]{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#ffc107;
}
.carousel-indicators{
    bottom:20px;
}
.menu-prices{
    margin-top:10px;
}
.price-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:4px 0;
    border-bottom:1px dashed #3b3939;
}
.price-row:last-child{
    border-bottom:none;
}
.category-btn{
    border-radius:40px;
    padding:10px 25px;
    background:#222;
    color:white;
}
.gigcard{
    border: 1px solid #ffffff14 !important;
    background: linear-gradient(160deg, #ffffff0b 0%, #ffffff04 100%) !important;
    border-radius: 20px;
    transition: border-color .3s, transform .3s, box-shadow .3s;
}
.gigcard:hover{
    order-color: #ffc107;
    transform: translateY(-4px);
    box-shadow: 0 24px 60px -24px #1b7cf240;
}
.gigcard:hover .artistname{
    color: #222;
}

.artistname, .gigcard h2{
    color: #ffc107;
}

#previewBox{
    display:none;
    white-space:pre-line;
}
.gradient-button {
  position: relative;
  padding: 8px 24px;
  background: #1d1d1d;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  box-shadow: 0 6px 36px -10px #ffc10787, inset 0 1px #ffffff38;
}
.reserv-btn:hover{

  background: linear-gradient(320deg, rgba(135, 98, 38, 1) 0%, rgba(214, 165, 86, 1) 50%, rgba(237, 221, 83, 1) 100%);
 border-radius: 10px;
  transition: opacity 0.3s ease-in-out;
}


.reserv-btn{
     position: relative;
  padding: 8px 24px;
  background: #1d1d1d;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
}
/* Create the gradient border layer */
.gradient-button::before {
  content: '';
  position: absolute;
  inset: -2px; /* Controls border thickness */
  background: linear-gradient(320deg, rgba(135, 98, 38, 1) 0%, rgba(214, 165, 86, 1) 50%, rgba(237, 221, 83, 1) 100%);
  border-radius: 10px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Reveal gradient on hover */
.gradient-button:hover::before {
  opacity: 1;
}


.gigcard::before {
  content: '';
  position: absolute;
  inset: -5px; 
  background: linear-gradient(320deg, rgba(135, 98, 38, 1) 0%, rgba(214, 165, 86, 1) 50%, rgba(237, 221, 83, 1) 100%);
  border-radius: 10px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Reveal gradient on hover */
.gigcard:hover::before {
  opacity: 1;
}

.gigcard .bg-dark{
    background-color: #111111 !important;
}
.gigcard h5, .gigcard p{
    color: #FFF;
}

.gigcard-scroll{
    display:flex;
    gap:15px;
    overflow-x:auto;
    padding:10px 0;
    scroll-behavior:smooth;
    scrollbar-width:none;
}
.gigcard-scroll::-webkit-scrollbar{
    display:none;
}
.gigcard{
    flex: 0 0 360px;
}

.card{
    background: linear-gradient(160deg, #ffffff0b 0%, #ffffff04 100%) !important;
    border:none;
    border-radius:8px;
    overflow:hidden;
    transition:.3s;
}.card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.4);
}
.card h4{
    font-size: 18px;
    margin: 0px;
}
.btn-primary{
    background:#E67E22;
    border:none;
}
.btn-primary:hover{
    background:#F39C12;
}.card img{
    height:220px;
    object-fit:cover;
}.card:hover img{
    transform:scale(1.08);
}
.card img{
    transition:.5s;
}.form-control{
    background:#2A2D31;
    color:white;
    border:1px solid #444;
}.form-control:focus{
    border-color:#E67E22;
    box-shadow:none;
}.card{
transition:.3s;
}
.btn{
transition:.3s;
}
.nav-link{
transition:.3s;
}

.menu-card{
    color: #FFF;
}
.menu-title{
    font-size: 20px;
}
.price-row{
    font-size: 14px;
}
.price-row strong{
    color: #ffc107;
}

.navbar-toggler{
    border:#FFF 1px solid;
    background: #474747;
}
.today-badge{
    display:inline-block;
    padding:0px 12px;
    background:#ffc107;
    color:#000;
    font-weight:500;
    font-size:.75rem;
    border-radius:30px;
    margin-bottom:5px;
    letter-spacing:1px;
    width: 100%;
    text-align: center;
}

.reservation{
    color: #FFF;
}

.gig-container{
    width: 900px;
}

 .gig-card{
            border-radius:18px;
            overflow:hidden;
            background:white;
            box-shadow:0 10px 20px rgba(0,0,0,.4);
        }
.gig-card .card-body{
    background-color: #222;
}
.gig-image{
    width:100%;
    height:220px;
    object-fit:cover;
}
.date-box{
    background:#111;
    color:white;
    text-align:center;
    padding:15px;
    border-radius:12px;
    min-width:80px;
}
.date-box .month{
    font-size:14px;
    font-weight:bold;
}
.date-box .day{
    font-size:35px;
    font-weight:700;
}
.gig-title{
    color: #FFF;
    font-size: 32px;
    font-weight: 600;
}
.info-item{
    margin-bottom:8px;
    color:#c8c7c7;
}

.gig-title-card{
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
}
.band-name{
    color: #ffc107;
    font-size: 18px;
}

.menu-image {
    transition: transform .3s ease;
}

.menu-image:hover {
    transform: scale(1.03);
}

#modalImage {
    max-height: 80vh;
    object-fit: contain;
}

/* Desktop */
.category-scroll-menu {
    width: 100%;
}

.category-scroll-menu #menuTabs {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: transparent;
}

/* Mobile */
@media (max-width: 767.98px) {

    .category-scroll-menu {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width: 100%;
    }

    .category-scroll-menu::-webkit-scrollbar {
        display: none;
    }

    .category-scroll-menu #menuTabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: max-content;
        gap: 10px;
        padding-bottom: 5px;
    }

    .category-scroll-menu .nav-item {
        flex: 0 0 auto;
    }

    .category-scroll-menu .nav-link {
        white-space: nowrap;
    }
}

.back-to-top{
    position:fixed;
    right:20px;
    bottom:20px;
    width:50px;
    height:50px;
    background:#ffc107;
    color:#000;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    font-size:22px;
    box-shadow:0 5px 15px rgba(0,0,0,.25);
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:.3s ease;
    z-index:1050;
}

.back-to-top:hover{
    background:#ffca2c;
    color:#000;
    transform:translateY(0) scale(1.08);
}

.back-to-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}


#menuImageModal .modal-content, #imageModal .modal-content{
    background:#111;
    border-radius:15px;
}

#menuImageModal .modal-header, #imageModal .modal-header{
    background:#111;
    border-bottom: 0px;
}

#menuImageModal .modal-body, #imageModal .modal-body{
    background:#111;
    padding:20px;
}

/*#modalImage, #imageModal{
    max-height:80vh;
    width:auto;
    max-width:100%;
    object-fit:contain;
    border-radius:12px;
}*/

#menuImageModal .btn-close, #imageModal .btn-close{
    filter:invert(1);
}


.footer-section{
    color:#ddd;
}

.footer-title{
    color:#fff;
    font-weight:700;
    margin-bottom:20px;
}

.footer-heading{
    color:#fff;
    margin-bottom:20px;
    font-weight:600;
}

.footer-text{
    line-height:1.8;
    color:#bfbfbf;
}

.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    color:#ddd;
    font-size: 14px;
}

.footer-contact i{
    color:#ffc107;
    font-size:1.2rem;
    margin-top:3px;
    min-width:22px;
}

.footer-contact a{
    color:#ddd;
    text-decoration:none;
    transition:.3s;
}

.footer-contact a:hover{
    color:#ffc107;
}

.footer-divider{
    border-color:rgba(255,255,255,.15);
    margin:35px 0 20px;
}

.footer-bottom{
    color:#999;
    font-size:.95rem;
}