/**
 * SPA Bangladesh Custom Theme Styles
 * Tailwind handles most styling; this file adds custom animations and overrides
 */

/* Transition utility (used in PHP templates with class-based Tailwind) */
.transition-premium {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Classical double border */
.border-classical-double {
    border-style: double;
    border-width: 3px;
}

/* Marquee animation for image strip */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    animation: marquee 30s linear infinite;
}

/* Pulse glow for WhatsApp button */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 8px rgba(196, 158, 83, 0.3); }
    50% { box-shadow: 0 0 20px rgba(196, 158, 83, 0.6); }
}
.pulse-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}

/* Fade in up for testimonials */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.testimonial-fade {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Card shimmer effect */
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.card-shimmer::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
    background-size: 200% 100%;
    animation: shimmer 3s ease-in-out infinite;
    pointer-events: none;
}

/* Hide scrollbar for services carousel */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Selection styling */
::selection {
    background: #E6DCC5;
    color: #122A1C;
}

/* Prose fixes for WordPress editor output */
.prose p {
    margin-bottom: 1.25rem;
    line-height: 1.8;
}
.prose h2, .prose h3, .prose h4 {
    font-family: 'Playfair Display', serif;
    color: #122A1C;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.prose a {
    color: #C49E53;
    text-decoration: underline;
}
.prose a:hover {
    color: #122A1C;
}
.prose ul, .prose ol {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}
.prose li {
    margin-bottom: 0.5rem;
    line-height: 1.7;
}

/* Breadcrumb hover */
.breadcrumb a:hover {
    color: #C49E53;
}

/* Pagination styling */
.wp-block-query-pagination, .page-numbers {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}
.page-numbers {
    padding: 0.5rem 1rem;
    border: 1px solid #E6DCC5;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.3s ease;
}
.page-numbers.current {
    background: #122A1C;
    color: #FAF7F0;
    border-color: #122A1C;
}
.page-numbers:hover:not(.current) {
    background: #F3EDE0;
}

/* Prevent mobile bottom bar from overlapping content */
@media (max-width: 1023px) {
    body {
        padding-bottom: 56px;
    }
}