/**
 * ============================================================
 *  BIJOUTERIECLUB — Luxury Jewelry Color Palette Override
 *  Replaces the Evenio pink/purple theme with a premium
 *  diamond & jewelry brand aesthetic (Cartier / Bulgari style)
 *
 *  Palette:
 *    Primary Gold      : #C9A227
 *    Gold Hover        : #E6B84A
 *    Dark Background   : #050A12
 *    Navy Blue         : #101A3A
 *    Ivory White       : #F8F5EF
 *    Light Beige       : #D8C3A5
 *    Text Dark         : #111111
 *    White Text        : #FFFFFF
 *
 *  Gradients:
 *    Dark  : linear-gradient(160deg, #050A12 0%, #101A3A 100%)
 *    Gold  : linear-gradient(160deg, #C9A227 0%, #E6B84A 100%)
 *    Hero  : rgba(5,10,18,0.85)
 * ============================================================
 */

/* ============================================================
   CSS CUSTOM PROPERTIES — luxury palette tokens
   ============================================================ */
:root {
  --bj-gold:          #C9A227;
  --bj-gold-hover:    #E6B84A;
  --bj-dark:          #050A12;
  --bj-navy:          #101A3A;
  --bj-ivory:         #F8F5EF;
  --bj-beige:         #D8C3A5;
  --bj-text:          #111111;
  --bj-white:         #FFFFFF;
  --bj-grad-dark:     linear-gradient(160deg, #050A12 0%, #101A3A 100%);
  --bj-grad-gold:     linear-gradient(160deg, #C9A227 0%, #E6B84A 100%);
  --bj-overlay:       rgba(5, 10, 18, 0.85);
}

/* ============================================================
   1. GLOBAL — Primary color (#fa0368 → #C9A227)
   ============================================================ */

a,
a:focus,
a:active {
  color: #C9A227 !important;
}

a:hover {
  color: #E6B84A !important;
}

/* ============================================================
   2. BUTTONS — readon / rs-btn / rs_button
   ============================================================ */

.readon,
.readon2,
.rs-btn a,
.rs_button,
.rs-view-btn a,
.btn-primary,
.rs-btn-style1,
.footer-btn-wrap .footer-btn,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  border-color: #C9A227 !important;
  color: #050A12 !important;
}

.readon:hover,
.readon2:hover,
.rs-btn a:hover,
.rs_button:hover,
.rs-view-btn a:hover,
.btn-primary:hover,
.rs-btn-style1:hover,
.footer-btn-wrap .footer-btn:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: linear-gradient(160deg, #E6B84A 0%, #C9A227 100%) !important;
  border-color: #E6B84A !important;
  color: #FFFFFF !important;
}

/* ::after hover fill — navy dark with white text */
.rs-btn a:after,
.readon:after,
.readon2:after,
.rs_button:after,
.rs-view-btn a:after {
  background-color: #101A3A !important;
  color: #FFFFFF !important;
}

/* ============================================================
   3. GRADIENTS — Pink/purple → luxury dark/gold
   ============================================================ */

/* Old: rgba(0,0,0,0) linear-gradient(160deg, #ff0066 0%, #d41872 50%, #a445b2 100%) */
[style*="linear-gradient(160deg, #ff0066"],
[style*="linear-gradient(160deg,#ff0066"] {
  background: linear-gradient(160deg, #050A12 0%, #101A3A 50%, #C9A227 100%) !important;
}

/* ============================================================
   4. PRIMARY ACCENT (#fa0368) → Gold (#C9A227)
   ============================================================ */

/* Colors / text */
.rs-menu-toggle,
.rs-header .rs-menu-toggle,
.rs-header .nav-link:hover,
.rs-process .process-text .title span,
.rs-services .services-text .title span,
.rs-team .team-content .team-social a:hover,
.rs-counter .rs-counter-list .count-number span,
.rs-iconbox .icon-item .icon-inner i,
.rs-tab-main .tab-title a:hover,
.rs-tab-main .tab-title a.active,
.rs-portfolio .portfolio-item .overlay .title a:hover,
.rs-testimonial .testimonial-item .testimonial-name,
.rs-blog .blog-item .blog-content .blog-title a:hover,
.rs-faq .accordion-item .accordion-btn,
.rs-pricing .pricing-table .pricing-header .title,
.rs-progress .progress-area .progress-title span,
.rs-gallery .gallery-item .overlay .title,
.rs-contact .contact-address-item .address-icon i,
.widget a:hover,
.widget .tagcloud a:hover,
.rs-footer .footer-widget .widget a:hover,
.rs-footer .footer-top-social li a:hover i,
.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title span,
.woocommerce-page .woocommerce a.added_to_cart,
.woocommerce span.onsale,
.rs-header .header-top-bar .bar-list li a:hover,
.rs-header .rs-menu ul li.active > a,
.rs-header .rs-menu ul li:hover > a,
.rs-header .rs-menu ul li > a:hover,
.rs-header .rs-menu ul li.current-menu-item > a,
.rs-header .rs-menu ul li.current-menu-ancestor > a,
#rs-header .header-top-bar .bar-list li a:hover,
#rs-header .rs-menu ul li.active > a,
#rs-header .rs-menu ul li:hover > a,
#rs-header .rs-menu ul li > a:hover,
#rs-header .rs-menu ul li.current-menu-item > a,
#rs-header .rs-menu ul li.current-menu-ancestor > a {
  color: #C9A227 !important;
}

/* ============================================================
   5. SECONDARY ACCENT (#3e27d8 navy-purple) → Navy (#101A3A)
   ============================================================ */

.rs-services .services-icon,
.rs-team .team-social-area .team-social a,
.rs-iconbox .icon-item .icon-bg,
.rs-process .process-icon,
.rs-single-team .team-content-top .team-name span,
.rs-tab-main .tab-title a.active,
.rs-tab-main .tab-content .tab-content-inner .tab-title,
.rs-counter .rs-counter-list .count-text .title,
.rs-blog .blog-item .blog-content .cat-btn a,
.rs-pricing .pricing-table .pricing-features li i {
  color: #101A3A !important;
}

/* ============================================================
   6. BACKGROUNDS — primary color bg
   ============================================================ */

.rs-header .header-top-bar,
.rs-header .header-top-bar2,
.rs-header.header-style1 .rs-menu-area,
.rs-header.header-style2 .rs-menu-area,
#rs-header .header-top-bar,
.rs-breadcrumbs,
.rs-breadcrumbs .breadcrumbs-inner,
.rs-counter.counter-style1,
.rs-cta,
.rs-newsletter,
.rs-footer,
.rs-footer .footer-top,
.rs-footer .footer-bottom,
.rs-preloader,
.rs-team .team-content .team-img .overlay,
.rs-team .team-item .team-social-area,
.rs-pricing .pricing-table.featured .pricing-header,
.rs-pricing .pricing-table.featured,
.rs-tab-main .tab-title,
.rs-services.services-main-home .services-item .services-inner .services-icon .icon-bg,
.back-top,
.back-top:hover,
#scrollUp {
  background: linear-gradient(160deg, #050A12 0%, #101A3A 100%) !important;
  border-color: #C9A227 !important;
}

/* Specific gold backgrounds */
.rs-btn a,
.readon,
.readon2,
.tag-cloud-link:hover,
.widget .tagcloud a:hover,
.woocommerce span.onsale,
.rs-faq .accordion-item .accordion-btn::before,
.rs-progress .progress-bar,
.rs-rating i,
.rs-counter-list .count-border {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
}

/* ============================================================
   7. BORDERS — primary color borders
   ============================================================ */

.rs-iconbox .icon-item:hover,
.rs-services .services-item:hover,
.rs-blog .blog-item:hover,
.rs-team .team-item:hover,
.rs-portfolio .portfolio-item:hover,
.rs-tab-main .tab-title a.active,
.rs-faq .accordion-item.active,
.rs-pricing .pricing-table.featured,
.rs-progress .progress-area,
.rs-contact .contact-form input:focus,
.rs-contact .contact-form textarea:focus,
input:focus,
textarea:focus,
select:focus,
.woocommerce .woocommerce-cart-form .shop_table .quantity input:focus,
.widget-title::after,
.rs-footer .footer-widget .widget-title::after,
.rs-header .rs-menu ul li:hover > a,
.rs-header .rs-menu ul li.current-menu-item > a {
  border-color: #C9A227 !important;
}

/* Top border decoration */
.rs-iconbox .icon-item::before,
.rs-services .services-item::before,
.rs-blog .blog-item::before {
  background: #C9A227 !important;
}

/* ============================================================
   8. HEADER — full luxury dark header
   ============================================================ */

#rs-header,
#rs-header .header-inner,
#rs-header .rs-full-menuarea,
.rs-header,
.rs-header .header-inner,
.rs-header .rs-full-menuarea,
.rs-header .rs-menu-area {
  background: #050A12 !important;
}

#rs-header .sticky.menu-sticky,
.rs-header .sticky.menu-sticky,
.rs-header .header-inner.sticky,
#rs-header .header-inner.sticky {
  background: rgba(5, 10, 18, 0.97) !important;
  border-bottom: 1px solid #C9A227 !important;
  box-shadow: 0 2px 30px rgba(201, 162, 39, 0.15) !important;
}

/* Logo area */
.rs-header .logo-area,
#rs-header .logo-area {
  background: transparent !important;
}

/* Nav links */
#rs-header .rs-menu ul li > a,
.rs-header .rs-menu ul li > a,
#rs-header .rs-full-menuarea .rs-menu ul li > a,
.rs-header .rs-full-menuarea .rs-menu ul li > a,
.rs-header .rs-menu > ul > li > a {
  color: #F8F5EF !important;
}

#rs-header .rs-menu ul li:hover > a,
.rs-header .rs-menu ul li:hover > a,
#rs-header .rs-menu ul li.current-menu-item > a,
.rs-header .rs-menu ul li.current-menu-item > a,
#rs-header .rs-menu ul li.current-menu-ancestor > a,
.rs-header .rs-menu ul li.current-menu-ancestor > a {
  color: #C9A227 !important;
}

/* Dropdown sub-menu */
#rs-header .rs-menu ul ul,
.rs-header .rs-menu ul ul,
.rs-header .rs-menu ul li ul.sub-menu {
  background: #050A12 !important;
  border-top: 2px solid #C9A227 !important;
}

#rs-header .rs-menu ul ul li a,
.rs-header .rs-menu ul ul li a,
.rs-header .rs-menu ul li ul.sub-menu li a {
  color: #D8C3A5 !important;
}

#rs-header .rs-menu ul ul li a:hover,
.rs-header .rs-menu ul ul li a:hover,
.rs-header .rs-menu ul li ul.sub-menu li a:hover {
  color: #C9A227 !important;
  background: rgba(201, 162, 39, 0.08) !important;
}

/* Mobile nav toggle */
.rs-menu-toggle span,
.rs-menu-toggle span::before,
.rs-menu-toggle span::after {
  background: #C9A227 !important;
}

/* ============================================================
   9. HERO / BANNER SECTIONS
   ============================================================ */

.rs-banner,
.rs-banner .banner-inner,
.rs-particle-banner,
.rs-slider,
.full-page,
.rs-banner.banner-style1,
.rs-banner.banner-style2,
.rs-banner.banner-style3 {
  background: rgba(5, 10, 18, 0.85) !important;
}

.rs-banner .banner-content .title,
.rs-banner .banner-content .desc,
.rs-particle-banner .particle-content .title,
.rs-particle-banner .particle-content .desc,
.rs-slider .slider-content .title,
.rs-slider .slider-content .desc {
  color: #F8F5EF !important;
}

.rs-banner .banner-content .title span,
.rs-particle-banner .particle-content .title span,
.rs-slider .slider-content .title span {
  color: #C9A227 !important;
}

/* ============================================================
   10. GRADIENT BACKGROUNDS — all old pink gradients
   ============================================================ */

/* Old gradient → Dark gradient */
[class*="bg-gradient"],
.rs-cta .cta-box,
.rs-newsletter .newsletter-box,
.rs-counter.counter-home,
.rs-pricing .pricing-top,
.rs-breadcrumbs .breadcrumbs-inner,
.rs-faq.faq-home-style .faq-box,
.rs-countdown .countdown-bg,
.home-video .video-bg {
  background: linear-gradient(160deg, #050A12 0%, #101A3A 100%) !important;
}

/* Old: background: rgba(0,0,0,0) linear-gradient(160deg, #ff0066 0%, #d41872 50%, #a445b2 100%) */
.rs-counter.counter-style1 .counter-top-area,
.rs-services .services-bg,
.rs-single-counter .counter-bg,
.rs-pricing .pricing-bg,
.rs-tab-main .tab-bg,
.rs-newsletter .newsletter-bg {
  background: linear-gradient(160deg, #050A12 0%, #101A3A 100%) !important;
}

/* Elementor sections with inline styles — handled via CSS filter */
.elementor-section.elementor-section-boxed.bj-dark-section,
section.bj-dark {
  background: linear-gradient(160deg, #050A12 0%, #101A3A 100%) !important;
}

/* ============================================================
   11. FOOTER
   ============================================================ */

.rs-footer,
.rs-footer .footer-top,
.rs-footer .rs-footer-logo-area,
.rs-footer .widget-area {
  background: #050A12 !important;
  border-top: 1px solid #C9A227 !important;
}

.rs-footer .footer-bottom {
  background: #030709 !important;
  border-top: 1px solid rgba(201, 162, 39, 0.3) !important;
}

.rs-footer .footer-widget .widget-title,
.rs-footer .footer-widget .title,
.rs-footer .footer-widget h4 {
  color: #C9A227 !important;
}

.rs-footer .footer-widget p,
.rs-footer .footer-widget li,
.rs-footer .footer-widget a {
  color: #D8C3A5 !important;
}

.rs-footer .footer-widget a:hover {
  color: #E6B84A !important;
}

.rs-footer .footer-bottom .copy-right-text,
.rs-footer .footer-bottom p,
.rs-footer .footer-bottom span {
  color: #D8C3A5 !important;
}

/* ============================================================
   12. SECTION TITLES & HEADINGS
   ============================================================ */

.rs-section-title .title span,
.rs-section-title .desc span,
.rs-services .services-text .title span,
.rs-process .process-text .title span,
.rs-team .team-title span,
.rs-blog .blog-title span,
.rs-faq .faq-title span,
.rs-pricing .pricing-title span,
.rs-counter .counter-title span,
.rs-iconbox .iconbox-title span,
.rs-testimonial .testimonial-title span,
.section-title .title span,
.section-title .sub-title,
.sub-title,
.kc_title span,
.prelements-gradient-heading .title-inner .title span {
  color: #C9A227 !important;
  -webkit-text-fill-color: #C9A227 !important;
  background: none !important;
}

/* Gradient text headings */
.prelements-gradient-heading .title-inner .title,
.prelements-gradient-heading .title-inner span.subtitle {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Sub-text accent */
.prelements-heading .title-inner .sub-text {
  color: #dfb342 !important;
}

.prelements-heading .title-inner .title span {
  color: #dfb341 !important;
  -webkit-text-fill-color: #dfb341 !important;
}

/* ============================================================
   13. ICON BOXES / SERVICE CARDS
   ============================================================ */

.rs-iconbox .icon-item .icon-inner,
.rs-iconbox .icon-item .icon-inner i,
.rs-services .services-item .services-icon i,
.rs-services .services-item .services-icon .icon-bg i,
.rs-process .process-icon i,
.rs-contact .contact-address-item .address-icon i {
  color: #C9A227 !important;
}

.rs-iconbox .icon-item .icon-bg,
.rs-services .services-item .services-icon .icon-bg,
.rs-process .process-item .process-icon .icon-bg {
  background: rgba(201, 162, 39, 0.1) !important;
  border: 1px solid rgba(201, 162, 39, 0.3) !important;
}

.rs-iconbox .icon-item:hover .icon-bg,
.rs-services .services-item:hover .services-icon .icon-bg {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
}

.rs-iconbox .icon-item:hover .icon-inner i,
.rs-services .services-item:hover .services-icon i {
  color: #050A12 !important;
}

/* ============================================================
   14. CARDS & BOXES
   ============================================================ */

.rs-services .services-item,
.rs-iconbox .icon-item,
.rs-blog .blog-item,
.rs-team .team-item,
.rs-portfolio .portfolio-item,
.rs-pricing .pricing-table,
.rs-testimonial .testimonial-item {
  border: 1px solid rgba(201, 162, 39, 0.15) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.rs-services .services-item:hover,
.rs-iconbox .icon-item:hover,
.rs-blog .blog-item:hover,
.rs-team .team-item:hover,
.rs-portfolio .portfolio-item:hover,
.rs-pricing .pricing-table:hover,
.rs-testimonial .testimonial-item:hover {
  border-color: #C9A227 !important;
  box-shadow: 0 8px 40px rgba(201, 162, 39, 0.15) !important;
}

/* ============================================================
   15. TEAM SOCIAL ICONS
   ============================================================ */

.rs-team .team-content .team-social a,
.rs-single-team .team-social a,
.rs-footer .footer-top-social li a {
  background: rgba(201, 162, 39, 0.1) !important;
  border: 1px solid rgba(201, 162, 39, 0.3) !important;
  color: #C9A227 !important;
}

.rs-team .team-content .team-social a:hover,
.rs-single-team .team-social a:hover,
.rs-footer .footer-top-social li a:hover {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  border-color: #C9A227 !important;
  color: #050A12 !important;
}

/* ============================================================
   16. PROGRESS BARS & COUNTERS
   ============================================================ */

.rs-progress .progress-bar,
.progress-bar,
.skill-bar .progress-bar {
  background: linear-gradient(90deg, #C9A227 0%, #E6B84A 100%) !important;
}

.rs-counter .rs-counter-list .count-number span.rs-counter,
.rs-counter .rs-counter-list .count-number span.prefix,
.rs-counter .rs-counter-list .count-number span.suffix,
.count-text .count-number span {
  color: #C9A227 !important;
}

.rs-counter .rs-counter-list .count-text span.rs-counter:after {
  background: #C9A227 !important;
}

/* Gradient counter */
.rs-gradient-yes .rs-counter-list .count-text span.rs-counter,
.rs-gradient-yes .rs-counter-list .count-text span.prefix,
.rs-gradient-yes .rs-counter-list .count-text span.suffix {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ============================================================
   17. TESTIMONIALS
   ============================================================ */

.rs-testimonial .testimonial-item .testimonial-name {
  color: #C9A227 !important;
}

.rs-testimonial .testimonial-item .item-content.bubble::after {
  border-top-color: rgba(201, 162, 39, 0.2) !important;
}

.rs-testimonial-dots-style2 .slick-slide.slick-center::before {
  background: linear-gradient(160deg, #050A12 0%, #101A3A 100%) !important;
  border: 1px solid #C9A227 !important;
}

/* ============================================================
   18. BLOG / POSTS
   ============================================================ */

.rs-blog .blog-item .blog-content .blog-title a:hover,
.blog-wrap .blog-content .title a:hover {
  color: #C9A227 !important;
}

.rs-blog .blog-item .blog-content .cat-btn a,
.blog-category a {
  background: #C9A227 !important;
  color: #050A12 !important;
}

.rs-blog .blog-item .blog-content .cat-btn a:hover {
  background: #E6B84A !important;
}

/* Blog grid button — replaces old pink gradient */
.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 80%, #101A3A 168%) !important;
  color: #FFFFFF !important;
  border-color: #C9A227 !important;
}

.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn:hover {
  background: linear-gradient(160deg, #E6B84A 0%, #C9A227 100%) !important;
  border-color: #E6B84A !important;
  color: #FFFFFF !important;
}

.rs-blog .blog-item .blog-meta .date,
.blog-meta span {
  color: #D8C3A5 !important;
}

/* ============================================================
   19. FAQ / ACCORDION
   ============================================================ */

.rs-faq .accordion-item .accordion-btn,
.rs-faq .accordion-item .card-header button,
.rs-accordion .card-header button {
  color: #C9A227 !important;
}

.rs-faq .accordion-item.active .accordion-btn,
.rs-faq .accordion-item .card-header button.active {
  color: #E6B84A !important;
}

.rs-faq .accordion-item .accordion-btn::before,
.rs-faq .accordion-item .card-header button::before {
  background: #C9A227 !important;
}

/* ============================================================
   20. PRICING TABLES
   ============================================================ */

.rs-pricing .pricing-table.featured,
.rs-pricing .pricing-table.active {
  background: linear-gradient(160deg, #050A12 0%, #101A3A 100%) !important;
  border: 2px solid #C9A227 !important;
}

.rs-pricing .pricing-table.featured .pricing-header .title,
.rs-pricing .pricing-table.featured .pricing-price .price,
.rs-pricing .pricing-table.active .pricing-header .title {
  color: #C9A227 !important;
}

.rs-pricing .pricing-table.featured .pricing-features li i {
  color: #C9A227 !important;
}

.rs-pricing .pricing-features li i {
  color: #C9A227 !important;
}

/* ============================================================
   21. PORTFOLIO / GALLERY
   ============================================================ */

.rs-portfolio .portfolio-item .portfolio-content,
.rs-portfolio .portfolio-item .portfolio-content::before,
.rs-gallery .gallery-item .overlay {
  background: rgba(5, 10, 18, 0.85) !important;
}

.rs-portfolio .portfolio-item .portfolio-content .p-title a,
.rs-gallery .gallery-item .overlay .title {
  color: #C9A227 !important;
}

.portfolio-filter button,
.portfolio-filter button.active,
.gallery-filter button.active {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  color: #050A12 !important;
  border-color: #C9A227 !important;
}

/* ============================================================
   22. SLIDER NAVIGATION
   ============================================================ */

.slick-arrow,
.rs-addon-slider .slick-next,
.rs-addon-slider .slick-prev,
.rsaddon-unique-slider .slick-arrow {
  background: rgba(201, 162, 39, 0.15) !important;
  border-color: #C9A227 !important;
  color: #C9A227 !important;
}

.slick-arrow:hover,
.rs-addon-slider .slick-next:hover,
.rs-addon-slider .slick-prev:hover,
.rsaddon-unique-slider .slick-arrow:hover {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  color: #050A12 !important;
}

.slick-arrow::before,
.rs-addon-slider .slick-next::before,
.rs-addon-slider .slick-prev::before {
  color: #C9A227 !important;
}

.slick-arrow:hover::before,
.rs-addon-slider .slick-next:hover::before,
.rs-addon-slider .slick-prev:hover::before {
  color: #050A12 !important;
}

.rs-addon-slider .slick-dots li button:hover,
.rs-addon-slider .slick-dots li.slick-active button {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
}

/* ============================================================
   23. FORMS
   ============================================================ */

input:focus,
textarea:focus,
select:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: #C9A227 !important;
  box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.15) !important;
}

.fluentform .ff-btn-submit,
.wpcf7 input[type="submit"],
.contact-form input[type="submit"],
.comment-form input[type="submit"],
form.checkout input#place_order {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  border-color: #C9A227 !important;
  color: #050A12 !important;
}

.fluentform .ff-btn-submit:hover,
.wpcf7 input[type="submit"]:hover,
.contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover,
form.checkout input#place_order:hover {
  background: linear-gradient(160deg, #E6B84A 0%, #C9A227 100%) !important;
}

/* ============================================================
   24. WOOCOMMERCE
   ============================================================ */

.woocommerce span.onsale {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  color: #050A12 !important;
}

.woocommerce .price,
.woocommerce .product-title a:hover,
.woocommerce-page .product-title a:hover {
  color: #C9A227 !important;
}

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
  color: #C9A227 !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  color: #050A12 !important;
}

/* ============================================================
   25. SCROLL TOP / BACK TO TOP
   ============================================================ */

#scrollUp,
.back-top,
a#scrollUp {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  color: #050A12 !important;
  border: none !important;
}

#scrollUp:hover,
.back-top:hover {
  background: linear-gradient(160deg, #E6B84A 0%, #C9A227 100%) !important;
}

/* ============================================================
   26. BREADCRUMBS
   ============================================================ */

.rs-breadcrumbs .breadcrumbs-inner {
  background: none !important;
}

.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
  color: #F8F5EF !important;
}

.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title span {
  color: #C9A227 !important;
}

.rs-breadcrumbs .page-meta span.active,
.rs-breadcrumbs .page-meta a {
  color: #D8C3A5 !important;
}

.rs-breadcrumbs .page-meta a:hover {
  color: #C9A227 !important;
}

/* ============================================================
   27. WIDGETS & SIDEBAR
   ============================================================ */

.widget-title,
.widget .widget-title,
.sidebar .widget-title {
  color: #C9A227 !important;
  border-bottom: 2px solid #C9A227 !important;
}

.widget .tagcloud a:hover,
.tag-cloud-link:hover {
  background: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #050A12 !important;
}

.widget_categories ul li a:hover,
.widget_pages ul li a:hover,
.widget_archive ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_nav_menu ul li a:hover {
  color: #C9A227 !important;
}

.widget_search .search-submit,
.searchform input[type="submit"] {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  color: #050A12 !important;
}

/* ============================================================
   28. PAGINATION
   ============================================================ */

.rs-pagination .page-numbers.current,
.navigation .page-numbers.current,
.page-numbers.current,
.pagination .current {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  border-color: #C9A227 !important;
  color: #050A12 !important;
}

.rs-pagination .page-numbers:hover,
.navigation .page-numbers:hover,
.page-numbers:hover {
  background: rgba(201, 162, 39, 0.1) !important;
  border-color: #C9A227 !important;
  color: #C9A227 !important;
}

/* ============================================================
   29. PRELOADER
   ============================================================ */

.rs-preloader,
#loader-wrapper,
.preloader {
  background: #050A12 !important;
}

.rs-preloader .loader-circle,
.loader-circle {
  border-top-color: #C9A227 !important;
  border-right-color: #C9A227 !important;
}

/* ============================================================
   30. SPECIFIC GRADIENT OVERRIDES (exact selectors from default.css)
   ============================================================ */

/* Line 5947 equivalent: linear-gradient(80deg, #1a0b8c 40%, #fa50cb 120%) */
.rs-gallery .gallery-masonry .gallery-img::before,
.rs-gallery .gallery-grid .gallery-img::before {
  background: linear-gradient(80deg, #050A12 40%, #101A3A 120%) !important;
}

/* Line 12865: linear-gradient(250deg, #fa0368 19%, #3e27d8 100%) */
.readon.orange-btn,
.readon.green-btn,
.btn-readon {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
}

/* Line 13777: linear-gradient(250deg, #fa0368 19%, #3e27d8 100%) */
.rs-banner .banner-content .banner-button .readon,
.rs-particle-banner .particle-content .banner-button .readon {
  background: linear-gradient(160deg, #C9A227 0%, #E6B84A 100%) !important;
  color: #050A12 !important;
}

/* Line 19451: linear-gradient(90deg, #ce1d79 5%, #fc0267 100%) */
.rs-team .team-content .team-img::after,
.rs-team .team-item .team-img::after {
  background: linear-gradient(90deg, #C9A227 5%, #E6B84A 100%) !important;
}

/* Lines 21196–21221: linear-gradient(80deg, #1a0b8c 40%, #fa50cb 120%) */
.rs-counter.counter-style2,
.rs-counter.counter-style3 {
  background: linear-gradient(80deg, #050A12 40%, #101A3A 120%) !important;
}

/* Borders #FF0066 (line 8235) */
.rs-tab-main .tab-title a.active,
.rs-tab-main .tab-content-wrapper .tab-title.active {
  border-color: #C9A227 !important;
  color: #C9A227 !important;
}

/* FluentForm submit (lines 17479) */
.fluentform .ff-btn-submit {
  background-image: linear-gradient(150deg, #C9A227 0%, #E6B84A 150%) !important;
  color: #050A12 !important;
}

/* ============================================================
   31. LUXURY MICRO-ACCENTS — gold shimmer & decorative elements
   ============================================================ */

/* Gold divider lines */
.rs-section-title .title-border,
.rs-section-title::after,
.section-title::after {
  background: linear-gradient(90deg, transparent, #C9A227, transparent) !important;
}

/* Gold selection highlight */
::selection {
  background: #C9A227;
  color: #050A12;
}

::-moz-selection {
  background: #C9A227;
  color: #050A12;
}

/* Scrollbar luxury styling */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #050A12;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #C9A227, #E6B84A);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #E6B84A;
}

/* ============================================================
   32. RESPONSIVE OVERRIDES
   ============================================================ */

@media (max-width: 991px) {
  #rs-header .rs-menu-area,
  .rs-header .rs-menu-area,
  #rs-header .header-inner,
  .rs-header .header-inner {
    background: #050A12 !important;
  }

  /* Mobile nav */
  #rs-header .rs-menu ul,
  .rs-header .rs-menu ul {
    background: #050A12 !important;
    border-top: 1px solid rgba(201, 162, 39, 0.3) !important;
  }
}

@media (max-width: 767px) {
  #rs-header,
  .rs-header {
    background: #050A12 !important;
  }
}
@media only screen and (max-width: 991px) {
  #rs-header .logo-area a img, 
  #rs-header .mobile-logos img {
    max-height: 72px !important;
  }
}