:root {
  --color-primary: #00ab6c; /* teal */
  --color-primary-600: #014a3d;
  --color-primary-50: #e8f3f1;
  --color-secondary: #c9a227; /* gold */
  --color-secondary-600: #a6831f;
  --color-accent: #0ea5a3; /* aqua accent */
  --color-success: #22c55e;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;
  --color-info: #38bdf8;

  --color-bg: #ffffff;
  --color-surface: #f7f9fb;
  --color-surface-2: #f2f6f5;
  --color-text: #1f2937;
  --color-text-muted: #6b7280;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 6px 18px rgba(1, 92, 75, 0.12);
  --shadow-lg: 0 14px 36px rgba(1, 92, 75, 0.18);

  --gradient-primary: linear-gradient(135deg, #00ab6c 0%, #00ab6c 50%, #00ab6c 100%);
  --gradient-gold: linear-gradient(135deg, #e5c14f 0%, #c9a227 100%);
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

.text-primary { color: var(--color-primary) !important; }
.text-muted { color: var(--color-text-muted) !important; }

.fg-bg-primary { background: var(--gradient-primary) !important; }
.fg-text-white { color: #ffffff !important; }

.btn,
.btn-primary,
.btn-light,
.btn-vector {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.btn-primary,
.btn.btn-primary {
  background: var(--gradient-primary);
  border-color: var(--color-primary-600);
}
.btn-primary:hover {
  filter: brightness(1.05);
  box-shadow: var(--shadow-md);
}

.btn-light {
  background-color: #ffffff;
  border: 1px solid rgba(1, 92, 75, 0.18);
}
.btn-light:hover { box-shadow: var(--shadow-md); }

.card-home-new,
.offcanvas,
.modal-content,
.splide__slide .bg-opacity-10 {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-md);
  background-color: #ffffff;
}

.header-page-div {
    border-bottom: 1px solid #DFE3E5;

  /*background: var(--color-surface);
  border-radius: var(--radius-lg);
  /*box-shadow: var(--shadow-sm);*/
}

/*.badge.bg-success { background: var(--color-secondary) !important; }*/
/*.badge.bg-danger { background: var(--color-danger) !important; }*/

.nav__master {
  box-shadow: 0 -8px 20px rgba(1, 92, 75, 0.08);
  background-color: #ffffff;
}

.border-left { border-left: 1px solid rgba(1, 92, 75, 0.15); }

.cs-poll {
  box-shadow: var(--shadow-lg) !important;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

/* Links and hovers */
a { color: var(--color-primary); }
a:hover { color: #016a58; }

/* Inputs */
.form-control,
input,
select {
  border-radius: var(--radius-sm);
  border: 1px solid rgba(1, 92, 75, 0.2);
}
.form-control:focus,
input:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(1, 92, 75, 0.16);
}

/* Splide arrows (if visible) */
.splide__arrow { background: var(--gradient-primary); color: #fff; }

/* Utility surfaces */
.fg-round-normal { border-radius: var(--radius-lg) !important; }
.fg-round-circle { border-radius: 999px !important; }

/* Footer slogan cloud subtle tweak */
.footer_slogan_img .cloud { filter: drop-shadow(0 8px 16px rgba(1, 92, 75, 0.12)); }

/* Toast Notification - Minimal & Elegant */
.toast-container {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  pointer-events: none;
}

.toast-notification {
  background: #fff5f5;
  border-radius: 16px;
  padding: 16px 24px;
  box-shadow: 0 8px 24px rgba(239, 68, 68, 0.12);
  min-width: 280px;
  max-width: 90vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: IRANYekanX, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  opacity: 0;
  transform: translateY(-20px) scale(0.95);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: auto;
  border: 1px solid rgba(239, 68, 68, 0.15);
}

.toast-notification.show {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.toast-notification.hide {
  opacity: 0;
  transform: translateY(-20px) scale(0.95);
  transition: all 0.25s ease-in;
}

.toast-notification::before {
  content: '';
  width: 4px;
  height: 4px;
  background: #ef4444;
  border-radius: 50%;
  flex-shrink: 0;
}

@media (max-width: 576px) {
  .toast-notification {
    min-width: calc(100vw - 40px);
    padding: 14px 20px;
    font-size: 13px;
  }
}