/* ============================================
   ANIMATION STYLES
============================================ */
.aad-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.aad-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ============================================
   MENU TOGGLE ACTIVE STATE
============================================ */
.menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

/* ============================================
   SOCIAL SHARE
============================================ */
.social-share { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 20px 0; }
.social-share span { font-weight: 600; font-size: 0.9rem; color: var(--text-dark); }
.social-share a {
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--white);
}
.share-fb { background: #1877f2; }
.share-tw { background: #1da1f2; }
.share-wa { background: #25d366; }

/* ============================================
   RELATED POSTS
============================================ */
.related-posts { margin-top: 50px; padding-top: 40px; border-top: 2px solid var(--border-color); }
.related-posts h3 { margin-bottom: 30px; font-size: 1.4rem; }

/* ============================================
   STAR RATING
============================================ */
.star-rating { color: var(--primary-color); letter-spacing: 2px; }

/* ============================================
   COMMENTS
============================================ */
.comments-area { margin-top: 40px; }
.comment-list { padding: 0; }
.comment { padding: 20px 0; border-bottom: 1px solid var(--border-color); }
.comment-author img { border-radius: 50%; }
.comment-meta { margin-bottom: 10px; }
.comment-content { font-size: 0.95rem; }
.reply a { font-size: 0.85rem; color: var(--primary-color); }

/* ============================================
   SEARCH FORM (WordPress default override)
============================================ */
.search-form { display: flex; }
.search-form label { flex: 1; }
.search-form .search-field {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--border-color);
  border-right: none;
  border-radius: 8px 0 0 8px;
  font-size: 0.9rem;
  background: #fffdf5;
}
.search-form .search-submit {
  padding: 10px 16px;
  background: var(--gradient-main);
  border: none;
  border-radius: 0 8px 8px 0;
  color: var(--white);
  cursor: pointer;
  font-size: 0.9rem;
}

/* ============================================
   ELEMENTOR PAGE BUILDER SUPPORT
============================================ */
.elementor-page .site-main { padding: 0; }
.elementor-page .breadcrumb-wrapper + .site-main { padding-top: 0; }
body.elementor-editor-active .hero-floating-card { display: none; }

/* ============================================
   WPBAKERY PAGE BUILDER SUPPORT
============================================ */
.wpb_content_element { margin-bottom: 20px; }
.vc_row.wpb_row { margin: 0; }

/* ============================================
   CUSTOM SCROLLBAR
============================================ */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f5f0e8; }
::-webkit-scrollbar-thumb { background: var(--gradient-main); border-radius: 4px; }

/* ============================================
   SELECTION COLOR
============================================ */
::selection { background: var(--primary-color); color: var(--white); }
::-moz-selection { background: var(--primary-color); color: var(--white); }

/* ============================================
   PRINT STYLES
============================================ */
@media print {
  #site-header, #site-footer, .hero-section, .sidebar { display: none; }
  .content-area { width: 100%; float: none; }
}