/* ========================================
   Hassanzadeh Teppiche – Custom Styles
   ======================================== */

/* Form focus styling */
input:focus,
textarea:focus,
select:focus {
    border-color: #6B1F2A !important;
    box-shadow: 0 0 0 1px #6B1F2A;
}

/* FAQ Accordion Animation */
.faq-answer {
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease;
}

/* Smooth scroll for entire page */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 5rem;
}

/* Selection color */
::selection {
    background-color: #C6A664;
    color: #3B2A1F;
}

/* ========================================
   Hero – viewport-adaptive sizing
   Uses clamp() so everything scales smoothly
   between small laptops (768px h) and large
   desktops without breakpoint jumps.
   ======================================== */
.hero-section {
    min-height: 100dvh;
    padding-top: clamp(3.5rem, 8vh, 5rem);
    padding-bottom: clamp(1.5rem, 4vh, 3rem);
}

.hero-heading {
    font-size: clamp(2rem, 5vw + 0.5rem, 6rem);
    margin-bottom: clamp(0.75rem, 2vh, 2rem);
}

.hero-badge {
    margin-bottom: clamp(0.5rem, 1.5vh, 2rem);
}

.hero-badge-text {
    font-size: clamp(0.875rem, 1.2vw, 1.125rem);
}

.hero-subtitle {
    font-size: clamp(0.9rem, 1.3vw + 0.2rem, 1.5rem);
    margin-bottom: clamp(1rem, 3vh, 3rem);
}

.hero-btn {
    padding: clamp(0.6rem, 1.2vh, 1rem) clamp(1.25rem, 2.5vw, 2rem);
    font-size: clamp(0.875rem, 1vw + 0.1rem, 1.125rem);
}