/*
Theme Name: Sharm Elite Tours
Theme URI: https://sharmelite.com
Author: Sharm Elite
Author URI: https://sharmelite.com
Description: Premium, ultra-fast, bilingual (EN/RU) custom WordPress theme for Sharm El Sheikh excursions. Built for perfect Core Web Vitals, Yandex + Google SEO, and high-converting lead generation.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sharm-elite
Tags: tourism, excursions, sharm-el-sheikh, bilingual, seo-optimized, core-web-vitals, responsive, whatsapp-booking

/*
 * THEME PREVIEW IMAGE (screenshot.png)
 * 
 * Recommended size: 1200 × 900 pixels (exactly)
 * 
 * How to add:
 * 1. Create a beautiful screenshot of the homepage (hero + excursions grid + booking section)
 * 2. Save it as "screenshot.png" in the theme root folder
 * 3. Re-zip and upload — it will appear as the theme preview in Appearance → Themes
 * 
 * Tip: Use your browser dev tools or a tool like Responsively App to capture a clean 1200x900 preview.
 */
*/

/* Tailwind CSS via Play CDN - Modern, lightweight, zero build step */
@import url('https://tailwindcss.com/docs/installation/play-cdn');

/* Critical custom styles for tourism branding */
:root {
  --primary: #0ea5e9;
  --accent: #f59e0b;
  --dark: #0f172a;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  line-height: 1.6;
}

/* Smooth tourism animations */
.excursion-card {
  transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);
}

.excursion-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 25px 50px -12px rgb(15 23 42 / 0.15);
}

/* Fast loading hero */
.hero-bg {
  background-image: linear-gradient(rgba(15, 23, 42, 0.65), rgba(15, 23, 42, 0.55)), url('https://picsum.photos/id/1015/2000/1200');
  background-size: cover;
  background-position: center;
}

/* Language switcher */
.lang-switch {
  display: flex;
  gap: 4px;
}

.lang-switch a {
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s;
}

.lang-switch a.active {
  background: #0ea5e9;
  color: white;
}