:root {
    --salon-rose: #b76e79;
    --salon-rose-deep: #925460;
    --salon-gold: #d5a746;
    --salon-gold-light: #f2d783;
    --salon-gold-dark: #a97620;
    --salon-gold-ink: #49300f;
    --salon-blush: #f7e9eb;
    --salon-cream: #fffaf7;
    --salon-paper: #ffffff;
    --salon-ink: #513f43;
    --salon-muted: #786b6d;
    --salon-border: #ead9d9;
    --primary-color: #b76e79 !important;
    --secondary-color: rgba(183, 110, 121, 0.18) !important;
}

body {
    background: var(--salon-cream);
    color: var(--salon-muted);
    font-family: "DM Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--salon-ink);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
}

a,
a:focus,
a:hover {
    color: inherit;
}

::selection {
    background: var(--salon-rose);
    color: #fff;
}

.header-section {
    position: relative;
    background: rgba(255, 250, 247, 0.98);
    box-shadow: 0 5px 24px rgba(81, 63, 67, 0.07);
}

.header-section.header-fixed {
    background: rgba(255, 250, 247, 0.98);
    box-shadow: 0 5px 24px rgba(81, 63, 67, 0.1);
}

.header-section.header-fixed .header-bottom-area,
.header-bottom-area,
.header-bottom-area .navbar-collapse {
    background: var(--salon-cream);
    border-color: var(--salon-border);
}

.header-bottom-area .navbar-collapse .main-menu li a {
    color: var(--salon-ink);
    font-family: "DM Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 600;
}

.header-bottom-area .navbar-collapse .main-menu li a:hover,
.header-bottom-area .navbar-collapse .main-menu li a.active {
    color: var(--salon-rose-deep);
}

.header-bottom-area .navbar-collapse .main-menu li a::after {
    background: var(--salon-rose);
}

.navbar-toggler {
    color: var(--salon-ink);
}

.btn--base:not(.bg-danger):not(.btn--danger):not(.alert-submit-btn),
.search-btn {
    background: linear-gradient(115deg, var(--salon-gold-dark), var(--salon-gold) 28%, var(--salon-gold-light) 52%, var(--salon-gold) 76%, var(--salon-gold-dark));
    border-radius: 999px;
    box-shadow: 0 8px 20px rgba(169, 118, 32, 0.22);
    color: var(--salon-gold-ink);
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.btn--base:not(.bg-danger):not(.btn--danger):not(.alert-submit-btn):hover,
.search-btn:hover {
    background: linear-gradient(115deg, #946319, #c79532 28%, #e9ca72 52%, #c79532 76%, #946319);
    box-shadow: 0 10px 24px rgba(169, 118, 32, 0.3);
    color: var(--salon-gold-ink);
    transform: translateY(-1px);
}

.section-header .section-sub-title {
    background: var(--salon-blush);
    border-radius: 999px;
    color: var(--salon-rose-deep);
}

.section-header .section-title span,
.text--base,
.footer-section .copyright-text .text--base {
    color: var(--salon-rose-deep) !important;
}

.banner-section {
    isolation: isolate;
}

.banner-section::before {
    background: linear-gradient(90deg, rgba(57, 37, 43, 0.72), rgba(91, 57, 65, 0.2));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.banner-section .banner-content .title {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.05;
}

.banner-section .banner-content p {
    color: #fff;
    font-weight: 700;
}

.banner-flotting-item,
.find-parlour-section .banner-flotting-item {
    background: var(--salon-paper);
    border: 1px solid var(--salon-border);
    border-radius: 20px;
    box-shadow: 0 18px 50px rgba(81, 63, 67, 0.1);
}

.banner-flotting-item input,
.banner-flotting-item .nice-select,
input.form--control,
textarea.form--control,
select.form--control {
    background-color: #fff;
    border: 1px solid var(--salon-border);
    border-radius: 12px;
    color: var(--salon-ink);
}

.nice-select,
.nice-select .current,
.select2-container--default .select2-selection--single .select2-selection__rendered,
select,
select.form--control {
    color: var(--salon-ink) !important;
}

.nice-select .list,
.select2-dropdown,
.select2-container--default .select2-results > .select2-results__options,
option {
    background: var(--salon-paper) !important;
    color: var(--salon-ink) !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--salon-blush) !important;
    color: var(--salon-rose-deep) !important;
}

.nice-select .option.disabled,
.select2-container--default .select2-results__option--disabled {
    color: #867779 !important;
}

.banner-flotting-item input::placeholder,
input.form--control::placeholder,
textarea.form--control::placeholder {
    color: #a39495;
}

.salon-site input.form--control,
.salon-site textarea.form--control {
    background-color: #fff;
    color: var(--salon-ink) !important;
}

.salon-site input.form--control:focus,
.salon-site textarea.form--control:focus {
    background-color: #fff;
    color: var(--salon-ink) !important;
}

.salon-site input.form--control::placeholder,
.salon-site textarea.form--control::placeholder {
    color: #8b7b7d;
    opacity: 1;
}

.service-section .service-area,
.searching-service .search-parlour,
.statistics-section .counter,
.faq-wrapper .faq-item,
.how-its-work-section .work-steps,
.contact-widget,
.parlour-list-area .parlor-item,
.blog-section .blog-area {
    background: var(--salon-paper);
    border: 1px solid var(--salon-border);
    border-radius: 18px;
    box-shadow: 0 10px 32px rgba(81, 63, 67, 0.06);
}

.alert-section-bg {
    background: linear-gradient(135deg, #fffdfb, #f8e9eb);
    border: 1px solid var(--salon-border);
    border-radius: 14px;
    color: var(--salon-ink);
}

.appointment-area {
    background: linear-gradient(145deg, #fffdfb, #f8e9eb);
    border: 1px solid var(--salon-border);
    border-radius: 22px;
    box-shadow: 0 14px 38px rgba(115, 73, 81, 0.1);
    color: var(--salon-ink);
}

.appointment-area .title,
.appointment-area .salon-title .title,
.appointment-area .shedule-title .title {
    color: var(--salon-ink);
}

.appointment-area .salon-title .title i,
.appointment-area .shedule-title .title i {
    color: var(--salon-rose);
}

.appointment-area .salon-thumb {
    border-color: #e5c5c8;
    box-shadow: 0 8px 20px rgba(115, 73, 81, 0.12);
}

.appointment-area .list-wrapper .preview-area {
    border-color: var(--salon-border);
}

.appointment-area .list-wrapper .preview-area .preview-item,
.appointment-area .list-wrapper .preview-area .preview-details,
.appointment-area .list-wrapper .preview-area p {
    color: var(--salon-ink);
}

.appointment-area .service-item .service-inner label {
    background: rgba(255, 255, 255, 0.76);
    border-color: var(--salon-border);
    border-radius: 12px;
    color: var(--salon-ink);
}

.appointment-area .service-item .service-inner .hide-input:checked ~ label {
    background: #f6e2e5;
    border-color: var(--salon-rose);
    color: var(--salon-rose-deep);
}

.appointment-area .service-item .service-inner label::before {
    background: var(--salon-rose);
    color: #fff;
}

.appointment-area input.form--control,
.appointment-area textarea.form--control,
.appointment-area select.form--control,
.appointment-area .nice-select {
    background-color: #fff;
    border-color: var(--salon-border);
    color: var(--salon-ink) !important;
}

.appointment-area .shedule-area > label {
    color: var(--salon-ink);
}

.appointment-area .shedule-item .shedule-inner label,
.appointment-area .shedule-item .shedule-inner label strong {
    background: rgba(255, 255, 255, 0.76);
    border-color: var(--salon-border);
    color: var(--salon-ink);
}

.appointment-area .shedule-item .shedule-inner .hide-input:checked ~ label {
    background: #f6e2e5;
    border-color: var(--salon-rose);
    color: var(--salon-rose-deep);
}

.appointment-area .shedule-item .shedule-inner.danger label,
.appointment-area .shedule-item .shedule-inner.danger label strong,
.appointment-area .shedule-item .shedule-inner label strong.text--disable {
    color: #867779;
}

.service-section .service-area:hover,
.searching-service .search-parlour:hover,
.parlour-list-area .parlor-item:hover,
.blog-section .blog-area:hover {
    background: #fff5f5;
    border-color: #d9afb5;
    box-shadow: 0 16px 36px rgba(81, 63, 67, 0.1);
}

.service-section .service-area::after,
.how-its-work-section .work-steps::after {
    background: var(--salon-blush);
}

.faq-wrapper .faq-item,
.faq-wrapper .faq-item .faq-content {
    border-color: var(--salon-border);
}

.faq-wrapper .faq-item .right-icon {
    background: var(--salon-rose);
}

.about-section .about-img img,
.faq-section .faq-img img,
.contact-section .contact-page-img img,
.photo-section .photo-item img,
.testimonial-thumb img,
.blog-section .blog-area .blog-img img {
    border-radius: 18px;
}

.testimonial-section {
    background: #fbf0ef;
}

.testimonial-wrapper {
    background: linear-gradient(145deg, #fffdfb, #f8e9eb);
    border: 1px solid #ead4d7;
    border-radius: 22px;
    box-shadow: 0 14px 38px rgba(115, 73, 81, 0.12);
}

.testimonial-wrapper .testimonial-content p {
    color: var(--salon-ink);
}

.testimonial-wrapper .testimonial-user-content .title,
.testimonial-wrapper .testimonial-user-content .title span,
.testimonial-wrapper .client-title,
.testimonial-wrapper .client-title p {
    color: var(--salon-rose-deep);
}

.testimonial-wrapper .testimonial-quote .fill-white {
    fill: var(--salon-rose);
}

.testimonial-content p,
.section-header p,
.service-area p,
.footer-section p {
    color: var(--salon-muted);
}

.account-section {
    color: var(--salon-ink);
}

.account-section .account-bg::after {
    background: linear-gradient(110deg, rgba(61, 37, 43, 0.58), rgba(119, 70, 81, 0.5));
}

.account-section .account-area {
    background: linear-gradient(145deg, #fffdfb, #f8e9eb);
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 22px;
    box-shadow: 0 24px 70px rgba(42, 25, 30, 0.24);
    color: var(--salon-ink);
}

.account-section .account-area .title {
    color: var(--salon-ink);
}

.account-section .account-area p,
.account-section .account-area .account-item label,
.account-section .account-area .terms-item label {
    color: var(--salon-muted);
}

.account-section .account-area .account-item a,
.account-section .account-area .terms-item a,
.account-section .account-area .forgot-item a,
.account-section .account-area .account-control-btn {
    color: var(--salon-rose-deep);
}

.account-section .account-area .form--control {
    background: #fff;
    border-color: var(--salon-border);
    border-radius: 12px;
    color: var(--salon-ink);
}

.account-section .account-area .form--control:focus {
    background: #fff;
    border-color: var(--salon-rose);
    color: var(--salon-ink);
}

.account-section .account-area .form--control::placeholder {
    color: #98898a;
}

.account-section .account-area .show-pass {
    color: var(--salon-rose-deep);
}

.account-section .account-area .account-close {
    background: linear-gradient(135deg, var(--salon-gold), var(--salon-gold-light));
}

.account-section .account-area .account-close::before,
.account-section .account-area .account-close::after {
    background: var(--salon-gold-ink);
}

.account-section .account-section-img img {
    border-radius: 16px;
}

.footer-section {
    background: #f7e9eb;
    clip-path: none;
    padding-top: 72px;
}

.footer-widget .title {
    border-color: var(--salon-rose);
    color: var(--salon-ink);
}

.footer-section .footer-social-icon span,
.footer-section .footer-social-icon a,
.footer-section .footer-list a,
.footer-section .copyright-text {
    color: var(--salon-ink);
}

.footer-section .footer-widget li a {
    border-color: var(--salon-border);
}

.footer-section .footer-widget li a:hover,
.footer-section .footer-social-icon a:hover {
    color: var(--salon-rose-deep);
}

.footer-section .copyright-area {
    border-top: 1px solid var(--salon-border);
    margin-top: 40px;
    padding-top: 20px;
}

.cookie-main-wrapper {
    background: linear-gradient(145deg, #fffdfb, #f8e9eb);
    border: 1px solid var(--salon-border);
    border-radius: 20px;
    box-shadow: 0 18px 50px rgba(81, 63, 67, 0.16);
}

.cookie-main-wrapper .cookie-content svg {
    fill: var(--salon-rose);
}

.cookie-main-wrapper .cookie-content p,
.cookie-main-wrapper .cookie-content p.text-white {
    color: var(--salon-ink) !important;
}

.cookie-main-wrapper .cookie-content p a {
    color: var(--salon-rose-deep);
    font-weight: 600;
}

.cookie-main-wrapper .cookie-btn-area button {
    background: linear-gradient(115deg, var(--salon-gold-dark), var(--salon-gold) 35%, var(--salon-gold-light) 55%, var(--salon-gold-dark));
    border: 1px solid rgba(169, 118, 32, 0.25);
    border-radius: 999px;
    color: var(--salon-gold-ink);
    font-weight: 600;
}

.cookie-main-wrapper .cookie-btn-area button:hover {
    background: linear-gradient(115deg, #946319, #c79532 35%, #e9ca72 55%, #946319);
    color: var(--salon-gold-ink);
}

.scrollToTop {
    background: linear-gradient(135deg, var(--salon-gold), var(--salon-gold-light));
    border-radius: 50%;
    color: var(--salon-gold-ink);
}

.page-wrapper {
    background: var(--salon-cream);
}

.page-wrapper .sidebar {
    background: #fbf0f1;
    border-right: 1px solid var(--salon-border);
}

.page-wrapper .sidebar::after {
    background: #fbf0f1;
    opacity: 1;
}

.sidebar-menu .sidebar-menu-item a,
.sidebar-menu .sidebar-menu-item {
    color: var(--salon-ink);
}

.sidebar-menu .sidebar-menu-item .menu-icon {
    background: #f3dfe2;
    color: var(--salon-rose-deep);
}

.sidebar-menu .sidebar-menu-item:hover,
.sidebar-menu .sidebar-menu-item.active {
    background: #f5e3e5;
    color: var(--salon-rose-deep);
}

.sidebar-menu .sidebar-menu-item.active a .menu-icon {
    background: var(--salon-rose);
    color: #fff;
}

.page-wrapper .navbar-wrapper,
.page-wrapper .dashboard-title-part {
    background: transparent;
}

.page-wrapper .dashboard-title-part .title,
.page-wrapper .dashboard-path,
.page-wrapper .dashboard-path a {
    color: var(--salon-ink);
}

.page-wrapper .dashbord-item,
.page-wrapper .dashboard-list-item,
.page-wrapper .dashboard-header-wrapper,
.page-wrapper .chart-wrapper,
.page-wrapper .table-area,
.page-wrapper .profile-setting,
.page-wrapper .profile-info,
.page-wrapper .support-ticket-wrapper {
    background-color: var(--salon-paper);
    border-color: var(--salon-border);
    border-radius: 16px;
    box-shadow: 0 10px 32px rgba(81, 63, 67, 0.06);
}

@media (max-width: 991px) {
    .header-bottom-area .navbar-collapse {
        background: var(--salon-cream);
        border: 1px solid var(--salon-border);
        border-radius: 0 0 16px 16px;
        box-shadow: 0 16px 30px rgba(81, 63, 67, 0.08);
        padding: 8px 18px;
    }

    .header-bottom-area .navbar-collapse .main-menu li a {
        padding: 12px 0;
    }

    .footer-section {
        padding-top: 52px;
    }
}