/*
 Theme Name:   Beautino
 Theme URI:    https://beautino.ir
 Description:  Beautino BeautyTech Platform - Beauty salon, clinic & laser directory theme
 Author:       Beautino Team
 Author URI:   https://beautino.ir
  Version:      1.8.1
 Requires PHP: 7.4
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  beautino
 Tags:         beauty, booking, salon, clinic, laser, one-column, custom-menu, featured-images, theme-options, translation-ready
*/

/* =============================================
   BEAUTINO THEME - BASE STYLES
   ============================================= */

/* Reset & Base */
:root {
  --beautino-primary: #E91E63;
  --beautino-secondary: #9C27B0;
  --beautino-accent: #FF6F00;
  --beautino-dark: #1A1A2E;
  --beautino-light: #F8F9FA;
  --beautino-gray: #6C757D;
  --beautino-success: #28A745;
  --beautino-danger: #DC3545;
  --beautino-border: #DEE2E6;
  --beautino-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --beautino-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
  --beautino-radius: 12px;
  --beautino-radius-sm: 8px;
  --beautino-transition: all 0.3s ease;
  --beautino-container: 1200px;
  --beautino-font: 'Vazirmatn', 'IRANSans', Tahoma, Arial, sans-serif;
}

body {
  font-family: var(--beautino-font);
  color: var(--beautino-dark);
  line-height: 1.7;
  direction: rtl;
}

/* Container */
.beautino-container {
  max-width: var(--beautino-container);
  margin: 0 auto;
  padding: 0 20px;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.5em;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }

/* Links */
a {
  color: var(--beautino-primary);
  text-decoration: none;
  transition: var(--beautino-transition);
}

a:hover {
  color: var(--beautino-secondary);
}

/* Buttons */
.beautino-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: var(--beautino-radius-sm);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: var(--beautino-transition);
  border: none;
  text-align: center;
}

.beautino-btn-primary {
  background: var(--beautino-primary);
  color: #fff;
}

.beautino-btn-primary:hover {
  background: #D81B60;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: var(--beautino-shadow-hover);
}

.beautino-btn-secondary {
  background: transparent;
  color: var(--beautino-primary);
  border: 2px solid var(--beautino-primary);
}

.beautino-btn-secondary:hover {
  background: var(--beautino-primary);
  color: #fff;
}

/* Cards */
.beautino-card {
  background: #fff;
  border-radius: var(--beautino-radius);
  box-shadow: var(--beautino-shadow);
  overflow: hidden;
  transition: var(--beautino-transition);
}

.beautino-card:hover {
  box-shadow: var(--beautino-shadow-hover);
  transform: translateY(-4px);
}

/* Section */
.beautino-section {
  padding: 60px 0;
}

.beautino-section-title {
  text-align: center;
  margin-bottom: 40px;
}

.beautino-section-title h2 {
  color: var(--beautino-dark);
  position: relative;
  display: inline-block;
}

.beautino-section-title h2::after {
  content: '';
  position: absolute;
  bottom: -8px;
  right: 50%;
  transform: translateX(50%);
  width: 60px;
  height: 4px;
  background: var(--beautino-primary);
  border-radius: 2px;
}

/* Grid System */
.beautino-grid {
  display: grid;
  gap: 24px;
}

.beautino-grid-2 { grid-template-columns: repeat(2, 1fr); }
.beautino-grid-3 { grid-template-columns: repeat(3, 1fr); }
.beautino-grid-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 768px) {
  .beautino-grid-2,
  .beautino-grid-3,
  .beautino-grid-4 {
    grid-template-columns: 1fr;
  }
}

/* Responsive */
@media (max-width: 768px) {
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }

  .beautino-section { padding: 40px 0; }
}