@charset "UTF-8";

/*
Theme Name: Punjabi-Grill Theme
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Punjabi-Grill Theme is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Punjabi-Grill Theme elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Punjabi-Grill Theme WordPress Theme, (C) 2020 WordPress.org
Punjabi-Grill Theme is distributed under the terms of the GNU GPL.
*/


header.header-bg{
    background: #000;
}
header{
    background: #000;
}
#header .box-nav-ul .item-link{
    color: #fff;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor{
	justify-content:center;
}

/* .navbar-brand img{
    width:140px !important;
    height: 140px !important;
} */




/* ================================= gallery page ======================== */
.gallery-img-container {
  height: 330px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.gallery-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease, filter 0.5s ease;
}

/* 👇 New overlay */
/* .gallery-img-container::after {
  content: '';
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(204, 201, 104, 0.6) 0%,
      rgba(245, 214, 193, 0.2) 100%);
  transition: bottom 0.5s ease;
  z-index: 1;
} */

.gallery-img-container {
  position: relative;
  overflow: hidden;
}

.gallery-img-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(235, 230, 222, 0.6);
  transform: scale(0);
  transform-origin: center;
  transition: transform 0.5s ease;
  z-index: 1;
}

.gallery-img-container:hover::after {
  transform: scale(1);
}

.gallery-img-container:hover::after {
  left: 0;
}

.gallery-img-container:hover img {
  transform: scale(1.1);
  filter: brightness(0.8);
}

.gallery-img-container:hover::after {
  bottom: 0;
}

.gallery-hover-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

.gallerysection h2 {
  color: var(--brand-color) !important;
  text-transform: capitalize;
}

.gallery-hover-icon a {
  background-color: #000;
  padding: 10px 15px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  text-decoration: none;
}
.gallery-hover-icon a i {
  font-size: 20px;
}
.gallery-img-container:hover .gallery-hover-icon {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.gallery-carousel .owl-nav {
  margin-top: 40px;
}

.gallery-carousel {
  padding-top: 40px;
}

.gallery-carousel .owl-nav button.owl-prev,
.gallery-carousel .owl-nav button.owl-next {
  background-color: #816528;
  border: none;
  border-radius: 10%;
  width: 42px;
  height: 40px;
  font-size: 18px;
  color: var(--brand-color);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease, transform 0.3s ease;
}

.gallery-carousel .owl-nav button.owl-prev:hover,
.gallery-carousel .owl-nav button.owl-next:hover {
  background-color: var(--brand-color);
  color: white;
  transform: scale(1.1);
}

.gallery-carousel .owl-nav {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.headinggallery {
  border-bottom: 2px solid #816528;
  padding-bottom: 20px;
}

.product-image img{
  object-fit: contain !important;
}





/* child-cat */
.child-categories {
    margin: 30px 0;
}

.child-cat-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.child-cat-box img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.child-cat-box:hover img {
    transform: scale(1.05);
}

.child-cat-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    padding: 10px;
    text-align: center;
}

.child-cat-overlay h5 {
    color: #fff;
    margin: 0;
    font-size: 16px;
}


.child-categories ~ .shop-listing-contentes,
.child-categories ~ .row {
    display: none;
}