/* ================================================= */
/* Article Helper Shortcodes (Final Polished Version)*/
/* ================================================= */

/* ------------------------------------------- */
/* ۱. Notice Box Styles (Redesigned & Animated)  */
/* ------------------------------------------- */
:root {
  --ah-radius: 12px; /* گردی گوشه‌ها مثل کامپوننت قبلی */
  
  /* Info Colors (Blue) */
  --ah-info-bg: #f7f9fc;
  --ah-info-border: #e2e8f0;
  --ah-info-icon-bg: #dbeafe;
  --ah-info-text: #2563eb;
  
  /* Tip/Success Colors (Green) */
  --ah-tip-bg: #f7fdfa;
  --ah-tip-border: #d1fae5;
  --ah-tip-icon-bg: #d1fae5;
  --ah-tip-text: #059669;

  /* Warning Colors (Yellow/Orange) */
  --ah-warning-bg: #fffbeb;
  --ah-warning-border: #fef3c7;
  --ah-warning-icon-bg: #fde68a;
  --ah-warning-text: #d97706;

  /* Alert/Danger Colors (Red) */
  --ah-alert-bg: #fff5f5;
  --ah-alert-border: #fee2e2;
  --ah-alert-icon-bg: #fecaca;
  --ah-alert-text: #dc2626;

  --ah-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
  --ah-shadow-hover: 0 8px 16px rgba(0, 0, 0, 0.08);
  --ah-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ah-info-bg: rgba(59, 130, 246, 0.1);
    --ah-info-border: #334155;
    --ah-info-icon-bg: rgba(59, 130, 246, 0.2);
    --ah-info-text: #93c5fd;

    --ah-tip-bg: rgba(52, 211, 153, 0.08);
    --ah-tip-border: #334155;
    --ah-tip-icon-bg: rgba(52, 211, 153, 0.18);
    --ah-tip-text: #6ee7b7;

    --ah-warning-bg: rgba(245, 158, 11, 0.1);
    --ah-warning-border: #334155;
    --ah-warning-icon-bg: rgba(245, 158, 11, 0.2);
    --ah-warning-text: #fcd34d;

    --ah-alert-bg: rgba(248, 113, 113, 0.08);
    --ah-alert-border: #334155;
    --ah-alert-icon-bg: rgba(248, 113, 113, 0.18);
    --ah-alert-text: #f87171;

    --ah-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    --ah-shadow-hover: 0 8px 16px rgba(0, 0, 0, 0.25);
  }
}

.ah-notice-box {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  margin: 2em 0;
  border: 1px solid var(--ah-border-color);
  border-radius: var(--ah-radius);
  line-height: 1.7;
  position: relative;
  overflow: hidden;
  box-shadow: var(--ah-shadow);
  transition: var(--ah-transition);
}
.ah-notice-box:hover {
  transform: translateY(-5px);
  box-shadow: var(--ah-shadow-hover);
}

/* نوار رنگی عمودی مشابه کامپوننت قبلی */
.ah-notice-box::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background-color: var(--ah-border-color); /* رنگ پیش‌فرض */
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ah-notice-box:hover::before {
  width: 8px;
}

.ah-notice-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ah-notice-box:hover .ah-notice-icon {
  transform: scale(1.1) rotate(-5deg);
}

.ah-notice-icon::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background-color: currentColor;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
}

/* استایل‌های اختصاصی هر نوع */
.ah-notice-info { background-color: var(--ah-info-bg); color: var(--ah-info-text); border-color: var(--ah-info-border); }
.ah-notice-info::before { background-color: var(--ah-info-text); }
.ah-notice-info .ah-notice-icon { background-color: var(--ah-info-icon-bg); }
.ah-notice-info .ah-notice-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z' clip-rule='evenodd' /%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z' clip-rule='evenodd' /%3E%3C/svg%3E"); }

.ah-notice-tip { background-color: var(--ah-tip-bg); color: var(--ah-tip-text); border-color: var(--ah-tip-border); }
.ah-notice-tip::before { background-color: var(--ah-tip-text); }
.ah-notice-tip .ah-notice-icon { background-color: var(--ah-tip-icon-bg); }
.ah-notice-tip .ah-notice-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z' clip-rule='evenodd' /%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z' clip-rule='evenodd' /%3E%3C/svg%3E"); }

.ah-notice-warning { background-color: var(--ah-warning-bg); color: var(--ah-warning-text); border-color: var(--ah-warning-border); }
.ah-notice-warning::before { background-color: var(--ah-warning-text); }
.ah-notice-warning .ah-notice-icon { background-color: var(--ah-warning-icon-bg); }
.ah-notice-warning .ah-notice-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z' clip-rule='evenodd' /%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z' clip-rule='evenodd' /%3E%3C/svg%3E"); }

.ah-notice-alert { background-color: var(--ah-alert-bg); color: var(--ah-alert-text); border-color: var(--ah-alert-border); }
.ah-notice-alert::before { background-color: var(--ah-alert-text); }
.ah-notice-alert .ah-notice-icon { background-color: var(--ah-alert-icon-bg); }
.ah-notice-alert .ah-notice-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z' clip-rule='evenodd' /%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z' clip-rule='evenodd' /%3E%3C/svg%3E"); }


/* ------------------------------------------- */
/* ۲. Pull Quote Styles (Stable Version)         */
/* ------------------------------------------- */
:root {
  --ah-pullquote-color: #64748b;
  --ah-pullquote-border-color: #e2e8f0;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ah-pullquote-color: #9ca3af;
    --ah-pullquote-border-color: #475569;
  }
}

.ah-pull-quote {
  box-sizing: border-box;
  position: relative;
  margin: 2.5em 0;
  padding: 24px 24px 24px 32px;
  border: 1px solid var(--ah-pullquote-border-color);
  border-right: 5px solid var(--ah-pullquote-border-color);
  border-radius: var(--ah-radius);
  background-color: var(--ah-info-bg);
  font-size: 1.1em;
  font-style: italic;
  color: var(--ah-pullquote-color);
  width: 100%;
}

.ah-pull-quote p {
  margin: 0;
}

.ah-pull-quote::before {
  content: '“';
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 3em;
  font-weight: 900;
  line-height: 1;
  font-style: normal;
  color: var(--ah-pullquote-border-color);
  opacity: 0.8;
}

.ah-pull-quote.ah-pull-quote-align-left {
  border-right: 1px solid var(--ah-pullquote-border-color);
  border-left: 5px solid var(--ah-pullquote-border-color);
  padding: 24px 32px 24px 24px;
}
.ah-pull-quote.ah-pull-quote-align-left::before {
  right: auto;
  left: 16px;
  content: '”';
}

.ah-pull-quote.ah-pull-quote-align-right p {
  padding-right: 32px;
}

.ah-pull-quote.ah-pull-quote-align-left p {
  padding-left: 32px;
}