@charset "UTF-8";

/* =============================================
   NINE SISTER JEWELLERY — LIGHT THEME OVERRIDE
   Replace / merge with existing style.css
   ============================================= */

:root {
    --theme-color: #b8400e;
    --title-color: #1a1208;
    --body-color: #4a3728;
    --smoke-color: #7a6652;
    --vs-secondary-color: #fdf8f3;
    --black-color: #1a1208;
    --bg-color1: #f9f3ea;
    --bg-color2: #fdf8f3;
    --bg-color3: #f5ede0;
    --bg-color4: #ede0cc;
    --bg-color5: #f0e6d4;
    --bg-color6: #e8d9c5;
    --bg-color7: #fdf8f3;
    --bg-color8: #f5ede0;
    --bg-color9: #ede0cc;
    --bg-color10: #e8d9c5;
    --bg-color11: #c9a96e;
    --bg-color12: #fdf3e6;
    --bg-color13: #f9f3ea;
    --text-color1: #1a1208;
    --text-color2: #2d1f0f;
    --text-color3: #4a3728;
    --text-color4: #5a4535;
    --text-color5: #3d2e1e;
    --text-color6: #1a1208;
    --text-color7: #3d2e1e;
    --text-color8: #2d1f0f;
    --rating-color1: #b8400e;
    --rating-color2: #c9a96e;
    --bread-text-color: #7a6652;
    --pagi-text-color: #7a6652;
    --footer-text-color: #7a6652;
    --white-color: #ffffff;
    --yellow-color: #e6a832;
    --success-color: #28a745;
    --error-color: #dc3545;
    --vs-border-color: #e8d9c5;
    --vs-border-color2: #ede0cc;
    --vs-border-color3: #e8d9c5;
    --vs-border-color4: #ddd0bb;
    --vs-border-color5: #d4c0a5;
    --vs-border-color6: #e0d0bb;
    --vs-border-color7: #ddd0bb;
    --gold-light-color: #b8400e;
    --black-bg: #fdf8f3;
    --gray-color1: #e8d9c5;
    --gray-color2: #c9a96e;
    --gray-color3: #b8400e;
    --theme-color-rgb: 160, 120, 64;
    --title-color-rgb: 26, 18, 8;
    --body-color-rgb: 74, 55, 40;
    --smoke-color-rgb: 122, 102, 82;
    --vs-secondary-color-rgb: 253, 248, 243;
    --black-color-rgb: 26, 18, 8;
    --white-color-rgb: 255, 255, 255;
    --yellow-color-rgb: 230, 168, 50;
    --gold-light-color-rgb: 160, 120, 64;
    --black-bg-rgb: 253, 248, 243;
    --gray-color1-rgb: 232, 217, 197;
}

/* =============================================
   BASE
   ============================================= */

body {
    background-color: #fdf8f3;
    color: var(--body-color);
}
i.fal.fa-bars {
    color: #b8400e;
}

/* Links */
a {
    color: var(--title-color);
}
a:hover {
    color: var(--theme-color);
}

/* =============================================
   SCROLLBAR
   ============================================= */
::-webkit-scrollbar-track { background: #f5ede0; }
::-webkit-scrollbar-thumb { background: #c9a96e; }
::-webkit-scrollbar-thumb:hover { background: #b8400e; }

/* =============================================
   PRELOADER
   ============================================= */
.preloader {
    background-color: #fdf8f3;
}
.loader:before {
    background-color: var(--title-color);
    box-shadow: 30px 0 0 var(--theme-color);
}
.loader:after {
    background-color: var(--theme-color);
    box-shadow: 30px 0 0 var(--title-color);
}

/* =============================================
   VS BODY
   ============================================= */
.vs-body {
    background-color: #fdf8f3;
}

/* =============================================
   BUTTONS
   ============================================= */
.vs-btn {
    background-color: var(--title-color);
    color: #f5ede0;
}
.vs-btn::before,
.vs-btn::after {
    background: var(--theme-color);
}
.vs-btn:hover {
    color: #ffffff;
}

/* Inner pages accent color override */
body.vs-body2 .vs-btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #ffffff;
}
body.vs-body2 .vs-btn:hover {
    color: #ffffff !important;
}

.vs-btn.style2,
.vs-btn.style3 {
    background-color: var(--white-color);
    color: var(--theme-color) !important;
    border: 1px solid var(--theme-color);
}
.vs-btn.style5 {
    background-color: var(--title-color);
}
.vs-btn.style6 {
    border-color: var(--vs-border-color);
    color: var(--title-color);
}
.vs-btn.style6::before,
.vs-btn.style6::after {
    background-color: var(--theme-color);
}
.vs-btn.style6:hover {
    color: #ffffff;
}

.icon-btn {
    background-color: var(--theme-color);
    color: var(--white-color);
}
.icon-btn:hover {
    background-color: var(--title-color);
}
.icon-btn.style4,
.icon-btn.style3 {
    background-color: #f5ede0;
    color: var(--theme-color);
}
.icon-btn.style5 {
    background-color: var(--white-color);
    color: var(--title-color);
    box-shadow: 0 10px 24px rgba(160,120,64,0.12);
}
.icon-btn.style5:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}

/* =============================================
   SCROLL TO TOP
   ============================================= */
.scroll-btn i,
.scrollToTop {
    background-color: var(--theme-color);
    color: var(--white-color);
}

/* =============================================
   SECTION TITLES
   ============================================= */
.sec-title {
    color: var(--title-color);
}
.sec-title.text-white {
    color: var(--title-color) !important;
}
.sec-subtitle {
    color: var(--theme-color);
}
.sec-text {
    color: var(--smoke-color);
}
.border-title-border {
    background-color: var(--theme-color);
}

/* =============================================
   HEADER
   ============================================= */
.vs-header.layout2 {
    background-color: #ffffff;
    border-bottom: 1px solid var(--vs-border-color);
    padding: 18px 0;
}
.header-top {
    border-bottom: 1px solid var(--vs-border-color);
}
.header-search input {
    color: var(--title-color);
    background-color: #f9f3ea;
    border: 1px solid var(--vs-border-color);
    border-radius: 20px;
    padding: 6px 14px;
}
.header-search input::placeholder {
    color: var(--smoke-color);
}
.header-search::after {
    background-color: var(--vs-border-color);
}
.header-search:hover::after,
.header-search:focus::after {
    background-color: var(--theme-color);
}
.header-search button {
    color: var(--smoke-color);
}

.wc-link {
    color: var(--title-color);
    font-weight: 600;
}
.wc-link:hover {
    color: var(--theme-color);
}

/* Logo */
.header-logo img {
    filter: none;
}

/* =============================================
   STICKY NAV
   ============================================= */
#navbars {
    background: #ffffff;
    border-bottom: 1px solid var(--vs-border-color);
    box-shadow: 0 2px 12px rgba(160,120,64,0.08);
}

/* =============================================
   MAIN MENU
   ============================================= */
.main-menu a {
    color: var(--title-color);
}
.main-menu a:hover {
    color: var(--theme-color);
}
.main-menu>ul>li>a {
    color: var(--title-color);
    padding: 20px 0;
}
.main-menu ul.sub-menu,
.main-menu ul.mega-menu {
    background-color: var(--white-color);
    box-shadow: 0 8px 32px rgba(160,120,64,0.12);
    border-bottom: 3px solid var(--theme-color);
}
.main-menu ul.sub-menu a,
.main-menu ul.mega-menu a {
    color: var(--title-color);
}
.main-menu ul.sub-menu a:hover,
.main-menu ul.mega-menu a:hover {
    color: var(--theme-color);
}
.main-menu ul.mega-menu>li>a {
    color: var(--title-color);
}

.will-sticky .sticky-active {
    background-color: #ffffff;
    box-shadow: 0 2px 20px rgba(160,120,64,0.1);
}
.will-sticky .sticky-active.active .main-menu>ul>li>a {
    color: var(--title-color);
}
.will-sticky .sticky-active.active .menu-style1>ul>li>a {
    color: var(--title-color);
}

/* Menu Category Dropdown */
.menu-toggle svg path {
    fill: var(--title-color);
}
.menu-category .menu-list {
    background-color: var(--white-color);
    box-shadow: 0 8px 32px rgba(160,120,64,0.15);
}
.menu-category .menu-item {
    color: var(--title-color);
    border-bottom: 1px solid var(--vs-border-color);
}
.menu-category .menu-item:hover {
    background-color: #f5ede0;
    color: var(--theme-color);
}

/* =============================================
   MOBILE MENU
   ============================================= */
.vs-menu-wrapper .vs-menu-area {
    background-color: var(--white-color);
    border-right: 3px solid var(--theme-color);
}
.vs-menu-wrapper .mobile-logo {
    background-color: var(--title-color);
}
.vs-mobile-menu ul li {
    border-bottom: 1px solid var(--vs-border-color);
}
.vs-mobile-menu ul li a {
    color: var(--title-color);
}
.vs-mobile-menu ul li.vs-active>a {
    color: var(--theme-color);
}

/* =============================================
   HERO SECTION
   ============================================= */
.hero-layout1 {
    background-color: #fdf3e6;
}
.hero-main {
    background: linear-gradient(135deg, #fdf8f3 0%, #f5ede0 60%, #ede0cc 100%);
}
.hero-main .hero-title {
    color: var(--title-color);
}
.hero-main .hero-title .highlight {
    color: var(--theme-color);
}
.hero-main .hero-subtitle {
    color: var(--smoke-color);
}

/* =============================================
   PRODUCT STYLES
   ============================================= */

/* Product Style 1 */
.product-style1 .product-title {
    color: var(--title-color);
}
.product-style1 .product-title a {
    color: var(--title-color);
}
.product-style1 .product-title a:hover {
    color: var(--theme-color);
}
.product-style1 .product-price,
.product-style1 .product-cart {
    color: var(--theme-color);
}
.product-style1 .product-rate i {
    color: var(--theme-color);
}
.product-style1 .product-img {
    background: linear-gradient(135deg, #f9f3ea, #f0e6d4);
    border: 1px solid var(--vs-border-color);
    border-radius: 4px;
}

/* Product Style 2 */
.product-style2 {
    background-color: var(--white-color);
    border: 1px solid var(--vs-border-color);
    box-shadow: 0 4px 16px rgba(160,120,64,0.06);
  
}
.product-style2::before,
.product-style2::after {
    background: linear-gradient(180deg, #ffffff 0%, #f9f3ea 100%);
    opacity: 0.7;
}
.product-style2::before {
    background-color: #fdf8f3;
}
.product-style2 .product-title a {
    color: var(--title-color);
}
.product-style2 .product-title a:hover {
    color: var(--theme-color);
}
.product-style2 .product-price,
.product-style2 .product-cart {
    color: var(--theme-color);
}

/* =============================================
   CATEGORY STYLES
   ============================================= */
.cate-style1 {
    background-color: var(--white-color);
    border: 1px solid var(--vs-border-color);
    box-shadow: 0 4px 16px rgba(160,120,64,0.06);
    
    transition: all 0.25s;
}
.cate-style1:hover {
    border-color: var(--theme-color);
    box-shadow: 0 8px 28px rgba(160,120,64,0.15);
}
.cate-style1 .cate-img::before,
.cate-style1 .cate-img::after {
    background-color: var(--theme-color);
}
.cate-style1 .cate-title {
    color: var(--title-color);
}
.cate-style1 .cate-title a {
    color: var(--title-color);
}
.cate-style1 .cate-title a:hover {
    color: var(--theme-color);
}
.cate-style1 .cate-stock {
    color: var(--theme-color);
}

/* Img Box 1 */
.img-box1 .img-caption {
    color: var(--white-color);
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* =============================================
   SECTION LAYOUTS (backgrounds)
   ============================================= */
.section-layout1,
.section-layout2,
.section-layout3 {
    background-color: #fdf8f3;
}
.multi-layout1 {
    background-color: #f5ede0;
}
.cate-layout1 {
    background-color: #f9f3ea;
}
.testi-layout1 {
    background-color: #f0e6d4;
}

/* =============================================
   IMG BOX 2 (Trending Products)
   ============================================= */
.img-box2 {
    background-color: var(--theme-color) !important;
    border: 2px solid #c9a96e;
}
.img-box2 .img-body {
    background-color: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.5);
}
.img-box2 .img-caption {
    color: #ffffff;
}

/* =============================================
   TESTIMONIALS
   ============================================= */
.testi-style .testi-text {
    color: var(--body-color);
}
.testi-style .testi-user {
    color: var(--title-color);
}
.testi-style .testi-user::before,
.testi-style .testi-user::after {
    background-color: var(--theme-color);
}
.testi-style .testi-thumb .img,
.testi-style .testi-thumb img {
    border-color: var(--theme-color);
}
.img-box3 {
    filter: brightness(0.92) saturate(0.9);
}

/* =============================================
   OFFER SECTION
   ============================================= */
.offer-style {
    background: linear-gradient(269.94deg, #fdf8f3 0.05%, #ffffff 99.95%);
    border: 1px solid var(--vs-border-color);
    box-shadow: 0 4px 16px rgba(160,120,64,0.08);
}
.offer-style .offer-subtitle {
    color: var(--theme-color);
}
.offer-style .offer-title {
    color: var(--title-color);
}
.offer-style .offer-title a {
    color: var(--title-color);
}
.offer-style .offer-title a:hover {
    color: var(--theme-color);
}
.offer-style .vs-btn {
    background-color: var(--title-color);
    color: #f5ede0;
}
.offer-style .vs-btn::before,
.offer-style .vs-btn::after {
    background-color: var(--theme-color);
}

/* =============================================
   BLOG
   ============================================= */
.blog-style2 .blog-title a {
    color: var(--title-color);
}
.blog-style2 .blog-title a:hover {
    color: var(--theme-color);
}
.blog-style2 .blog-meta {
    color: var(--smoke-color);
}
.blog-style2 .blog-link {
    color: var(--theme-color);
}
.blog-style2 .blog-link::after {
    background-color: var(--theme-color);
}
.blog-style2 .blog-divider,
.blog-style2 .blog-divider2 {
    background: var(--vs-border-color);
    opacity: 1;
}
.vs-blog {
    padding:15px;
    background-color: var(--white-color);
    border: 1px solid var(--vs-border-color);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(160,120,64,0.06);
    transition: all 0.25s;
}
.vs-blog:hover {
    box-shadow: 0 8px 32px rgba(160,120,64,0.14);
    transform: translateY(-3px);
}

/* =============================================
   QUOTE SECTION
   ============================================= */
.quote-layout .overlay {
    background-color: rgba(253,248,243,0.6) !important;
}
.quote-block .quote-title {
    color: var(--title-color);
}
.quote-btns .vs-btn.style2:hover,
.quote-btns .vs-btn.style3:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #ffffff !important;
}
.quote-btns .vs-btn.style3:hover i img {
    filter: brightness(0) invert(1);
}

/* =============================================
   NEWSLETTER SECTION
   ============================================= */
.multi-layout1 {
    background-color: #f0e6d4;
}
.newsletter-form {
    border: 2px solid var(--vs-border-color);
    background-color: var(--white-color);
    border-radius: 2px;
    overflow: hidden;
}
.newsletter-form .form-control {
    background-color: transparent;
    color: var(--title-color);
}
.newsletter-form .form-control::placeholder {
    color: var(--smoke-color);
}
.newsletter-form .vs-btn {
    background-color: var(--title-color);
    color: #f5ede0;
}
.newsletter-form .vs-btn::before,
.newsletter-form .vs-btn::after {
    background-color: var(--theme-color);
}

/* Instagram */
.insta-style::before {
    background-color: rgba(201,169,110,0.65);
}

/* =============================================
   FOOTER
   ============================================= */
.footer-layout1 {
    background-color: var(--title-color);
}
.footer-copyright {
    color: var(--smoke-color);
    border-top: 1px solid rgba(255,255,255,0.08);
}
.footer-copyright a {
    color: var(--theme-color);
}
.footer-copyright a:hover {
    color: #c9a96e;
}
.footer-info {
    color: #c9a96e;
}
.footer-info a {
    color: #c9a96e;
}
.footer-info a:hover {
    color: var(--white-color);
}
.footer-menu a {
    color: #ede0cc;
}
.footer-menu a:hover {
    color: var(--theme-color);
}

/* =============================================
   SIDEMENU (offcanvas)
   ============================================= */
.sidemenu-wrapper .sidemenu-content {
    background-color: var(--white-color);
}
.sidemenu-title {
    color: var(--title-color);
}
.sidemenu-title span {
    color: var(--theme-color);
}
.sidemenu-subtitle {
    color: var(--smoke-color);
}
.sidemenu-subtitle.style2 {
    color: var(--theme-color);
}
.sidemenu-contact a {
    color: var(--body-color);
}
.sidemenu-contact a::before {
    background-color: var(--theme-color);
}
.sidemenu-form input {
    border: 1px solid var(--vs-border-color);
    background-color: #f9f3ea;
    color: var(--title-color);
}
.sidemenu-form input::placeholder {
    color: var(--smoke-color);
}
.sidemenu-logo {
    border-bottom: 1px solid var(--vs-border-color);
}
.sidemenu-wrapper .closeButton {
    background-color: var(--title-color);
    color: var(--theme-color);
}
.sidemenu-wrapper .closeButton:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}
.sidemenu-wrapper .footer-social span {
    color: var(--smoke-color);
}
.sidemenu-wrapper .footer-social a {
    color: var(--body-color);
}

/* =============================================
   WIDGETS (sidebar)
   ============================================= */
.widget_title {
    color: var(--title-color);
}
.widget_nav_menu a,
.widget_meta a,
.widget_pages a,
.widget_archive a,
.widget_categories a {
    color: var(--body-color);
}
.widget_nav_menu a:hover,
.widget_meta a:hover,
.widget_pages a:hover,
.widget_archive a:hover,
.widget_categories a:hover {
    color: var(--theme-color);
}
.widget_nav_menu li>span,
.widget_categories li>span {
    background-color: var(--bg-color3);
    color: var(--smoke-color);
}
.widget .search-form {
    border-bottom: 2px solid var(--vs-border-color);
}
.widget .search-form input {
    background-color: transparent;
    color: var(--body-color);
}
/* .widget .search-form button {
    color: var(--title-color);
} */
.tagcloud a {
    background-color: var(--bg-color3);
    color: var(--body-color);
}
.tagcloud a:hover {
    background-color: var(--theme-color);
    color: var(--white-color) !important;
}
.recent-post .post-title {
    color: var(--title-color);
}
.recent-post .recent-post-meta a,
.recent-post .recent-post-meta span {
    color: var(--smoke-color);
}
.recent-post .recent-post-meta a i,
.recent-post .recent-post-meta span i {
    color: var(--theme-color);
}
.widget_about h3 {
    color: var(--title-color);
}
.widget_about p {
    color: var(--body-color);
}

/* =============================================
   FORMS
   ============================================= */
select,
.form-control,
.form-select,
textarea,
input {
    background-color: #f9f3ea;
    border-color: var(--vs-border-color);
    color: var(--title-color);
}
select:focus,
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
    background-color: #ffffff;
    border-color: var(--theme-color);
}
select::placeholder,
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
    color: var(--smoke-color);
}
label {
    color: var(--title-color);
}
input[type=checkbox]~label:before {
    background-color: var(--white-color);
    border-color: var(--vs-border-color);
}
input[type=checkbox]:checked~label:before {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

/* Comment form */
.comment-respond .form-control {
    background-color: transparent;
    border: 1px solid var(--vs-border-color);
    color: var(--body-color);
}
.comment-respond p {
    color: var(--body-color);
}
.comment-respond .blog-inner-title {
    color: var(--title-color);
}
.comment-respond .vs-btn {
    background-color: var(--bg-color3);
    color: var(--body-color);
}
.comment-respond .vs-btn::before,
.comment-respond .vs-btn::after {
    background-color: var(--theme-color);
}
.comment-respond .vs-btn:hover {
    color: var(--white-color);
}

/* =============================================
   COMMENTS
   ============================================= */
.vs-comments-wrap .vs-post-comment {
    border-bottom-color: var(--vs-border-color);
}
.vs-comments-wrap .name {
    color: var(--title-color);
}
.vs-comments-wrap .commented-on {
    color: var(--smoke-color);
}
.vs-comments-wrap .text:last-of-type {
    color: var(--body-color);
}
.vs-comments-wrap .replay-btn {
    color: var(--smoke-color);
}
.vs-comments-wrap .replay-btn i {
    color: var(--theme-color);
}
.vs-comments-wrap .replay-btn:hover {
    color: var(--theme-color);
}

/* =============================================
   BLOG INNER
   ============================================= */
.blog-inner-title {
    color: var(--title-color);
}
.blog-style1 .blog-title,
.blog-style3 .blog-title {
    color: var(--title-color);
}
.blog-style1 .blog-text,
.blog-style1 p,
.blog-style3 .blog-text,
.blog-style3 p {
    color: var(--body-color);
}
.blog-style1 .blog-link,
.blog-style3 .blog-link {
    background-color: var(--bg-color3);
    color: var(--body-color);
}
.blog-style1 .blog-link:hover,
.blog-style3 .blog-link:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}
.blog-style1 .blog-meta a,
.blog-style1 .blog-meta span,
.blog-style3 .blog-meta a,
.blog-style3 .blog-meta span {
    color: var(--smoke-color);
}
.blog-style1 .blog-img,
.blog-style3 .blog-img {
    background-color: var(--bg-color3);
    border: 1px solid var(--vs-border-color);
}
.post-admin {
    background-color: var(--bg-color3);
}
.post-admin .post-header h4 {
    color: var(--title-color);
}
.post-admin .post-text {
    color: var(--body-color);
}

/* =============================================
   PAGINATION
   ============================================= */
.vs-pagination span,
.vs-pagination a {
    background-color: var(--bg-color3);
    color: var(--smoke-color);
}
.vs-pagination span.active,
.vs-pagination span:hover,
.vs-pagination a.active,
.vs-pagination a:hover {
    color: var(--theme-color);
}

/* =============================================
   BREADCRUMB
   ============================================= */
.breadcumb-wrapper {
    background-color: var(--bg-color3);
}
.breadcumb-wrapper .overlay {
    background-color: rgba(240,230,212,0.7);
    opacity: 1;
}
.breadcumb-title {
    color: var(--title-color);
}
.breadcumb-menu li,
.breadcumb-menu span {
    color: var(--smoke-color);
}
.breadcumb-menu a {
    color: var(--theme-color);
}
.breadcumb-menu li:after {
    color: var(--theme-color);
}

/* =============================================
   SHOP
   ============================================= */
.product-style3 .product-img {
    background: linear-gradient(135deg, #f9f3ea, #f0e6d4);
    border: 1px solid var(--vs-border-color);
}
.product-style3 .product-title {
    color: var(--title-color);
}
.product-style3 .product-title a {
    color: var(--title-color);
}
.product-style3 .product-price,
.product-style3 .product-cart {
    color: var(--theme-color);
}
.vs-sort-bar select {
    color: var(--body-color);
    background-color: transparent;
}
.vs-sort-bar p.woocommerce-result-count {
    color: var(--body-color);
}
.shop-sidebar .widget_title {
    color: var(--title-color);
    border-bottom-color: var(--vs-border-color);
}
.latest-product .product-title {
    color: var(--body-color);
    border-bottom-color: var(--vs-border-color);
}
.latest-product .product-price {
    color: var(--smoke-color);
}
.latest-product .media-img {
    background-color: var(--bg-color3);
}
.category-filter input[type=checkbox]~label {
    color: var(--body-color);
}
.category-filter input[type=checkbox]~label:before {
    background-color: var(--bg-color3);
    border-color: var(--vs-border-color);
}
.category-filter input[type=checkbox]:checked~label {
    color: var(--title-color);
}
.category-filter input[type=checkbox]:checked~label:before {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.category-filter .total {
    color: var(--smoke-color);
}
.range-slider-area .price-amount {
    color: var(--title-color);
}
.range-slider-area .ui-slider {
    background-color: var(--vs-border-color);
}
.range-slider-area .ui-slider-range,
.range-slider-area .ui-slider-handle {
    background-color: var(--theme-color);
}

/* Cart */
.cart_table {
    border-color: var(--vs-border-color);
    background-color: var(--white-color);
}
.cart_table thead th {
    color: var(--body-color);
}
.cart_table td:before,
.cart_table th {
    color: var(--title-color);
}
.cart_table td {
    border-color: var(--vs-border-color);
    color: var(--body-color);
}
.cart_table .cart-productname {
    color: var(--body-color);
}
.cart_table .cart-productname:hover {
    color: var(--theme-color);
}
.cart_table .qty-input {
    border-color: var(--vs-border-color);
    color: var(--title-color);
}
.cart_table .remove {
    color: var(--theme-color);
}
.cart_totals {
    border-color: var(--vs-border-color);
}
.cart_totals th,
.cart_totals td {
    color: var(--title-color);
    border-bottom-color: var(--vs-border-color);
}
.cart_totals th:first-child,
.cart_totals td:first-child {
    background-color: var(--bg-color3);
    color: var(--body-color);
}
.cart_totals .order-total .amount {
    color: var(--theme-color);
}
.vs-cart-coupon input {
    background-color: var(--bg-color3);
}

/* Product Detail */
.product-about .product-title {
    color: var(--title-color);
}
.product-about .product-price {
    color: var(--title-color);
}
.product-about .product-desc {
    color: var(--body-color);
}
.product-about .product_meta>span {
    color: var(--title-color);
}
.product-about .product_meta>span span {
    color: var(--body-color);
}
.product-about .product_meta>span span a {
    color: var(--body-color);
}
.product-about .product_meta>span span a:hover {
    color: var(--theme-color);
}
.product-about .product-divider {
    background-color: var(--vs-border-color);
}
.product-about .wish-btn {
    color: var(--body-color);
}
.product-description .nav {
    border: 2px solid var(--vs-border-color);
}
.product-description .nav .nav-link {
    color: var(--smoke-color);
}
.product-description .nav .nav-link.active {
    color: var(--theme-color);
}
.product-description .desc-content {
    background-color: var(--bg-color3);
}
.product-description .desc-content .desc-text,
.product-description .desc-content .desc-subtitle {
    color: var(--body-color);
}
.product-description .vs-comments-wrap .name {
    color: var(--title-color);
}
.product-slide-row .product-thumb-slide .thumb {
    background-color: var(--bg-color3);
}
.product-slide-row .product-big-img img {
    background-color: var(--bg-color3);
}
.tab-style1 .nav .nav-link {
    background-color: var(--white-color);
    color: var(--smoke-color);
    border: 2px solid var(--vs-border-color);
}
.tab-style1 .nav .nav-link.active {
    color: var(--theme-color);
    border-color: var(--theme-color);
}

/* =============================================
   ACCORDION FAQ
   ============================================= */
.accordion-style1 .accordion-item {
    background: var(--white-color);
    border: 1px solid var(--vs-border-color);
    box-shadow: none;
}
.accordion-style1 .accordion-button {
    background-color: transparent;
    color: var(--title-color);
}
.accordion-style1 .accordion-button:after {
    color: var(--title-color);
}
.accordion-style1 .accordion-button:not(.collapsed) {
    color: var(--theme-color);
    border-bottom-color: var(--vs-border-color);
}
.accordion-style1 .accordion-button:not(.collapsed):after {
    color: var(--theme-color);
}
.accordion-style1 .accordion-body {
    color: var(--body-color);
}

/* =============================================
   PROCESS SECTION
   ============================================= */
.process-content h3 {
    color: var(--title-color);
}
.process-content h3 span {
    color: var(--theme-color);
}
.process-content p {
    color: var(--body-color);
}

/* =============================================
   POPUP
   ============================================= */
.popup-overlay .popup-content {
    background-color: #fdf8f3;
}
.popup-overlay .popup-title {
    color: var(--title-color);
}
.popup-overlay .popup-title span {
    color: var(--theme-color);
}
.popup-overlay .popup-text {
    color: var(--body-color);
}
.popup-overlay .popup-input {
    background-color: var(--bg-color3);
    color: var(--body-color);
}
.popup-overlay .popup-input::placeholder {
    color: var(--smoke-color);
}
.popup-overlay .vs-btn {
    background-color: var(--title-color);
    color: #f5ede0;
}
.popup-overlay .no-thanks {
    color: var(--body-color);
}
.popup-overlay .close-btn {
    background-color: var(--bg-color3);
    color: var(--title-color);
}
.popup-overlay .close-btn:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}

/* =============================================
   EXTRA SHAPES / OVERLAYS
   ============================================= */
.extra-shape {
  background: linear-gradient(180deg, #f9f3ea 4.67%, #f5ede0 22.27%);
    opacity: 0.5;
}
.gradient-bg {
    background: linear-gradient(0deg, #f5ede0 0%, #fdf8f3 100%);
    opacity: 0.3;
}

/* =============================================
   STAR RATING
   ============================================= */
.star-rating:before {
    color: var(--theme-color);
}
.star-rating span:before {
    color: var(--theme-color);
}

/* =============================================
   404 ERROR PAGE
   ============================================= */
.error-content h2 {
    color: var(--theme-color);
}
.error-content h3 {
    color: var(--body-color);
}
.error-content h3::after {
    background-color: var(--theme-color);
}
.error-content p {
    color: var(--smoke-color);
}
.error-content .vs-btn {
    background-color: var(--bg-color3);
    color: var(--body-color);
}

/* =============================================
   SOCIAL STYLE
   ============================================= */
.social-style a {
    background-color: var(--bg-color3);
}
.social-style a:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}

/* =============================================
   SLICK DOTS / ARROWS
   ============================================= */
.slick-dots button {
    background-color: var(--vs-border-color);
}
.slick-dots .slick-active button {
    background-color: var(--theme-color);
}
.slick-arrow {
    background-color: var(--white-color);
    border-color: var(--vs-border-color);
    color: var(--title-color);
}
.slick-arrow:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: transparent;
}
.carousel-arrow .vs-btn {
    color: var(--title-color);
}
.carousel-arrow .vs-btn::before,
.carousel-arrow .vs-btn::after {
    background-color: var(--theme-color);
}
.carousel-arrow .vs-btn:hover {
    color: var(--white-color);
}

/* =============================================
   CONTACT
   ============================================= */
.contact-info {
    color: var(--body-color);
}
.contact-info span {
    color: var(--title-color);
}
.address-info {
    color: var(--title-color);
    border-top-color: var(--vs-border-color);
}
.address-info:last-child {
    border-bottom-color: var(--vs-border-color);
}
.address-info a {
    color: var(--body-color);
}
.address-info a:hover {
    color: var(--theme-color);
}
.contact-layout2 .ele1,
.contact-layout2 .ele2 {
    opacity: 0.4;
}

/* =============================================
   WOOCOMMERCE NOTICES
   ============================================= */
.woocommerce-message,
.woocommerce-info {
    background-color: var(--bg-color3);
    color: var(--body-color);
}
.woocommerce-message:before,
.woocommerce-info:before {
    color: var(--theme-color);
}

/* =============================================
   TABLE
   ============================================= */
table {
    border-color: var(--vs-border-color);
}
th {
    color: var(--title-color);
}
td, th {
    border-color: var(--vs-border-color);
}

/* =============================================
   BLOCKQUOTE
   ============================================= */
blockquote {
    background-color: var(--bg-color3);
    border-left-color: var(--theme-color);
    color: var(--title-color);
}
blockquote p {
    color: var(--title-color);
}
blockquote:before {
    color: var(--theme-color);
}
blockquote cite {
    color: var(--theme-color);
}
blockquote.vs-quote p {
    color: var(--title-color);
}

/* =============================================
   SEC LINE
   ============================================= */
.sec-line {
    background-color: var(--theme-color);
}
.sec-line-wrap .sec-title2 {
    color: var(--title-color);
}

/* =============================================
   ICON BOX
   ============================================= */
.icon-box__title {
    color: var(--body-color);
}

/* =============================================
   DEAL CONTENT
   ============================================= */
.deal-content .sec-title {
    color: var(--title-color);
}
.deal-content .sec-text2 {
    color: var(--body-color);
}

/* =============================================
   CALL BOX
   ============================================= */
.call-box__title,
.call-box__subtitle {
    color: var(--body-color);
}
.call-box__subtitle {
    color: var(--theme-color);
}

/* =============================================
   POPUP SEARCH
   ============================================= */
.popup-search-box {
    background-color: rgba(253,248,243,0.97);
}
.popup-search-box button.searchClose {
    background-color: var(--theme-color);
    color: var(--white-color);
}
.popup-search-box button.searchClose:hover {
    background-color: var(--title-color);
    color: var(--white-color);
}
.popup-search-box form input {
    border: 2px solid var(--theme-color);
    background-color: transparent;
    color: var(--title-color);
}
.popup-search-box form input::placeholder {
    color: var(--smoke-color);
}
.popup-search-box form button {
    color: var(--title-color);
}

/* =============================================
   PROCESS SECTION
   ============================================= */
.process-layout1 {
    background-color: var(--bg-color3);
}

/* =============================================
   ABOUT DIVIDER
   ============================================= */
.about-divider {
    background: var(--vs-border-color);
    opacity: 0.6;
}

/* =============================================
   UTILITY — keep text readable on light bg
   ============================================= */
.text-white {
    color: var(--title-color) !important;
}
/* Exception: inside dark footer/offer sections, keep white */
.footer-layout1 .text-white,
.offer-section .text-white,
.hero-card.featured .text-white,
[data-bg-src] .text-white {
    color: #ffffff !important;
}



 /* ── SECTION ── */
    .jewelry-section {
      background: var(--cream);
      padding: 40px 0 30px;
    }

    /* ── HERO SLIDER ── */
    .hero-slider-wrap {
      position: relative;
      width: 100%;
      height: 480px;
      overflow: hidden;
      border-radius: 3px;
      box-shadow: 0 6px 40px rgba(0,0,0,0.13);
    }

    @media (max-width: 991.98px) { .hero-slider-wrap { height: 380px; } }
    @media (max-width: 767.98px) { .hero-slider-wrap { height: 300px; } }
    @media (max-width: 575.98px) { .hero-slider-wrap { height: 240px; } }

    .hero-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity 0.75s ease;
      display: flex;
      align-items: center;
    }
    .hero-slide.active { opacity: 1; z-index: 1; }

    .slide-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      transition: transform 6s ease;
    }
    .hero-slide.active .slide-bg { transform: scale(1.04); }

    .slide-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to right, rgba(248,244,239,0.92) 40%, rgba(248,244,239,0.05));
    }

    .slide-content {
      position: relative;
      z-index: 2;
      padding: 2rem 2.5rem;
      max-width: 480px;
    }

    .slide-tag {
      font-size: 10px;
      letter-spacing: 4px;
      color: var(--gold);
      text-transform: uppercase;
      display: block;
      margin-bottom: 8px;
    }

    .slide-divider {
      width: 36px;
      height: 1px;
      background: var(--gold);
      opacity: 0.55;
      margin-bottom: 12px;
    }

    .slide-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(22px, 3.5vw, 42px);
      color: var(--dark-brown);
      line-height: 1.15;
      margin: 0 0 8px;
      font-weight: 400;
    }
    .slide-title em { color: var(--gold); font-style: italic; }

    .slide-sub {
      font-size: clamp(10px, 1.2vw, 13px);
      color: var(--muted);
      letter-spacing: 1.5px;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .shop-btn {
      display: inline-block;
      padding: 9px 26px;
      border: 1px solid var(--gold);
      color: var(--gold);
      font-family: 'Cormorant Garamond', serif;
      font-size: 11px;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-decoration: none;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s;
    }
    .shop-btn:hover { background: var(--gold); color: #fff; }

    /* ── ARROWS ── */
    .slider-arrows {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      display: flex;
      gap: 8px;
    }

    .arr-btn {
      width: 38px;
      height: 38px;
      border: 1px solid rgba(184,134,11,0.45);
      background: rgba(255,255,255,0.8);
      color: var(--gold);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      transition: all 0.3s;
      backdrop-filter: blur(4px);
    }
    .arr-btn:hover { background: var(--gold); color: #fff; border-color: var(--gold); }

    /* ── SLIDE COUNTER ── */
    .slide-counter {
      position: absolute;
      left: 16px;
      bottom: 18px;
      z-index: 10;
      font-size: 11px;
      letter-spacing: 2px;
      color: var(--muted);
    }
    .slide-counter span { color: var(--gold); font-weight: 500; }

    /* ── THUMBNAILS ── */
    .thumb-row {
      display: flex;
      gap: 8px;
      margin-top: 14px;
      overflow-x: auto;
      scrollbar-width: none;
      padding-bottom: 2px;
    }
    .thumb-row::-webkit-scrollbar { display: none; }

    .thumb-item {
      flex: 0 0 calc(12.5% - 7px);
      min-width: 70px;
      cursor: pointer;
      transition: all 0.3s;
    }

    @media (max-width: 767.98px) {
      .thumb-item { min-width: 80px; flex: 0 0 80px; }
    }
    @media (max-width: 575.98px) {
      .thumb-item { min-width: 70px; flex: 0 0 70px; }
    }

    .thumb-img-wrap {
      width: 100%;
      height: 56px;
      overflow: hidden;
      border-radius: 2px;
      border: 1.5px solid transparent;
      transition: border-color 0.3s;
    }

    @media (max-width: 767.98px) { .thumb-img-wrap { height: 50px; } }

    .thumb-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(35%) brightness(0.88);
      transition: filter 0.35s;
      display: block;
    }

    .thumb-item:hover .thumb-img-wrap,
    .thumb-item.active .thumb-img-wrap {
      border-color: var(--gold);
    }
    .thumb-item:hover .thumb-img-wrap img,
    .thumb-item.active .thumb-img-wrap img {
      filter: grayscale(0%) brightness(1);
    }

   .thumb-label {
    font-size: 8px;
    color: #111;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    transition: color 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
    .thumb-item.active .thumb-label { color: var(--gold); }

    /* ── PROGRESS BAR ── */
    .progress-bar-wrap {
      height: 1px;
      background: rgba(184,134,11,0.18);
      margin-top: 12px;
      overflow: hidden;
    }
    .progress-fill {
      height: 100%;
      background: var(--gold);
      width: 0%;
    }
.blog-body {
    padding: 15px;
}

.footer-layout1 {
    background-color: #f5efe6; /* soft beige luxury */
}

/* COPYRIGHT SECTION */
.footer-copyright {
    color: #5a4636;
    border-top: 1px solid #e0d6c8;
}

.footer-copyright a {
    color: #b8965a; /* gold tone */
}

.footer-copyright a:hover {
    color: #8c6b3f; /* darker gold */
}

/* CONTACT / INFO */
.footer-info {
    color: #7a5c45;
}

.footer-info a {
    color: #b8965a;
}

.footer-info a:hover {
    color: #2b2b2b;
}

/* MENU LINKS */
.footer-menu a {
    color: #4a3a2c;
    transition: all 0.3s ease;
        text-decoration: none;
}
a{
 text-decoration: none!important;
}

.footer-menu a:hover {
    color: #b8965a;
}

/* OPTIONAL PREMIUM TOUCH */
.footer-layout1 {
    box-shadow: inset 0 1px 0 #fff;
}

/* SECTION BACKGROUND */
.cate-layout1 {
    background-size: cover;
    background-position: center;
}

/* LEFT IMAGE BOX */
.cate-left-imgbox {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.cate-left-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: transform 0.5s ease;
}

/* HOVER ZOOM (premium feel) */
.cate-left-imgbox:hover .cate-left-img {
    transform: scale(1.05);
}

/* LEFT TEXT OVERLAY */
.cate-left-caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
}

/* RIGHT SIDE SPACING FIX */
.cate-layout1 .ps-lg-4 {
    padding-left: 30px;
}

/* CARD STYLE */
.cate-style1 {
    background: #ffffff;
    border-radius: 18px;
    padding: 15px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

/* HOVER EFFECT */
.cate-style1:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* IMAGE FIX (IMPORTANT) */
.cate-img {
    width: 100%;
    height: 130px;
    overflow: hidden;
    border-radius: 12px;
}

.cate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* TITLE */
.cate-title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.cate-title a {
    color: #2b2b2b;
    text-decoration: none;
}

.cate-title a:hover {
    color: #b8965a; /* gold hover */
}

/* STOCK TEXT */
.cate-stock {
    font-size: 13px;
    color: #8a6d52;
}

/* GRID FIX (IMPORTANT) */
.cate-layout1 .row.gx-20 > div {
    display: flex;
}

/* RESPONSIVE FIX */
@media (max-width: 991px) {
    .cate-layout1 .ps-lg-4 {
        padding-left: 0;
    }

    .cate-img {
        height: 120px;
    }
}

@media (max-width: 575px) {
    .cate-layout1 .col-4 {
        width: 100%;
    }
}

/* Professional legal links in footer */
.footer-menu .legal-link {
    color: var(--theme-color);
    font-weight: 500;
}

/* =============================================
   INNER PAGES UNIFIED FIXES
   ============================================= */
.menu-toggle {
    color: var(--title-color);
}
.menu-toggle i {
    font-size: 1.15rem;
    line-height: 1;
}
.header-wc .wc-link i {
    margin-left: 6px;
    vertical-align: middle;
}

.breadcumb-wrapper {
    background-color: #1a1208;
}
.breadcumb-title {
    color: #fff !important;
}
.breadcumb-menu li,
.breadcumb-menu a,
.breadcumb-menu span {
    color: rgba(255, 255, 255, 0.85) !important;
}

.blog-style3 .blog-link i {
    margin-left: 8px;
    font-size: 0.8rem;
}
.widget .search-form button i {
    color: var(--title-color);
}
.quote-icon .fa-quote-left {
    color: var(--theme-color);
    font-size: 1.25rem;
}

.summary-title,
.woocommerce-shipping-destination,
.shipping-calculator-button,
.woocommerce-shipping-methods label,
.shipping-calculator-form p,
.shipping-calculator-form th,
.shipping-calculator-form td,
.cart-actions,
.cart-actions .vs-cart-coupon {
    color: var(--title-color);
}

.vs-cart-coupon .vs-btn,
.wc-proceed-to-checkout .vs-btn {
    background: #1a1208 !important;
    color: #f5ede0 !important;
    /* border: 2px solid #1a1208 !important; */
}
.vs-cart-coupon .vs-btn:hover,
.wc-proceed-to-checkout .vs-btn:hover {
    background: transparent !important;
    color: #fff !important;
}
.wc-proceed-to-checkout .vs-btn {
    display: block;
    text-align: center;
    padding: 14px 28px;
}

@media (max-width: 991px) {
    .blog-body {
        padding: 16px;
    }
    .blog-style3 .blog-footer {
        gap: 10px;
        flex-wrap: wrap;
    }
    .cart-actions .row > div {
        margin-bottom: 12px;
    }
}

@media (max-width: 575px) {
    .header-wc .wc-link {
        font-size: 0.85rem;
    }
    .header-wc .wc-link i {
        margin-left: 4px;
    }
    .cart-count {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 0.7rem;
    }
}


.login-card { background: #fff; border: 1px solid #e8e0d0; padding: 48px 40px; max-width: 100%; }
    @media(max-width:576px){.login-card{padding:32px 20px;}}
    .login-card__title { font-family:'Italiana',serif; font-size:2rem; color:#1a1208; margin-bottom:6px; }
    .login-card__sub { color:#888; font-size:0.9rem; }
    .login-card__footer { color:#888; font-size:0.875rem; }
    .auth-link { color:#b09f7c; text-decoration:none; }
    .auth-link:hover { color:#1a1208; text-decoration:underline; }
    .social-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:11px 20px; border:1.5px solid #e0d8cc; background:#fff; color:#333; font-family:'Montserrat',sans-serif; font-size:0.85rem; text-decoration:none; transition:all .3s; margin-bottom:10px; }
    .social-btn:hover { background:#f9f6f0; border-color:#b09f7c; color:#1a1208; }
    .divider-text { position:relative; text-align:center; margin:20px 0; }
    .divider-text::before { content:''; position:absolute; top:50%; left:0; right:0; height:1px; background:#e8e0d0; }
    .divider-text span { background:#fff; padding:0 16px; position:relative; color:#aaa; font-size:0.8rem; font-family:'Montserrat',sans-serif; }
    .form-label { font-family:'Montserrat',sans-serif; font-size:0.8rem; letter-spacing:1px; color:#555; margin-bottom:6px; display:block; }
    .form-control, .form-select { border:1.5px solid #e0d8cc!important;background-color: #f9f3ea !important; border-radius:0; padding:10px 14px; font-size:0.9rem; font-family:'Montserrat',sans-serif; transition:border .3s; }
    .form-control:focus, .form-select:focus { border-color:#b09f7c; box-shadow:none; outline:none; }
    .input-password-wrap { position:relative; }
    .toggle-pwd { position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none; border:none; color:#aaa; cursor:pointer; }
    .forgot-link { font-size:0.8rem; color:#b09f7c; text-decoration:none; }
    .forgot-icon { font-size:3rem; color:#b09f7c; }
    .w-100.vs-btn { width:100%; text-align:center; }
    /* Account page */
    .account-sidebar { background:#fff; border:1px solid #e8e0d0; padding:28px; }
    .account-nav { list-style:none; padding:0; margin:0; }
    .account-nav li { border-bottom:1px solid #f0ebe0; }
    .account-nav li:last-child { border:none; }
    .account-nav__link { display:flex; align-items:center; gap:10px; padding:12px 8px; color:#555; text-decoration:none; font-family:'Montserrat',sans-serif; font-size:0.85rem; transition:all .3s; }
    .account-nav__link:hover, .account-nav__link.active { color:#b09f7c; padding-left:14px; }
    .account-card { background:#fff; border:1px solid #e8e0d0; padding:28px; }
    .account-card__head { margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid #f0ebe0; }
    .account-card__title { font-family:'Italiana',serif; font-size:1.6rem; color:#1a1208; margin:0; }
    .avatar-edit-btn { position:absolute; bottom:0; right:0; width:28px; height:28px; background:#b09f7c; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#fff; font-size:0.7rem; }
    #avatarWrap { position:relative; display:inline-block; }
    .order-status { padding:4px 12px; border-radius:20px; font-size:0.75rem; font-family:'Montserrat',sans-serif; letter-spacing:1px; text-transform:uppercase; }
    .order-status.delivered { background:#e8f5e9; color:#2e7d32; }
    .order-status.shipped { background:#e3f2fd; color:#1565c0; }
    .order-status.processing { background:#fff8e1; color:#f57f17; }
    .order-status.cancelled { background:#fce4ec; color:#c62828; }
    .orders-table { width:100%; border-collapse:collapse; }
    .orders-table th, .orders-table td { padding:12px 14px; text-align:left; border-bottom:1px solid #f0ebe0; font-size:0.875rem; }
    .orders-table th { font-family:'Montserrat',sans-serif; font-size:0.75rem; letter-spacing:1px; text-transform:uppercase; color:#888; font-weight:400; }
    .order-view-btn { color:#b09f7c; text-decoration:none; font-size:0.8rem; }
    .address-card { border:1.5px solid #e8e0d0; padding:20px; position:relative; }
    .address-card__badge { position:absolute; top:12px; right:12px; background:#b09f7c; color:#fff; font-size:0.7rem; padding:2px 8px; letter-spacing:1px; text-transform:uppercase; }
    .order-item { border:1px solid #e8e0d0; padding:20px; margin-bottom:16px; }
    .order-num { font-family:'Montserrat',sans-serif; font-size:0.875rem; font-weight:600; color:#1a1208; }
    .order-date { font-size:0.8rem; color:#999; }
.faq-main-section{
    background-color:#f5ede0;
}