/* Shared MLS theme alignment for the stone hub and category pages */

.stone-gallery-page,
.stone-category-page {
  background:
    radial-gradient(circle at top, rgba(196, 165, 123, 0.1), transparent 32%),
    var(--mls-parchment-cream);
  color: var(--mls-heritage-brown);
}

.stone-gallery-page .nav,
.stone-category-page .nav {
  background: transparent !important;
  box-shadow: none !important;
}

.stone-gallery-page .nav .logo-text,
.stone-gallery-page .nav .nav-link,
.stone-category-page .nav .logo-text,
.stone-category-page .nav .nav-link {
  color: var(--mls-parchment-cream) !important;
}

.stone-gallery-page .nav .logo-tagline,
.stone-category-page .nav .logo-tagline {
  color: rgba(245, 241, 232, 0.72) !important;
}

.stone-gallery-page .nav .nav-cta,
.stone-category-page .nav .nav-cta {
  background: var(--mls-legacy-gold) !important;
  border-color: var(--mls-legacy-gold) !important;
  color: var(--mls-parchment-cream) !important;
}

.stone-gallery-page .nav .hamburger,
.stone-gallery-page .nav .hamburger::before,
.stone-gallery-page .nav .hamburger::after,
.stone-category-page .nav .hamburger,
.stone-category-page .nav .hamburger::before,
.stone-category-page .nav .hamburger::after {
  background: var(--mls-parchment-cream) !important;
}

.stone-gallery-page .nav.scrolled,
.stone-category-page .nav.scrolled {
  background: rgba(245, 241, 232, 0.98) !important;
  box-shadow: 0 12px 28px rgba(62, 39, 35, 0.08) !important;
}

.stone-gallery-page .nav.scrolled .logo-text,
.stone-gallery-page .nav.scrolled .nav-link,
.stone-category-page .nav.scrolled .logo-text,
.stone-category-page .nav.scrolled .nav-link {
  color: var(--mls-heritage-brown) !important;
}

.stone-gallery-page .nav.scrolled .logo-tagline,
.stone-category-page .nav.scrolled .logo-tagline {
  color: var(--mls-estate-grey) !important;
}

.stone-gallery-page .nav.scrolled .hamburger,
.stone-gallery-page .nav.scrolled .hamburger::before,
.stone-gallery-page .nav.scrolled .hamburger::after,
.stone-category-page .nav.scrolled .hamburger,
.stone-category-page .nav.scrolled .hamburger::before,
.stone-category-page .nav.scrolled .hamburger::after {
  background: var(--mls-heritage-brown) !important;
}

.stone-gallery-page .dropdown-menu,
.stone-category-page .dropdown-menu {
  background: rgba(245, 241, 232, 0.98);
  border: 1px solid rgba(196, 165, 123, 0.24);
  box-shadow: 0 18px 36px rgba(62, 39, 35, 0.12);
}

.stone-gallery-page .dropdown-link,
.stone-category-page .dropdown-link {
  color: var(--mls-heritage-brown) !important;
}

.stone-gallery-page .dropdown-link:hover,
.stone-category-page .dropdown-link:hover {
  color: var(--mls-legacy-gold) !important;
}

.stone-gallery-page .section-tag,
.stone-gallery-page .stones-collection-kicker,
.stone-category-page .section-tag,
.stone-category-page .stone-page-extras h4,
.stone-category-page .stone-story h2 .story-icon,
.stone-category-page .stone-page-icon,
.stone-category-page .extra-block-icon,
.stone-category-page .stone-section-icon {
  color: var(--mls-legacy-gold);
}

.stone-gallery-page .section-title,
.stone-gallery-page .stones-collection-copy h2,
.stone-gallery-page .category-card h3,
.stone-gallery-page .gallery-placeholder,
.stone-gallery-page .hero-stat-num,
.stone-gallery-page .stone-name,
.stone-gallery-page .compare-text,
.stone-category-page .stone-story h2,
.stone-category-page .stone-page-extras h3,
.stone-category-page .stone-name,
.stone-category-page .stone-details-title,
.stone-category-page .cart-header h3,
.stone-category-page .stone-details-section h4 {
  color: var(--mls-heritage-brown);
}

.stone-gallery-page .section-subtitle,
.stone-gallery-page .stones-collection-copy p,
.stone-gallery-page .hero-stat-label,
.stone-gallery-page .stones-results-note,
.stone-gallery-page .category-card p,
.stone-gallery-page .why-card p,
.stone-gallery-page .stone-type,
.stone-gallery-page .spec-brief,
.stone-gallery-page .no-results p,
.stone-category-page .stone-story p,
.stone-category-page .extras-subtitle,
.stone-category-page .extra-block p,
.stone-category-page .stone-type,
.stone-category-page .spec-brief,
.stone-category-page .stone-details-hindi,
.stone-category-page .stone-details-origin,
.stone-category-page .stone-details-section p,
.stone-category-page .stone-details-section ul,
.stone-category-page .stone-details-other-names,
.stone-category-page .cart-empty p,
.stone-category-page .cart-empty span {
  color: var(--mls-estate-grey);
}

.stone-gallery-page .stones-hero,
.stone-category-page .stone-hero {
  border-bottom: none;
}

.stone-gallery-page .hero-stat,
.stone-category-page .stone-hero .section-tag {
  background: rgba(245, 241, 232, 0.05);
  border-color: rgba(196, 165, 123, 0.22);
}

.stone-gallery-page .hero-stat {
  box-shadow: 0 16px 28px rgba(24, 17, 16, 0.1);
}

.stone-gallery-page .stones-page,
.stone-gallery-page .stone-categories,
.stone-gallery-page .gallery-preview,
.stone-category-page .stones-page,
.stone-category-page .stone-story,
.stone-category-page .stone-page-extras {
  background:
    linear-gradient(180deg, rgba(247, 243, 237, 0.98) 0%, rgba(241, 234, 225, 0.98) 100%);
}

.stone-gallery-page .stones-results-card,
.stone-gallery-page .stone-compare-bar,
.stone-gallery-page .why-choose,
.stone-category-page .stone-hero-overlay,
.stone-gallery-page .footer,
.stone-category-page .footer {
  background:
    radial-gradient(circle at top left, rgba(212, 175, 55, 0.1), transparent 22%),
    linear-gradient(180deg, rgba(62, 39, 35, 0.98), rgba(31, 21, 18, 0.97));
}

.stone-category-page .stone-hero-overlay {
  background:
    linear-gradient(180deg, rgba(24, 17, 16, 0.3), rgba(24, 17, 16, 0.7)),
    radial-gradient(circle at 30% 20%, rgba(212, 175, 55, 0.12), transparent 35%);
}

.stone-gallery-page .stones-results-card,
.stone-gallery-page .stone-compare-bar {
  border: 1px solid rgba(196, 165, 123, 0.2);
  box-shadow: 0 20px 40px rgba(24, 17, 16, 0.14);
}

.stone-gallery-page .stones-results-label,
.stone-gallery-page .stones-results-main span,
.stone-gallery-page .compare-text,
.stone-gallery-page .why-choose .section-tag,
.stone-gallery-page .why-card p,
.stone-category-page .stone-hero p,
.stone-category-page .stone-hero .section-tag,
.stone-gallery-page .footer .logo-tagline,
.stone-gallery-page .footer-bottom p,
.stone-gallery-page .footer-column a,
.stone-category-page .footer .logo-tagline,
.stone-category-page .footer-bottom p,
.stone-category-page .footer-column a {
  color: rgba(230, 221, 209, 0.78) !important;
}

.stone-gallery-page .stones-results-main strong,
.stone-gallery-page .why-card h3,
.stone-gallery-page .why-card .why-num,
.stone-gallery-page .why-choose .section-title,
.stone-category-page .stone-hero h1,
.stone-gallery-page .footer .logo-text,
.stone-gallery-page .footer .footer-column h4,
.stone-category-page .footer .logo-text,
.stone-category-page .footer .footer-column h4 {
  color: var(--mls-parchment-cream);
}

.stone-gallery-page .stone-filters,
.stone-gallery-page .no-results,
.stone-gallery-page .category-card,
.stone-gallery-page .stone-card,
.stone-gallery-page .cart-sidebar-content,
.stone-category-page .stone-card,
.stone-category-page .extra-block,
.stone-category-page .stone-details-content,
.stone-category-page .stone-details-container,
.stone-category-page .cart-sidebar-content {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 242, 235, 0.94) 100%);
  border-color: rgba(196, 165, 123, 0.28);
  box-shadow: 0 16px 30px rgba(62, 39, 35, 0.08);
}

.stone-gallery-page .stone-card:hover,
.stone-gallery-page .category-card:hover,
.stone-category-page .stone-card:hover,
.stone-category-page .extra-block:hover {
  border-color: rgba(184, 134, 11, 0.34);
  box-shadow: 0 22px 38px rgba(62, 39, 35, 0.12);
}

.stone-gallery-page .filter-label,
.stone-category-page .stone-details-specs dt {
  color: var(--mls-legacy-gold);
}

.stone-gallery-page .filter-select,
.stone-gallery-page .filter-reset,
.stone-gallery-page .compare-btn,
.stone-category-page .stone-details-about-block,
.stone-category-page .stone-details-tags span,
.stone-category-page .stone-details-para-heading,
.stone-category-page .stone-details-close {
  background: rgba(245, 241, 232, 0.92);
  border: 1px solid rgba(196, 165, 123, 0.26);
  color: var(--mls-heritage-brown);
}

.stone-gallery-page .filter-select:focus,
.stone-category-page .stone-details-close:hover {
  border-color: var(--mls-legacy-gold);
}

.stone-gallery-page .filter-reset:hover,
.stone-gallery-page .compare-btn:not(:disabled):hover {
  background: var(--mls-heritage-brown);
  border-color: var(--mls-heritage-brown);
  color: var(--mls-parchment-cream);
}

.stone-gallery-page .compare-btn:disabled {
  background: rgba(245, 241, 232, 0.5);
  color: rgba(62, 39, 35, 0.5);
  border-color: rgba(196, 165, 123, 0.18);
}

.stone-gallery-page .stone-type,
.stone-category-page .stone-type {
  background: rgba(196, 165, 123, 0.12);
  color: var(--mls-heritage-brown);
}

.stone-gallery-page .stone-export-badge,
.stone-gallery-page .stone-view-details-btn,
.stone-gallery-page .stone-add-cart,
.stone-gallery-page .floating-cart-btn,
.stone-gallery-page .cart-footer .btn-primary,
.stone-category-page .stone-view-details-btn,
.stone-category-page .stone-add-cart,
.stone-category-page .floating-cart-btn,
.stone-category-page .cart-footer .btn-primary {
  background: var(--mls-heritage-brown);
  color: var(--mls-parchment-cream);
}

.stone-gallery-page .stone-view-details-btn:hover,
.stone-gallery-page .stone-add-cart:hover,
.stone-gallery-page .floating-cart-btn:hover,
.stone-gallery-page .cart-footer .btn-primary:hover,
.stone-category-page .stone-view-details-btn:hover,
.stone-category-page .stone-add-cart:hover,
.stone-category-page .floating-cart-btn:hover,
.stone-category-page .cart-footer .btn-primary:hover {
  background: var(--mls-legacy-gold);
  color: var(--mls-parchment-cream);
}

.stone-gallery-page .stone-export-badge {
  color: var(--sandstone-gold);
  border-color: rgba(212, 175, 55, 0.24);
}

.stone-gallery-page .stone-quick-view,
.stone-gallery-page .compare-checkbox:checked + .checkmark,
.stone-category-page .stone-quick-view,
.stone-category-page .compare-checkbox:checked + .checkmark {
  background: var(--mls-parchment-cream);
  color: var(--mls-heritage-brown);
}

.stone-gallery-page .stone-quick-view:hover,
.stone-category-page .stone-quick-view:hover {
  background: var(--mls-legacy-gold);
  color: var(--mls-parchment-cream);
}

.stone-gallery-page .stone-compare-check,
.stone-gallery-page .cart-sidebar-backdrop,
.stone-category-page .stone-compare-check,
.stone-category-page .stone-details-backdrop,
.stone-category-page .cart-sidebar-backdrop {
  background: rgba(24, 17, 16, 0.58);
}

.stone-gallery-page .checkmark,
.stone-category-page .checkmark {
  border-color: var(--mls-parchment-cream);
}

.stone-gallery-page .category-card .cat-icon svg,
.stone-gallery-page .why-card .why-num,
.stone-gallery-page .cart-empty svg,
.stone-category-page .stone-story-visual-caption,
.stone-category-page .extra-block-icon,
.stone-category-page .stone-page-icon,
.stone-category-page .cart-empty svg {
  color: var(--sandstone-gold);
}

.stone-gallery-page .why-card,
.stone-gallery-page .footer,
.stone-category-page .stone-story-visual,
.stone-category-page .footer {
  border-color: rgba(212, 175, 55, 0.16);
}

.stone-gallery-page .why-card:hover {
  background: rgba(245, 241, 232, 0.05);
}

.stone-gallery-page .gallery-mosaic-item,
.stone-category-page .stone-story-visual {
  border: 1px solid rgba(196, 165, 123, 0.24);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 34px rgba(62, 39, 35, 0.1);
}

.stone-gallery-page .gallery-placeholder {
  background:
    linear-gradient(145deg, rgba(245, 241, 232, 0.92), rgba(228, 217, 203, 0.96));
  color: var(--mls-heritage-brown);
}

.stone-category-page .stone-story-grid,
.stone-category-page .extras-grid {
  gap: 2rem;
}

.stone-category-page .stone-details-image-wrap {
  background: rgba(230, 221, 209, 0.72);
}

.stone-category-page .stone-details-specs dd {
  color: var(--mls-heritage-brown);
}

.stone-gallery-page .cart-header,
.stone-gallery-page .cart-footer,
.stone-category-page .cart-header,
.stone-category-page .cart-footer {
  border-color: rgba(196, 165, 123, 0.22);
}

.stone-gallery-page .cart-footer .btn-secondary,
.stone-category-page .cart-footer .btn-secondary {
  border-color: rgba(196, 165, 123, 0.26);
  color: var(--mls-heritage-brown);
}

.stone-gallery-page .cart-empty p,
.stone-gallery-page .cart-empty span,
.stone-category-page .cart-empty p,
.stone-category-page .cart-empty span {
  color: var(--mls-estate-grey);
}

.stone-gallery-page .footer .footer-column a:hover,
.stone-category-page .footer .footer-column a:hover {
  color: var(--sandstone-gold);
}

@media (max-width: 768px) {
  .stone-gallery-page .nav-menu,
  .stone-category-page .nav-menu {
    background: rgba(245, 241, 232, 0.98);
  }

  .stone-gallery-page .nav-menu .nav-link,
  .stone-category-page .nav-menu .nav-link {
    color: var(--mls-heritage-brown) !important;
  }

  .stone-gallery-page .hero-stat,
  .stone-category-page .stone-story-visual,
  .stone-category-page .extra-block {
    box-shadow: 0 14px 26px rgba(62, 39, 35, 0.1);
  }
}