/*
Theme Name: WPUmroh
Theme URI: https://aksespedia.com/umroh/
Author: Badrudin
Author URI: https://wa.me/6282310923844
Description: Tema WordPress untuk travel umroh dan haji dengan manajemen paket, lead jamaah, affiliate, lisensi, serta pengaturan frontpage yang mudah dikustomisasi.
Version: 2.2.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: umroh-by-aksespedia
*/

.font-heading { font-family: 'Playfair Display', serif; }
.font-body { font-family: 'Poppins', sans-serif; }
.gradient-islamic { background: linear-gradient(135deg, #065f46 0%, #047857 50%, #059669 100%); }
.gradient-islamic-light { background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); }
.card-hover { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.card-hover:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(6, 95, 70, 0.25); }
.animate-float { animation: float 6s ease-in-out infinite; }
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
.slide-in { animation: slideIn 0.5s ease-out forwards; }
@keyframes slideIn {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}
.fadeIn { animation: fadeIn 0.6s ease-out; }
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.mosque-icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
body { box-sizing: border-box; background-color: #f0fdf4 !important; background-image: none !important; }

.umroh-article-content { font-size: 1.1rem; line-height: 1.95; }
.umroh-article-content > * { margin-bottom: 1.1rem; }
.umroh-article-content h2,
.umroh-article-content h3,
.umroh-article-content h4 {
  font-family: 'Playfair Display', serif;
  color: #064e3b;
  line-height: 1.25;
  margin-top: 2.25rem;
  margin-bottom: 0.9rem;
  font-weight: 700;
}
.umroh-article-content h2 { font-size: 2rem; }
.umroh-article-content h3 { font-size: 1.6rem; }
.umroh-article-content h4 { font-size: 1.35rem; }
.umroh-article-content p { color: #111827; }
.umroh-article-content a { color: #047857; text-decoration: underline; text-decoration-thickness: 1px; }
.umroh-article-content ul,
.umroh-article-content ol { padding-left: 1.2rem; }
.umroh-article-content li { margin-bottom: 0.35rem; }
.umroh-article-content blockquote {
  border-left: 4px solid #10b981;
  background: #ecfdf5;
  padding: 0.9rem 1rem;
  border-radius: 0.75rem;
  color: #065f46;
}
.umroh-article-content img { border-radius: 1rem; }
.umroh-article-content table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.umroh-article-content table th,
.umroh-article-content table td { border: 1px solid #e5e7eb; padding: .55rem .65rem; }
.umroh-sharebar { display: inline-flex; gap: .45rem; }
.umroh-sharebtn {
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #475569;
  transition: all .2s ease;
}
.umroh-sharebtn:hover { transform: translateY(-1px); }
.umroh-sharebtn--wa:hover { background: #ecfdf5; color: #047857; border-color: #6ee7b7; }
.umroh-sharebtn--tg:hover { background: #eff6ff; color: #0284c7; border-color: #93c5fd; }
.umroh-sharebtn--fb:hover { background: #eff6ff; color: #2563eb; border-color: #93c5fd; }
.umroh-sharebtn--x:hover { background: #111827; color: #fff; border-color: #111827; }

@media (max-width: 767px) {
  .umroh-breadcrumb { display: none !important; }
  .umroh-article-content { font-size: 1rem; line-height: 1.85; }
  .umroh-article-content h2 { font-size: 1.6rem; }
  .umroh-article-content h3 { font-size: 1.35rem; }
  .umroh-article-content h4 { font-size: 1.15rem; }
  .umroh-sharebtn {
    width: 1.65rem;
    height: 1.65rem;
  }
}