/*
Theme Name: Annapoorna Native
Theme URI: https://testannapoorna.hiraya.digital
Author: Badal Sharma / Hiraya Digital
Description: High-performance, pixel-identical native WordPress theme for Annapoorna Restaurant. Fully decoupled from Elementor page builder.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: annapoorna-native
*/

:root {
  --color-primary-saffron: #D9531E;
  --color-deep-amber: #B33D10;
  --color-gold-accent: #FFB300;
  --color-gold-soft: #FFF8E1;
  --color-bg-warm: #FAF7F2;
  --color-surface: #FFFFFF;
  --color-text-dark: #1E2229;
  --color-text-muted: #64748B;
  --color-border-subtle: #EAE4DC;
  
  --font-heading: 'Marcellus', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  --font-accent: 'Poppins', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  color: var(--color-text-dark);
  background-color: var(--color-bg-warm);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
}

/* Ensure invisible Elementor elements are visible in native theme */
.elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Global SVG Sizing for Elementor Icons */
.e-font-icon-svg {
  width: 1em;
  height: 1em;
  display: inline-block;
}

.elementor-search-form__toggle svg,
.elementor-search-form svg {
  width: 16px;
  height: 16px;
}

.elementor-social-icon svg {
  width: 16px;
  height: 16px;
}

.e-toggle-cart-custom-icon {
  width: 18px;
  height: 18px;
}

/* Hide side-cart modal drawer unless explicitly triggered */
.elementor-menu-cart__container,
.elementor-menu-cart__main {
  display: none !important;
}

.elementor-menu-cart__container.elementor-menu-cart--shown,
.elementor-menu-cart__main.elementor-menu-cart--shown {
  display: flex !important;
}

/* Off-canvas Mobile/Desktop Drawer Panel */
.ekit-sidebar-group:not(.active),
#ekit-offcanvas-76c3d2a:not(.active) {
  display: none !important;
}

.ekit-sidebar-group.active,
#ekit-offcanvas-76c3d2a.active {
  display: block !important;
  position: fixed !important;
  top: 0;
  right: 0 !important;
  width: 320px;
  max-width: 85vw;
  height: 100vh;
  z-index: 999999;
  background: #ffffff;
  box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15);
}

.ekit_offcanvas-sidebar {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ekit_offcanvas-sidebar i.icon-burger-menu {
  font-size: 26px;
  color: #1E2229;
}

/* Hide modal search close button when search modal is inactive */
.dialog-lightbox-close-button,
.dialog-close-button {
  display: none !important;
}

/* Fix Elementor Search Form full-screen overlay popup */
.elementor-search-form--skin-full_screen .elementor-search-form__container:not(.active) {
  display: none !important;
}

/* Chitale Bandhu Feature Box radial gradient & 2-column layout */
.elementor-element.elementor-element-7359829,
.elementor-431 .elementor-element.elementor-element-7359829 {
  background-image: radial-gradient(circle at center, #4C9C38 0%, #20650E 100%) !important;
  background-color: #20650E !important;
  border-radius: 20px !important;
  position: relative !important;
}

/* Chitale left product graphic and lock carousel slide to avoid vertical stretch */
.elementor-element.elementor-element-c0244dd {
  background-image: url("/wp-content/uploads/2024/07/shape_2-transformed.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.elementor-element.elementor-element-eeb2c93 .elementor-image-carousel {
  display: flex !important;
  max-height: 470px !important;
  overflow: hidden !important;
}

.elementor-element.elementor-element-eeb2c93 .swiper-slide:not(:first-child) {
  display: none !important;
}

.elementor-element.elementor-element-eeb2c93 .swiper-slide-image {
  max-height: 465px !important;
  width: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* Menu Page Price List & Category Pills Cleanup */
.elementor-price-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-price-list li {
  list-style: none !important;
}

.elementor-price-list__item {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
}

.elementor-price-list__separator {
  flex-grow: 1 !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  border-bottom-style: dotted !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #d1d5db !important;
}

/* Hide blocking popup/lightbox overlays */
.dialog-widget,
.dialog-type-lightbox,
.elementor-popup-modal,
.dialog-backdrop {
  display: none !important;
}

/* Hide domain-locked reCAPTCHA error banner on staging */
.elementor-field-type-recaptcha {
  display: none !important;
}

/* Native Elementor Gallery Grid Styling */
.elementor-widget-gallery .elementor-gallery__container {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 15px !important;
  padding: 20px 0 !important;
}

@media (max-width: 1024px) {
  .elementor-widget-gallery .elementor-gallery__container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  .elementor-widget-gallery .elementor-gallery__container {
    grid-template-columns: 1fr !important;
  }
}

.elementor-gallery-item {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  display: block !important;
  aspect-ratio: 1 / 1 !important;
}

.elementor-gallery-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
}

.e-gallery-image {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}