/* ==========================================
   SVARTLINE — Global CSS
   Centralized styles used across all pages
   ========================================== */

/* ----- Scrollbar ----- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1d1d1d;
}

::-webkit-scrollbar-thumb {
    background: #83776b;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9B7A5A;
}

/* ----- Smooth Scroll ----- */
html {
    scroll-behavior: smooth;
}

/* ----- Glass Card ----- */
.glass-card {
    background: rgba(131, 119, 107, 0.15);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(131, 119, 107, 0.4);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

/* ----- Fade Bottom (for hero images) ----- */
.fade-bottom {
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 5%);
    mask-image: linear-gradient(to top, transparent 0%, black 1%);
}

/* ----- Check List ----- */
.check-list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0.75rem;
    color: #281F18;
}

.check-list li::before {
    content: '\e86c';
    font-family: 'Material Symbols Outlined';
    position: absolute;
    left: 0;
    top: -2px;
    color: #83776b;
    font-size: 1.25rem;
}

/* ----- SEO Section & Text Utilities ----- */
.seo-text {
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: normal;
}

/* ----- FAQ Answer / Icon (from index.html) ----- */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    transition: max-height 360ms ease, padding 360ms ease;
}

.faq-icon {
    transition: transform 0.3s ease;
}

.faq-icon.open {
    transform: rotate(180deg);
}

/* ----- Form Number Input (no spinners) ----- */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}