/*
Theme Name: Griya
Theme URI:
Author: Griya
Description: Website layanan upacara adat Hindu Bali
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: griya
*/

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* Ritual vertical line accent */
.ritual-line {
    position: relative;
}
.ritual-line::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(115, 92, 0, 0.2);
}
.ritual-dot {
    position: absolute;
    left: -4px;
    top: 16px;
    width: 9px;
    height: 9px;
    background-color: #735c00;
    border-radius: 50%;
}

/* Headline underline accent */
.ritual-underline {
    position: relative;
    display: inline-block;
    padding-bottom: 8px;
}
.ritual-underline::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #735c00;
}

/* Service hover */
.service-hover-effect {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.service-hover-effect:hover {
    background-color: rgba(115, 92, 0, 0.02);
    padding-left: 12px;
}

/* Scroll reveal */
.reveal-up {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal-up.active {
    opacity: 1;
    transform: translateY(0);
}

/* Fade in */
.fade-in {
    animation: fadeIn 1.2s ease-out forwards;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Custom divider */
.custom-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(115, 92, 0, 0.2), transparent);
    margin: 0;
}

a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }
*, *::before, *::after { box-sizing: border-box; }