/*
Theme Name: Lotusa Shop Theme
Theme URI: https://lotusa.ir
Description: A premium, dynamic WooCommerce theme based on Tailwind CSS, Alpine.js, and Swiper.
Author: Antigravity & Mimze
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lotusa
Domain Path: /languages
*/

:root {
  --fc-primary: #fdf3f6;
  --fc-text-dark: #53132d;
  --fc-text-light: #9a4c68;
  --fc-rose: #f8c8d6;
  --fc-mint: #f5e1e9;
  --fc-peach: #fbd2de;
}

[x-cloak] { display: none !important; }
[class^="gg-"],
[class^="gg-"]::before,
[class^="gg-"]::after,
[class*=" gg-"],
[class*=" gg-"]::before,
[class*=" gg-"]::after {
    box-sizing: border-box;
}

body {
  font-family: "Vazirmatn", sans-serif;
  background-color: var(--fc-primary);
  color: var(--fc-text-dark);
}
h1,
h2,
h3,
.font-serif {
  font-family: "Amiri", serif;
}
.bg-boteh {
  position: relative;
}
.bg-boteh::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23BD9690' fill-opacity='0.05'%3E%3Cpath d='M50,85 C65,85 75,70 75,55 C75,30 55,15 50,15 C45,15 40,25 40,25 C40,25 50,18 53,25 C56,32 60,40 50,55 C40,70 25,55 25,40 C25,32 28,25 28,25 C18,35 18,55 50,85 Z' /%3E%3Ccircle cx='50' cy='55' r='4' /%3E%3Ccircle cx='50' cy='15' r='2' /%3E%3Ccircle cx='75' cy='40' r='2' /%3E%3Ccircle cx='25' cy='40' r='2' /%3E%3Cpath d='M48,65 Q50,68 52,65 Q55,60 50,58 Q45,60 48,65Z' /%3E%3C/g%3E%3C/svg%3E");
  z-index: 0;
  pointer-events: none;
}
.bg-boteh-dense::before {
  fill-opacity: 0.15;
  background-size: 60px 60px;
}
.linear-btn-hover {
  position: relative;
}
.linear-btn-hover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentColor;
  transform: scale(0);
  transition: transform 0.3s ease;
  margin-left: -2px;
}
.linear-btn-hover:hover::after {
  transform: scale(1.5);
}
.blob-shape {
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
}
.blob-shape-2 {
  border-radius: 60% 40% 30% 70% / 50% 60% 40% 50%;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: #b44669;
  border-radius: 10px;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.otp-input {
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  border: 2px solid #f8c8d6;
  border-radius: 12px;
  outline: none;
  transition: all 0.3s;
  background-color: white;
  color: #53132d;
}
.otp-input:focus {
  border-color: #8a204b;
  box-shadow: 0 0 0 4px rgba(138, 32, 75, 0.1);
}
.otp-input:not(:placeholder-shown) {
  border-color: #53132d;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}