/* [00.01] File Name: furniture-repair.css
 * [00.02] File Location: /home/momisadmin4this/public_html/assets/css/furniture-repair.css
 * [00.03] Description: Landing-page accents for furniture-repair.php that reuse
 *          the site cream, walnut, and gold tokens without Tailwind.
 * [00.04] Last updated: 2026-10-21
 */

.landing-hero {
    scroll-margin-top: 6rem;
}

.landing-outline-btn {
    border-color: var(--walnut-brown);
    color: var(--walnut-brown);
    font-family: "Cinzel", Georgia, serif;
    font-weight: 600;
    border-radius: 0.15rem;
}

.landing-outline-btn:hover,
.landing-outline-btn:focus-visible {
    background: var(--walnut-brown);
    border-color: var(--walnut-brown);
    color: #ffffff;
}

.landing-service-list li {
    position: relative;
    padding-left: 1.15rem;
    margin-bottom: 0.55rem;
    color: var(--text-muted-custom);
}

.landing-service-list li:last-child {
    margin-bottom: 0;
}

.landing-service-list li::before {
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--warm-gold);
    content: "";
}

#estimator .form-select {
    min-height: 3.25rem;
    border: 1px solid transparent;
    border-radius: 0.4rem;
}

#estimator .form-select:focus {
    background-color: #ffffff;
    border-color: var(--warm-gold);
    box-shadow: var(--focus-ring);
}

.landing-estimate-panel {
    background: var(--walnut-brown);
    color: #ffffff;
    border-radius: 0.35rem;
}

.landing-estimate-label {
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.72);
}

.landing-estimate-panel .font-heading {
    color: var(--warm-gold);
}

.landing-estimate-panel .btn-artisan {
    background: var(--warm-gold);
    border-color: var(--warm-gold);
    color: var(--walnut-brown-dark) !important;
}

.landing-estimate-panel .btn-artisan:hover,
.landing-estimate-panel .btn-artisan:focus-visible {
    background: #ffffff;
    border-color: #ffffff;
    color: var(--walnut-brown) !important;
}

.landing-area-chip {
    display: inline-block;
    padding: 0.55rem 0.95rem;
    border: 1px solid var(--border-soft);
    border-radius: 0.35rem;
    background: var(--surface-white);
    color: var(--walnut-brown);
    font-size: 0.95rem;
}

.landing-cta {
    background: var(--walnut-brown);
    color: #f7f2ea;
}

.landing-cta .font-heading {
    color: #ffffff;
}

.landing-cta p {
    color: rgba(247, 242, 234, 0.82);
}

.landing-cta .btn-artisan {
    background: var(--warm-gold);
    border-color: var(--warm-gold);
    color: var(--walnut-brown-dark) !important;
}

.landing-cta .btn-artisan:hover,
.landing-cta .btn-artisan:focus-visible {
    background: #ffffff;
    border-color: #ffffff;
    color: var(--walnut-brown) !important;
}

.landing-cta .btn-outline-light {
    border-radius: 0.15rem;
    font-family: "Cinzel", Georgia, serif;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .landing-estimate-panel .btn,
    .landing-cta .btn,
    .landing-hero .btn {
        width: 100%;
    }
}