/*
Theme Name: Petvixa
Theme URI: https://petvixa.store
Author: Petvixa Design Studio
Author URI: https://petvixa.store
Description: Petvixa is an ultra-modern, luxury pet accessories & care WooCommerce WordPress theme engineered for lightning-fast conversions, flawless mobile responsiveness, and high-end eCommerce experiences.
Version: 2.6.0
Requires at least: 6.0
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: petvixa
Tags: e-commerce, custom-colors, custom-menu, featured-images, full-width-template, theme-options, translation-ready, woocommerce
*/

/* ==========================================================================
   2026 Ultra-Modern Design System & CSS Tokens
   ========================================================================== */
:root {
  /* Brand Core Palette */
  --petvixa-primary: #ff6b35 !important; /* Warm, vibrant orange */
  --petvixa-primary-hover: #fa5a1e !important;
  --petvixa-primary-light: rgba(255, 107, 53, 0.1);
  --petvixa-primary-dark: #d44a14;
  --petvixa-secondary: #0f172a !important; /* Sleek dark slate for strong contrast */
  --petvixa-secondary-hover: #1e293b;
  --petvixa-accent: #3b82f6 !important; /* Soft blue accent */
  
  /* Alias tokens for WooCommerce compatibility */
  --pv-primary: var(--petvixa-primary);
  --pv-primary-hover: var(--petvixa-primary-hover);
  --pv-primary-light: var(--petvixa-primary-light);
  --pv-primary-dark: var(--petvixa-primary-dark);
  --pv-secondary: var(--petvixa-secondary);
  --pv-secondary-hover: var(--petvixa-secondary-hover);
  --pv-accent: var(--petvixa-accent);
  
  /* Neutrals & Surfaces - PREMIUM LIGHT MODE */
  --petvixa-bg: #f8fafc !important; /* Clean off-white background */
  --petvixa-surface: #ffffff !important; /* Crisp white for cards/sections */
  --petvixa-surface-alt: #f1f5f9 !important; /* Very light gray for alternate sections */
  --petvixa-border: #e2e8f0;
  --petvixa-border-focus: #ff6b35;
  
  --pv-bg: var(--petvixa-bg);
  --pv-surface: var(--petvixa-surface);
  --pv-surface-alt: var(--petvixa-surface-alt);
  --pv-border: var(--petvixa-border);
  --pv-border-focus: var(--petvixa-border-focus);
  
  /* Text System - PREMIUM LIGHT MODE */
  --petvixa-text-main: #0f172a !important; /* Dark slate for primary text */
  --petvixa-text-muted: #475569 !important;
  --petvixa-text-light: #64748b !important;
  
  --pv-text: var(--petvixa-text-main);
  --pv-muted: var(--petvixa-text-muted);
  --pv-light: var(--petvixa-text-light);
  
  /* Feedback Colors */
  --petvixa-success: #10b981;
  --petvixa-danger: #ef4444;
  --petvixa-warning: #f59e0b;
  --petvixa-info: #3b82f6;
  
  --pv-success: var(--petvixa-success);
  --pv-danger: var(--petvixa-danger);
  --pv-warning: var(--petvixa-warning);
  --pv-info: var(--petvixa-info);

  /* Vibrant Pet Category Palettes & Gradients */
  --pv-dog-grad: linear-gradient(135deg, #ff6b35 0%, #f59e0b 100%);
  --pv-cat-grad: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
  --pv-bird-grad: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);
  --pv-fish-grad: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);
  --pv-small-grad: linear-gradient(135deg, #f43f5e 0%, #fb7185 100%);
  --pv-luxury-grad: linear-gradient(135deg, #ff6b35 0%, #fa5a1e 50%, #d44a14 100%);
  --pv-hero-mesh: radial-gradient(at 0% 0%, rgba(255, 107, 53, 0.05) 0px, transparent 50%),
                  radial-gradient(at 100% 0%, rgba(59, 130, 246, 0.05) 0px, transparent 50%),
                  radial-gradient(at 50% 100%, rgba(16, 185, 129, 0.05) 0px, transparent 50%);
  
  /* Typography */
  --petvixa-font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --petvixa-font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  
  /* Shadows */
  --petvixa-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --petvixa-shadow-sm: 0 2px 8px -2px rgba(15, 23, 42, 0.06);
  --petvixa-shadow-md: 0 8px 24px -4px rgba(15, 23, 42, 0.08);
  --petvixa-shadow-lg: 0 16px 36px -6px rgba(15, 23, 42, 0.12);
  --petvixa-shadow-hover: 0 14px 30px -4px rgba(255, 107, 53, 0.15);
  --pv-glow-primary: 0 0 25px rgba(255, 107, 53, 0.2);
  --pv-glow-cat: 0 0 25px rgba(139, 92, 246, 0.2);
  --pv-glow-bird: 0 0 25px rgba(14, 165, 233, 0.2);
  --pv-glow-fish: 0 0 25px rgba(16, 185, 129, 0.2);
  
  /* Radiuses */
  --petvixa-radius-sm: 8px;
  --petvixa-radius-md: 14px;
  --petvixa-radius-lg: 20px;
  --petvixa-radius-xl: 28px;
  --petvixa-radius-full: 9999px;
  
  /* Transitions */
  --petvixa-transition-fast: 0.15s ease;
  --petvixa-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --petvixa-transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Layout */
  --petvixa-container: 1240px;
  
  /* Safe Area Variables for notch/home bar */
  --pv-sat: env(safe-area-inset-top, 0px);
  --pv-sab: env(safe-area-inset-bottom, 0px);
  --pv-sal: env(safe-area-inset-left, 0px);
  --pv-sar: env(safe-area-inset-right, 0px);
}

/* Global Modern Resets & Mobile Overflow Immunity */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: var(--petvixa-font-main);
  background-color: var(--petvixa-bg);
  color: var(--petvixa-text-main);
  font-weight: 400;
  line-height: 1.6;
  overflow-x: hidden;
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-left: var(--pv-sal);
  padding-right: var(--pv-sar);
}

#page {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

/* Universal Text Containment & Anti-Overflow Protection */
p, h1, h2, h3, h4, h5, h6, span, a, label, li, td, th, div {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

/* Image Fluidity */
img, svg, video, canvas, audio, iframe, embed, object {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Global Link Resets */
a {
  color: inherit;
  text-decoration: none;
  transition: var(--petvixa-transition);
}

/* Form Inputs Reset & iOS Auto-Zoom Prevention */
input, select, textarea, button {
  font-family: inherit;
  font-size: 16px;
  max-width: 100%;
  box-sizing: border-box;
}

@media (min-width: 769px) {
  input, select, textarea, button {
    font-size: inherit;
  }
}

/* ==========================================================================
   Plugin Overrides & Fixes
   ========================================================================== */

/* Push chat widgets up on mobile to avoid overlapping the bottom app bar */
@media (max-width: 768px) {
  /* Tidio, Tawk.to, Crisp, Chaty, WhatsApp, JivoChat, Intercom, Smartsupp, etc. */
  #tidio-chat-iframe, 
  #tidio-chat, 
  .tawk-min-container, 
  iframe[title*="chat widget"], 
  iframe[title*="Tawk"],
  .crisp-client, 
  .chaty-widget, 
  .chaty-in-page, 
  #chaty-widget, 
  .wa__btn_popup, 
  .njt-wa-button, 
  jdiv, 
  #jivo-iframe-container, 
  .intercom-lightweight-app-launcher, 
  .intercom-launcher-frame, 
  #smartsupp-widget-container, 
  .chat-widget, 
  #chat-widget,
  .elfsight-app-whatsapp-chat {
    transform: translateY(-75px) !important;
  }
}