/*
Theme Name: File Download
Theme URI: https://example.com/file-download
Author: Grok Theme
Author URI: https://x.ai
Description: A modern, bilingual (English/Persian) WordPress theme for digital file downloads with full WooCommerce support, Elementor compatibility, dark/light mode, Vue.js interactivity and Tailwind CSS. Optimized for latest WordPress 6.0+.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: file-download
Domain Path: /languages
Tags: e-commerce, woocommerce, custom-menu, featured-images, translation-ready, rtl-language-support, dark-mode, block-styles, wide-blocks, elementor
*/

/* ============================================================
   Base CSS Variables & Fallbacks
   Tailwind CDN (cdn.tailwindcss.com) provides all utility classes.
   These variables and rules act as progressive enhancement / fallbacks.
   ============================================================ */

:root {
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --bg: #ffffff;
  --text: #1f2937;
  --card-bg: #f9fafb;
  --border: #e5e7eb;
  --radius: 0.75rem;
}

.dark {
  --bg: #0f172a;
  --text: #f1f5f9;
  --card-bg: #1e293b;
  --border: #334155;
}

body {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Inter', 'Vazirmatn', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin: 0;
  line-height: 1.6;
}

/* RTL support */
[dir="rtl"] {
  font-family: 'Vazirmatn', 'Inter', system-ui, sans-serif;
}

/* Basic layout helpers if Tailwind not yet loaded */
.container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Accessibility */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f5f9;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Focus visible for keyboard users */
:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}