/* public/assets/css/main.css */

/* Core typography defaults */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f5f0;
    /* Cream white background */
    color: #0d2137;
    /* Deep Navy primary text */
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-serif {
    font-family: 'Cormorant Garamond', serif;
}

/* RTL layout directions overrides */
[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] .text-left {
    text-align: right;
}

[dir="rtl"] .text-right {
    text-align: left;
}

[dir="rtl"] .material-symbols-outlined {
    transform: scaleX(-1);
    /* Flip icons for RTL context if they have arrows */
}

/* Let's keep expand icons direction neutral */
[dir="rtl"] .material-symbols-outlined.expand-icon,
[dir="rtl"] .material-symbols-outlined.no-flip {
    transform: none;
}

/* Custom CSS Helpers & Premium Accents */
.border-gold-gradient {
    border-image: linear-gradient(to right, #ebd18d, #c9a84c, #ebd18d) 1;
}

/* Floating WhatsApp micro-animation */
@keyframes pulse-whatsapp {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.fixed.bottom-6.right-6 {
    animation: pulse-whatsapp 2.5s infinite;
}

/* Custom details accordion styling */
details[open] summary span.material-symbols-outlined {
    transform: rotate(180deg);
}

details summary::-webkit-details-marker {
    display: none;
}

/* Custom container overrides */
.prose h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    color: #0d2137;
}

.prose h3 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    color: #c9a84c;
}

.prose ul {
    list-style-type: disc;
    padding-left: 1.5rem;
}