/* Custom Styles for Paal Ji Website */

/* Mandala Background */
.mandala-bg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23d4af37' stroke-width='0.4'%3E%3Ccircle cx='50' cy='50' r='48' /%3E%3Ccircle cx='50' cy='50' r='40' /%3E%3Cpath d='M50 10 V 90 M10 50 H 90' /%3E%3Cpath d='M21.7 21.7 L78.3 78.3 M21.7 78.3 L78.3 21.7' /%3E%3Ccircle cx='50' cy='50' r='30' /%3E%3Cg transform='translate(50,50) rotate(45)'%3E%3Cpath d='M0 -40 C 20 -20, 20 20, 0 40 C -20 20, -20 -20, 0 -40 Z' /%3E%3C/g%3E%3Cg transform='translate(50,50)'%3E%3Cpath d='M0 -30 C 15 -15, 15 15, 0 30 C -15 15, -15 -15, 0 -30 Z' stroke-width='0.2'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 95% 95%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    animation: gentleRotate 20s linear infinite;
}

@keyframes gentleRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.mandala-bg:hover {
    animation-play-state: paused;
    transform: rotate(90deg);
    transition: transform 0.8s ease-in-out;
}

/* Gold Text Effect */
.gold-text {
    background: linear-gradient(to right, #fde047, #facc15, #eab308, #ca8a04);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));
    font-weight: bold;
}

/* Card Hover Effects */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    border-color: #ca8a04;
}

/* Image Zoom on Hover */
.image-zoom {
    transition: transform 0.3s ease;
}

.group:hover .image-zoom {
    transform: scale(1.05);
}

.hover-content {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.group:hover .hover-content {
    opacity: 1;
}

/* Language Button Active State */
.lang-btn.active {
    background-color: #fbbf24;
    color: #1f2937;
}

/* Maroon Color */
.bg-maroon {
    background-color: #7c2d12;
}

/* Brand Logos */
.brand-logo {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
}

.brand-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Form Select Styling Fix */
select {
    background-color: white;
    color: #374151; /* stone-700 for visibility */
    font-family: 'Poppins', sans-serif;
}

select option {
    background-color: white;
    color: #374151;
    font-family: 'Poppins', sans-serif;
}

select option:checked {
    background-color: #fbbf24;
    color: #1f2937;
}

/* Ensure Hindi font for options if needed */
select option[lang="hi"] {
    font-family: 'Tiro Devanagari Hindi', serif;
}

/* Details/Summary Styling */
details summary {
    list-style: none;
}

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

.group-open .chevron-down {
    transform: rotate(180deg);
}

/* Mobile Menu */
#mobile-menu {
    background-color: #7c2d12;
}

/* Footer Links */
footer a {
    color: #f3f4f6;
    text-decoration: none;
}

footer a:hover {
    color: #fbbf24;
}

/* Additional styles from script.js consolidation - unique/enhanced only */

/* Font class definitions for consistency */
.font-cinzel { font-family: 'Cinzel', serif; }
.font-poppins { font-family: 'Poppins', sans-serif; }
.font-tiro-hindi { font-family: 'Tiro Devanagari Hindi', serif; }
.font-baloo { font-family: 'Baloo 2', cursive; }

/* Language-specific fonts */
:lang(en) { font-family: 'Poppins', sans-serif; }
:lang(hi) { font-family: 'Tiro Devanagari Hindi', serif; }

/* Body base styles */
body {
    background-color: #fffaf0;
    color: #4c4a47;
}

/* Additional maroon utilities */
.text-maroon { color: #5c0b0a; }
.border-maroon { border-color: #5c0b0a; }