/*
Theme Name: Cafe Chai Wala AK UK
Theme URI: https://chaayekhanauk.com
Author: Dawn & Antigravity
Author URI: https://chaayekhanauk.com
Description: A modern, luxury, responsive WordPress theme crafted for Cafe Chai Wala AK UK. Built with HTML5, Tailwind CSS, and Vanilla JS, featuring full Elementor page builder compatibility, customizable video hero, and customizer controls.
Version: 1.0.3
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cafe-chai-wala-ak-uk
Tags: one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

/* Core Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #111010;
}
::-webkit-scrollbar-thumb {
  background: #282728;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D54E30;
}

/* Nav Link Underline Effect */
.nav-link {
  position: relative;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #D54E30;
  transition: width 0.25s ease-in-out;
}
.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}

/* Tea Card Smooth Lift */
.tea-card {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.tea-card:hover {
  transform: translateY(-4px);
  border-color: #D54E30;
  box-shadow: 0 12px 30px -10px rgba(213, 78, 48, 0.15);
}

/* Scroll To Top Button */
#scrollToTopBtn {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
#scrollToTopBtn.show {
  opacity: 1;
  visibility: visible;
}

/* ==========================================================================
   Elementor Full Width & Sticky Header Overrides
   ========================================================================== */
/* Ensure Elementor Hero and Header Sections stretch full bleed */
.elementor-section.elementor-section-full_width,
.elementor-section[data-element_type="section"]:has(.elementor-widget-chai_hero_video),
.elementor-section[data-element_type="section"]:has(.elementor-widget-chai_header_sticky) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor-section:has(.elementor-widget-chai_hero_video) > .elementor-container,
.elementor-section:has(.elementor-widget-chai_header_sticky) > .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.elementor-section:has(.elementor-widget-chai_hero_video) .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor-section:has(.elementor-widget-chai_header_sticky) .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding: 0 !important;
}

/* Sticky Header positioning */
header#siteHeader {
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

header#siteHeader.site-header-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.7) !important;
  background-color: rgba(17, 16, 16, 0.98) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #282728 !important;
  animation: headerSlideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes headerSlideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Fix Elementor body margin reset */
body.home {
  margin: 0 !important;
  padding: 0 !important;
}