/*
Theme Name: Qajar Heritage
Theme URI: https://qajar.com
Description: WordPress theme for Qajar Heritage Archive
Version: 1.0
Author: seemseo.com
Text Domain: qajar
*/


 body {
     background-color: rgb(225, 217, 203);
 }

 /* Custom styles for elements that need precise control */
 .hero-gradient {
     background: linear-gradient(180deg, #efece5 0%, #e1d9cb 100%);
 }

 .section-gradient {
     background: linear-gradient(180deg, #f5f3ef 0%, #e1d9cb 100%);
 }

 .button-gradient {
     background: linear-gradient(0deg, #27629d 0%, #111e44 100%);
 }

 .arch-border {
     border-radius: 400px 400px 8px 8px;
 }

 .text-shadow {
     text-shadow: 0px 0.602187px 1.32481px -0.416667px rgba(91, 38, 85, 0.28),
         0px 2.28853px 5.03477px -0.833333px rgba(91, 38, 85, 0.36),
         0px 10px 22px -1.25px rgba(91, 38, 85, 0.75);
 }

 /* Blue box equal spacing */
 .blue-box-equal {
     margin-top: 3rem;
     margin-bottom: 3rem;
 }

 /* Scroll animations */
 .fade-in {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .fade-in.visible {
     opacity: 1;
     transform: translateY(0);
 }

 .slide-in-left {
     opacity: 0;
     transform: translateX(-50px);
     transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .slide-in-left.visible {
     opacity: 1;
     transform: translateX(0);
 }

 .slide-in-right {
     opacity: 0;
     transform: translateX(50px);
     transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .slide-in-right.visible {
     opacity: 1;
     transform: translateX(0);
 }

 .scale-in {
     opacity: 0;
     transform: scale(0.8);
     transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .scale-in.visible {
     opacity: 1;
     transform: scale(1);
 }

 .stagger-child {
     transition-delay: 0.1s;
 }

 .stagger-child:nth-child(2) {
     transition-delay: 0.2s;
 }

 .stagger-child:nth-child(3) {
     transition-delay: 0.3s;
 }

 .stagger-child:nth-child(4) {
     transition-delay: 0.4s;
 }

 /* Hero initial animation */
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .animate-fade-in-up {
     animation: fadeInUp 0.8s ease-out forwards;
 }

 .delay-100 {
     animation-delay: 0.1s;
 }

 .delay-200 {
     animation-delay: 0.3s;
 }

 .delay-300 {
     animation-delay: 0.5s;
 }

 .delay-400 {
     animation-delay: 0.7s;
 }

 .delay-500 {
     animation-delay: 0.9s;
 }

 /* Mobile menu */
 .mobile-menu {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease-out;
 }

 .mobile-menu.active {
     max-height: 300px;
 }

 /* FAQ accordions */
 .faq-answer {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease-out, padding 0.3s ease-out;
 }

 .faq-answer.active {
     max-height: 200px;
     padding-top: 1rem;
 }

 .faq-icon {
     transition: transform 0.3s ease;
 }

 .faq-icon.rotated {
     transform: rotate(45deg);
 }