/*
Theme Name: Pesi
Theme URI: https://samandoon.com/pesi
Author: Davood Kiayad
Author URI: https://samandoon.com
Description: A clean, simple RTL WordPress theme in Persian language. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pesi
Tags: rtl-language-support, responsive, custom-fonts
*/

/* ===========================================================
   Minimal Global Styles
   =========================================================== */

/* Basic font direction and background */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  direction: rtl;
}

body {
  background-image: url("./assets/images/bg1.png");
  /* background-image: url(${img}); */
  background-repeat: repeat, repeat-y;
  background-position: center, bottom left;
  background-size: auto, 6%;
  /* background-color: var(--light); */
  background-attachment: fixed;
  /* background-color: rgba(0, 0, 0, 0.5); */
  background-color: var(--neutral-tsp);
  box-sizing: content-box;

  text-align: right;
  /* background-color: #fff; */
  /* color: var(--color-txt-primary); */
  font-family: var(--font-text1, sans-serif);
  margin: 0;
  padding: 0;
  font-family: IRANSans, Vazirmatn, sans-serif;

}

/* Image responsiveness */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Basic link styling */
a {
  color: var(--color-txt-link);
  text-decoration: none;
}

a:hover {
  color: var(--color-txt-hover);
  font-weight: 900;
}

/* Simple container alignment for Gutenberg or content blocks */
.wp-block {
  margin-bottom: 1.5rem;
  text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-h);
}

.custom-button {
  display: inline-flex;
  /* make it flexible for alignment */
  align-items: center;
  /* vertical center */
  justify-content: center;
  /* horizontal center */
  border: none;
  color: var(--white);
  padding: 0.3em 0.7em;
  /* adjust padding for better vertical centering */
  margin-top: auto;
  width: auto;
  /* full width of container */
  background: linear-gradient(135deg,
      var(--bg-accent),
      var(--bg-primary),
      var(--bg-accent));

  /* background: linear-gradient(135deg,
      #0d9488,
      #001816,
      #0d9488); */
  background-size: 200% 200%;
  background-position: left center;
  transition: background-position 0.5s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  font-family: var(--font-tna);
  font-size: clamp(14px, 1.1vw, 3em);
  text-decoration: none;
  text-align: center;
  border-radius: 8px;
  font-weight: 100;
  /* padding: 0 20px; */
}

.custom-button:hover {
  color: #ddd;
  transform: translateY(1px);
  font-weight: 900;
  /* background-color: #012b27; */
  /* background: linear-gradient(135deg, #0d9488, #001816); */
  /* background: linear-gradient(135deg, var(--bg-accent), var(--bg-primary)); */
  background-position: right center;
}