/*
Theme Name: Doris Sandals
Theme URI: https://dorissandals.ir
Author: Doris Handcrafted Leather
Author URI: https://dorissandals.ir
Description: یک پوسته اختصاصی، لوکس، ادیتوریال و مینیمال وردپرس برای فروشگاه صندل چرم طبیعی و کفش‌های دست‌ساز دست‌دوز زنانه و مردانه با پشتیبانی کامل از زبان فارسی و راست‌چین (RTL)، سبد خرید کشویی، پیش‌نمایش سریع محصول، راهنمای انتخاب سایز، لوک‌بوک تعاملی و طراحی واکنشی مدرن.
Version: 2.0.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: doris-sandals
Domain Path: /languages
Tags: e-commerce, custom-menu, featured-images, flexible-header, full-width-template, rtl-language-support, right-to-left, grid-layout, footer-widgets, translation-ready
*/

/* ==========================================================================
   Doris Sandals - Base Reset & Font Configurations
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Vazirmatn:wght@100..900&display=swap');

:root {
  --doris-bg: #FAF9F6;
  --doris-surface: #FFFFFF;
  --doris-card: #F4F1EA;
  --doris-border: #E8E5DF;
  --doris-text: #1A1817;
  --doris-muted: #777066;
  --doris-accent: #8B4513;
  --doris-accent-hover: #70380E;
  --doris-sand: #E8DCC4;
  --doris-tan: #D27D2D;
  --doris-black: #1C1917;
  --doris-font-sans: 'Vazirmatn', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --doris-font-logo: 'Bodoni Moda', 'Playfair Display', Georgia, serif;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: var(--doris-font-sans);
  background-color: var(--doris-bg);
  color: var(--doris-text);
  direction: rtl;
  text-align: right;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; /* position:fixed elements (modals, drawers) escape body's overflow-x, so this must live on html to actually stop page-wide horizontal scroll */
}

body {
  background-color: var(--doris-bg);
  color: var(--doris-text);
  line-height: 1.6;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

::selection {
  background-color: var(--doris-sand);
  color: var(--doris-text);
}

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

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

button, input, select, textarea {
  font-family: inherit;
  color: inherit;
}

.font-logo {
  font-family: var(--doris-font-logo);
  font-weight: 800;
  letter-spacing: -0.02em;
}