/* ============================================
   Filed Nails Spa Beauty — Main Styles v2.0
   Stitch Redesign
   ============================================ */

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #fff8f3;
    color: #1f1b15;
    scroll-behavior: smooth;
}

h1, h2, h3, .serif {
    font-family: 'Noto Serif', serif;
}

.font-brand {
    font-family: 'Playfair Display', serif;
}

/* --- Utility Classes --- */
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.arch-mask {
    border-radius: 12rem 12rem 0 0;
}

.arch-mask-sm {
    border-radius: 6rem 6rem 1rem 1rem;
}

.dotted-border {
    border: 1.5px dashed #d1c5b7;
}

.editorial-shadow {
    box-shadow: 0 20px 40px rgba(31, 27, 21, 0.06);
}

.price-row::after {
    content: "";
    flex-grow: 1;
    border-bottom: 1px dotted #ccc;
    margin: 0 10px;
    position: relative;
    top: -6px;
}

/* --- Gallery Grid --- */
.gallery-grid {
    columns: 3;
    column-gap: 1.5rem;
}

.gallery-grid > div {
    break-inside: avoid;
    margin-bottom: 1.5rem;
}

/* --- Admin Bar Offset --- */
.admin-bar nav.sticky {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar nav.sticky {
        top: 46px;
    }
}

/* --- Hero Slider --- */
.hero-slide-item {
    transition: opacity 1.5s ease-in-out;
}

/* --- Asymmetric Border Radius (About Us) --- */
.asymmetric-tl {
    border-radius: 90px 10px 90px 10px;
}

.asymmetric-tr {
    border-radius: 10px 90px 10px 90px;
}

/* Remove text highlight/mark styling */
mark, .text-highlight {
    background: none !important;
    color: inherit !important;
}