/*
Theme Name: Oxinazin Theme
Theme URI: https://oxinazin.com/
Author: OpenAI
Description: A modern RTL WooCommerce and Elementor-ready WordPress theme inspired by the visual language of Oxinazin.
Version: 1.0.0
Requires at least: 7.0
Requires PHP: 8.3
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oxinazin-theme
Tags: rtl-language-support, e-commerce, elementor, woocommerce, custom-logo, custom-menu, featured-images, translation-ready
*/

:root {
  --oxi-charcoal: #363333;
  --oxi-charcoal-2: #45413d;
  --oxi-beige: #eccd9c;
  --oxi-beige-2: #f4d5a2;
  --oxi-sand: #d4c6a5;
  --oxi-taupe: #b9aa90;
  --oxi-olive: #c5c3a9;
  --oxi-gray: #77736c;
  --oxi-border: #e7dfd2;
  --oxi-white: #fff;
  --oxi-text: #343434;
  --oxi-muted: #777;
  --oxi-radius: 0;
  --oxi-shadow: 0 8px 30px rgba(54,51,51,.10);
  --oxi-container: 1440px;
}

html { scroll-behavior: smooth; }
body {
  margin: 0;
  direction: rtl;
  background: #fff;
  color: var(--oxi-text);
  font-family: "IRANYekan", "IRANYekanX", Tahoma, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.9;
}
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.container { width: min(100% - 32px, var(--oxi-container)); margin-inline: auto; }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Header */
.oxi-topbar {
  background: #fff;
  min-height: 68px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.oxi-topbar-inner {
  display: grid;
  grid-template-columns: 1fr minmax(300px, 520px) 1fr;
  align-items: center;
  gap: 20px;
}
.oxi-top-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  justify-content: flex-start;
}
.oxi-top-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4e4a45;
  font-size: 14px;
  transition: .2s ease;
}
.oxi-top-action:hover { color: var(--oxi-charcoal); }
.oxi-icon { width: 22px; height: 22px; display: inline-flex; }
.oxi-search {
  display: flex;
  align-items: center;
  background: #f5f5f4;
  height: 42px;
  padding: 0 14px;
}
.oxi-search input {
  border: 0;
  outline: 0;
  background: transparent;
  width: 100%;
  color: #555;
}
.oxi-search button {
  border: 0; background: transparent; cursor: pointer; color: #777;
}

.oxi-mainnav {
  background: var(--oxi-charcoal);
  color: #fff;
}
.oxi-mainnav-inner {
  min-height: 70px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.oxi-brand {
  display: flex;
  align-items: center;
  min-width: 260px;
  padding-inline: 24px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  letter-spacing: 1px;
  color: #fff;
  white-space: nowrap;
}
.oxi-brand img { max-height: 48px; width: auto; }
.oxi-menu {
  display: flex;
  align-items: stretch;
  flex: 1;
}
.oxi-menu > ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: stretch;
}
.oxi-menu li { position: relative; }
.oxi-menu > ul > li > a {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  font-size: 14px;
  border-inline-start: 1px solid rgba(255,255,255,.08);
  transition: .2s ease;
}
.oxi-menu > ul > li:nth-child(1) > a { background: #d4d0b8; color: #222; }
.oxi-menu > ul > li:nth-child(2) > a { background: #efc987; color: #222; }
.oxi-menu > ul > li:nth-child(3) > a { background: #edc39e; color: #222; }
.oxi-menu > ul > li:nth-child(4) > a { background: #d8c49e; color: #222; }
.oxi-menu > ul > li:nth-child(5) > a { background: #c5b89e; color: #222; }
.oxi-menu > ul > li:nth-child(6) > a { background: #b2a792; color: #222; }
.oxi-menu > ul > li:nth-child(7) > a { background: #7b766d; }
.oxi-menu > ul > li:nth-child(8) > a { background: #5d5952; }
.oxi-menu > ul > li > a:hover { filter: brightness(.95); }
.oxi-menu .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 230px;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  background: var(--oxi-charcoal);
  z-index: 1000;
  box-shadow: var(--oxi-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: .2s ease;
}
.oxi-menu li:hover > .sub-menu,
.oxi-menu li:focus-within > .sub-menu {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.oxi-menu .sub-menu a {
  display: block;
  padding: 11px 18px;
  color: #fff;
  font-size: 13px;
}
.oxi-menu .sub-menu a:hover { background: #45413d; }

.oxi-mobile-toggle {
  display: none;
  border: 0; background: transparent; color: #fff; cursor: pointer;
  padding: 10px;
}

/* Hero */
.oxi-hero {
  position: relative;
  overflow: hidden;
  min-height: 620px;
  background:
    radial-gradient(circle at 15% 25%, rgba(255,255,255,.35), transparent 22%),
    linear-gradient(90deg, #f0d09e 0%, #eccd9c 55%, #f4d5a2 100%);
}
.oxi-hero::after {
  content: "";
  position: absolute;
  left: -100px;
  bottom: -180px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(34,116,145,.85);
  box-shadow: 160px -40px 0 rgba(60,49,45,.92);
  opacity: .92;
}
.oxi-hero-inner {
  position: relative;
  z-index: 2;
  min-height: 620px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 40px;
}
.oxi-hero-copy { padding: 50px; }
.oxi-kicker {
  display: inline-block;
  padding: 8px 20px;
  background: #fff;
  font-size: 18px;
  margin-bottom: 18px;
}
.oxi-hero h1 {
  display: inline-block;
  background: rgba(255,255,255,.96);
  border: 4px solid #fff;
  padding: 18px 28px;
  margin: 0 0 18px;
  font-size: clamp(32px, 5vw, 64px);
  line-height: 1.25;
  font-weight: 800;
}
.oxi-hero p {
  display: inline-block;
  background: rgba(236,205,156,.94);
  border: 4px solid #fff;
  padding: 14px 24px;
  font-size: clamp(20px, 2.3vw, 34px);
  margin: 0;
  font-weight: 700;
}
.oxi-hero-art { min-height: 430px; position: relative; }
.oxi-bottle {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  width: 190px;
  height: 410px;
  border-radius: 45px 45px 28px 28px;
  background: linear-gradient(90deg,#281f1b,#4a3024 50%,#241b18);
  box-shadow: 25px 25px 35px rgba(0,0,0,.2);
}
.oxi-bottle::before {
  content: "";
  position: absolute; top: -80px; left: 55px;
  width: 80px; height: 100px; border-radius: 15px 15px 5px 5px;
  background: linear-gradient(90deg,#191919,#444,#181818);
}
.oxi-bottle::after {
  content: "OXINAZIN";
  position: absolute; left: 18px; right: 18px; top: 160px;
  padding: 18px 5px; text-align: center;
  color: #dfc68d; border: 1px solid #a98d4e;
  font-family: Georgia, serif; font-size: 17px; letter-spacing: 1px;
}

/* Sections */
.oxi-section { padding: 70px 0; }
.oxi-section--sand { background: #f8f2e8; }
.oxi-section-title {
  text-align: center;
  margin: 0 0 36px;
  font-size: 30px;
  color: var(--oxi-charcoal);
}
.oxi-section-title span {
  display: inline-block;
  border-bottom: 3px solid var(--oxi-beige);
  padding-bottom: 8px;
}
.oxi-grid { display: grid; gap: 24px; }
.oxi-grid-4 { grid-template-columns: repeat(4, 1fr); }
.oxi-card {
  background: #fff;
  border: 1px solid var(--oxi-border);
  padding: 20px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.oxi-card:hover { transform: translateY(-4px); box-shadow: var(--oxi-shadow); }
.oxi-card-media { aspect-ratio: 1 / 1; background: #f6f1e8; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.oxi-card-media img { width:100%; height:100%; object-fit:cover; }
.oxi-card h3 { margin: 14px 0 6px; font-size: 17px; }
.oxi-price { font-weight: 700; color: #6d5a3f; }

/* WooCommerce */
.woocommerce .site-main, .woocommerce-page .site-main { padding: 50px 0; }
.woocommerce ul.products { margin: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display:none !important; }
.woocommerce ul.products li.product {
  width: auto !important; margin: 0 !important; padding: 0 0 18px !important;
  border: 1px solid var(--oxi-border); background:#fff; text-align:right;
}
.woocommerce ul.products li.product a img { margin:0 !important; width:100%; aspect-ratio:1/1; object-fit:cover; background:#f6f1e8; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 14px 16px 0 !important; font-size: 16px !important; }
.woocommerce ul.products li.product .price { padding: 0 16px; color:#6d5a3f !important; font-weight:700; }
.woocommerce ul.products li.product .button {
  margin: 12px 16px 0 !important; background: var(--oxi-charcoal) !important; color:#fff !important;
  border-radius:0 !important;
}
.woocommerce span.onsale { background: var(--oxi-charcoal) !important; border-radius:0 !important; }
.woocommerce div.product .product_title { font-size: 30px; }
.woocommerce button.button, .woocommerce a.button, .woocommerce input.button {
  border-radius: 0 !important; background: var(--oxi-charcoal) !important; color:#fff !important;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: var(--oxi-beige) !important; }

/* Footer */
.oxi-footer { background: var(--oxi-charcoal); color:#fff; }
.oxi-footer-main { padding: 58px 0; }
.oxi-footer-grid { display:grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap:40px; }
.oxi-footer h3 { color:#fff; margin-top:0; font-size:18px; }
.oxi-footer ul { list-style:none; padding:0; margin:0; }
.oxi-footer li { margin:7px 0; color:#ddd; }
.oxi-footer a:hover { color:var(--oxi-beige); }
.oxi-footer-bottom { border-top:1px solid rgba(255,255,255,.12); padding:18px 0; color:#ccc; font-size:13px; }

.oxi-floating-call {
  position: fixed; z-index: 9999; left: 22px; bottom: 22px;
  width: 60px; height:60px; border-radius:50%;
  background: var(--oxi-charcoal); color:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow: 0 5px 18px rgba(0,0,0,.25); border:3px solid rgba(255,255,255,.3);
}

.oxi-breadcrumbs { padding: 15px 0; color:#777; font-size:13px; }
.oxi-content { padding: 50px 0; }
.oxi-content img { height:auto; }
.oxi-content table { width:100%; border-collapse:collapse; }
.oxi-content th, .oxi-content td { border:1px solid #e7dfd2; padding:10px; }

@media (max-width: 1100px) {
  .oxi-menu > ul > li > a { padding-inline: 13px; font-size: 12px; }
  .oxi-brand { min-width: 210px; font-size: 29px; }
  .oxi-grid-4, .woocommerce ul.products { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 900px) {
  .oxi-topbar-inner { grid-template-columns: 1fr; padding: 10px 0; }
  .oxi-top-actions { order: 3; justify-content:center; }
  .oxi-mainnav-inner { min-height:64px; }
  .oxi-mobile-toggle { display:block; }
  .oxi-menu {
    position:absolute; right:0; left:0; top:132px; background:var(--oxi-charcoal);
    display:none; z-index:999;
  }
  .oxi-menu.is-open { display:block; }
  .oxi-menu > ul { display:block; }
  .oxi-menu > ul > li > a { min-height:48px; justify-content:flex-start; }
  .oxi-menu .sub-menu { position:static; opacity:1; visibility:visible; transform:none; display:none; box-shadow:none; }
  .oxi-menu li.menu-item-has-children:hover > .sub-menu { display:block; }
  .oxi-hero-inner { grid-template-columns:1fr; min-height:auto; padding:45px 0; }
  .oxi-hero-copy { padding:20px; text-align:center; }
  .oxi-hero-art { min-height:360px; }
  .oxi-grid-4, .woocommerce ul.products { grid-template-columns: repeat(2,1fr); }
  .oxi-footer-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 560px) {
  .container { width:min(100% - 22px, var(--oxi-container)); }
  .oxi-brand { min-width:auto; font-size:25px; }
  .oxi-grid-4, .woocommerce ul.products { grid-template-columns:1fr; }
  .oxi-footer-grid { grid-template-columns:1fr; }
  .oxi-hero { min-height:540px; }
  .oxi-hero-inner { min-height:540px; }
  .oxi-hero h1 { font-size:31px; }
  .oxi-hero p { font-size:18px; }
  .oxi-bottle { width:145px; height:320px; }
  .oxi-bottle::before { left:43px; width:60px; height:75px; top:-60px; }
  .oxi-bottle::after { top:125px; font-size:13px; }
}