@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* ══ CORE ═══════════════════════════════════════════════════ */
:root { --tp-theme-primary: #C4622D; }
body { background: #FDF8F2 !important; font-family: 'Inter', sans-serif !important; }

/* ══ HEADER ═════════════════════════════════════════════════ */
.tp-header-top-black { background-color: #7A3A0C !important; }
.tp-header-top-black .tp-header-top-menu-item a,
.tp-header-top-black .tp-header-top-menu-item > span { color: #FFF7ED !important; }
.tp-header-top-2 { background-color: #7A3A0C !important; }
.tp-header-top-2 * { color: #FFF7ED !important; }
.tp-header-main, .tp-header-style-primary { background-color: #FFF7ED !important; border-bottom: 1px solid #F0DBC2 !important; }
.main-menu > nav > ul > li > a { color: #7A3A0C !important; }
.main-menu > nav > ul > li:hover > a { color: #C4622D !important; }
.tp-header-action-btn { color: #7A3A0C !important; }
.tp-header-action-btn:hover { color: #C4622D !important; }
.tp-header-action-badge { background-color: #C4622D !important; }
.tp-header-search-wrapper { border-color: #C4622D !important; }
.tp-header-search-btn button { background-color: #C4622D !important; }
.tp-header-sticky.header-sticky { background: #FFF7ED !important; }
.tp-category-menu-btn { background-color: #C4622D !important; }

/* ══ SECTION TITLES ═════════════════════════════════════════ */
.tp-section-title, .tp-section-title-2, .tp-section-title-3,
.tp-section-title-4, .tp-section-title-5 {
  font-family: 'Playfair Display', serif !important;
  color: #3D1A05 !important;
}
.tp-section-title-pre, .tp-section-title-pre-2, .tp-section-title-pre-3,
.tp-section-title-pre-4, .tp-section-title-pre-5 { color: #C4622D !important; }

/* ══ PRODUCT CARDS — LIGHT SECTIONS ════════════════════════ */
.tp-product-item {
  background-color: #fff !important;
  border: 1px solid #F0DBC2 !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
}
.tp-product-item:hover {
  box-shadow: 0 12px 36px rgba(196,98,45,0.18) !important;
  border-color: #C4622D !important;
  transform: translateY(-5px) !important;
}
.tp-product-thumb {
  background: linear-gradient(145deg, #FFF7ED, #FFE4C4) !important;
  border-bottom: 1px solid #F0DBC2 !important;
}
.tp-product-title a { color: #2C1200 !important; }
.tp-product-title a:hover { color: #C4622D !important; }
.tp-product-price { color: #C4622D !important; font-weight: 700 !important; }
.tp-product-price.old-price { color: #A07050 !important; }
.tp-product-badge span { background-color: #C4622D !important; }
.tp-product-rating-icon span { color: #E8A422 !important; }
.tp-product-action-btn:hover,
.tp-product-action-btn.active { background-color: #C4622D !important; border-color: #C4622D !important; }
.tp-product-add-cart-btn-large:hover { background-color: #C4622D !important; }
.tp-btn-2 { background-color: #C4622D !important; border-radius: 6px !important; }

/* ══════════════════════════════════════════════════════════════
   ★ SACRED IDOLS SECTION — DivineHindu.in style
   Warm saffron-orange gradient background with bright white cards
   Section bg set via shortcode: background_color="#3D1A05"
   We override the section bg here to a vibrant orange gradient
══════════════════════════════════════════════════════════════ */

/* Override the dark brown bg → vibrant saffron-orange gradient */
.tp-category-area {
  background: linear-gradient(135deg, #B8420A 0%, #D4621C 35%, #E8832A 65%, #C4622D 100%) !important;
  position: relative;
}

/* Mandala/divine pattern overlay */
.tp-category-area::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.06) 0%, transparent 50%),
                    radial-gradient(circle at 80% 20%, rgba(255,220,100,0.08) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

/* Section title & subtitle on orange bg */
.tp-category-area .tp-section-title {
  color: #fff !important;
  font-family: 'Playfair Display', serif !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.tp-category-area .tp-section-title-pre {
  color: #FFE082 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

/* Cards — bright white on orange = high contrast, clean look */
.tp-category-area .tp-category-slider-4 .swiper-wrapper .tp-product-item,
.tp-category-slider-4 .swiper-wrapper .tp-product-item,
.tp-category-slider-4 .tp-product-item {
  background-color: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(100,30,0,0.25) !important;
  overflow: hidden;
}

.tp-category-area .tp-category-slider-4 .swiper-wrapper .tp-product-item:hover,
.tp-category-slider-4 .swiper-wrapper .tp-product-item:hover,
.tp-category-slider-4 .tp-product-item:hover {
  background-color: #fff !important;
  box-shadow: 0 16px 48px rgba(100,30,0,0.4) !important;
  transform: translateY(-8px) !important;
  border: none !important;
}

/* Product image area */
.tp-category-area .tp-category-slider-4 .tp-product-thumb,
.tp-category-slider-4 .tp-product-thumb {
  background: linear-gradient(145deg, #FFF7ED, #FFE8CC) !important;
  border-bottom: 1px solid #FFD9A8 !important;
}

/* Product title */
.tp-category-area .tp-category-slider-4 .tp-product-title a,
.tp-category-slider-4 .tp-product-title a {
  color: #2C1200 !important;
  font-weight: 600 !important;
}
.tp-category-area .tp-category-slider-4 .tp-product-title a:hover,
.tp-category-slider-4 .tp-product-title a:hover { color: #C4622D !important; }

/* Price */
.tp-category-area .tp-category-slider-4 .tp-product-price,
.tp-category-slider-4 .tp-product-price { color: #C4622D !important; font-weight: 700 !important; }

.tp-category-area .tp-category-slider-4 .tp-product-price.old-price,
.tp-category-slider-4 .tp-product-price.old-price { color: #A07050 !important; }

/* Badge */
.tp-category-area .tp-category-slider-4 .tp-product-badge span,
.tp-category-slider-4 .tp-product-badge span {
  background: #C4622D !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* Stars */
.tp-category-area .tp-category-slider-4 .tp-product-rating-icon span,
.tp-category-slider-4 .tp-product-rating-icon span { color: #E8A422 !important; }

/* Category link */
.tp-category-area .tp-category-slider-4 .tp-product-category > a,
.tp-category-slider-4 .tp-product-category > a { color: #7A3A0C !important; }

/* Action buttons on white card */
.tp-category-area .tp-category-slider-4 .tp-product-action-btn,
.tp-category-slider-4 .tp-product-action-btn {
  background-color: #fff !important;
  border-color: #F0DBC2 !important;
  color: #C4622D !important;
}
.tp-category-area .tp-category-slider-4 .tp-product-action-btn:hover,
.tp-category-slider-4 .tp-product-action-btn:hover {
  background-color: #C4622D !important;
  border-color: #C4622D !important;
  color: #fff !important;
}

/* Add to cart */
.tp-category-area .tp-category-slider-4 .tp-product-add-cart-btn-large,
.tp-category-slider-4 .tp-product-add-cart-btn-large {
  background-color: #C4622D !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.tp-category-area .tp-category-slider-4 .tp-product-add-cart-btn-large:hover,
.tp-category-slider-4 .tp-product-add-cart-btn-large:hover {
  background-color: #3D1A05 !important;
  color: #fff !important;
}

/* Scrollbar */
.tp-category-area .tp-category-swiper-scrollbar { background: rgba(255,255,255,0.25) !important; }
.tp-category-area .tp-category-swiper-scrollbar .swiper-scrollbar-drag { background: #fff !important; }

/* Slider arrows */
.tp-category-area .tp-swiper-arrow button {
  border-color: rgba(255,255,255,0.4) !important;
  color: #fff !important;
  background: rgba(0,0,0,0.2) !important;
}
.tp-category-area .tp-swiper-arrow button:hover {
  background: #fff !important;
  color: #C4622D !important;
  border-color: #fff !important;
}

/* ══ SECTION BACKGROUNDS ════════════════════════════════════ */
.grey-bg, .grey-bg-2 { background-color: #FFF0DC !important; }
.white-bg { background-color: #FAF5EE !important; }

/* ══ CATEGORIES ════════════════════════════════════════════ */
.tp-product-category-thumb a {
  background: linear-gradient(145deg, #FFF7ED, #FFE4C4) !important;
  background-image: none !important;
  border: 2px solid #F0DBC2 !important;
}
.tp-product-category-title a:hover { color: #C4622D !important; }

/* ══ NEWSLETTER ════════════════════════════════════════════ */
.tp-subscribe-area { background: linear-gradient(135deg, #C4622D 0%, #A3501F 100%) !important; }
.tp-subscribe-title { color: #fff !important; font-family: 'Playfair Display', serif !important; }
.tp-subscribe-content span { color: rgba(255,255,255,0.9) !important; }
.tp-subscribe-input input { border-radius: 8px 0 0 8px !important; height: 52px !important; }
.tp-subscribe-input button {
  background: #3D1A05 !important;
  border-radius: 0 8px 8px 0 !important;
  height: 52px !important;
  font-weight: 700 !important;
}
.tp-subscribe-input button:hover { background: #2C1200 !important; }

/* ══ FOOTER ════════════════════════════════════════════════ */
.tp-footer-area { background: #1A0800 !important; border-top: 3px solid #C4622D !important; }
.tp-footer-widget-title {
  color: #E8A422 !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 17px !important;
  border-bottom: 1px solid rgba(232,164,34,0.2) !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
}
.tp-footer-widget-content ul li a { color: #C8956A !important; }
.tp-footer-widget-content ul li a:hover { color: #E8A422 !important; }
.tp-footer-widget-content ul li a::after { background: transparent !important; }
.tp-footer-desc { color: #9A6840 !important; line-height: 1.8 !important; }
.tp-footer-social a {
  background: rgba(232,164,34,0.1) !important;
  border: 1px solid rgba(232,164,34,0.3) !important;
  color: #E8A422 !important;
  border-radius: 8px !important;
}
.tp-footer-social a:hover { background: #C4622D !important; border-color: #C4622D !important; color: #fff !important; }
.tp-footer-talk h4 { color: #FFF7ED !important; font-family: 'Playfair Display', serif !important; }
.tp-footer-talk h4 a { color: #FFF7ED !important; }
.tp-footer-talk h4 a:hover { color: #E8A422 !important; }
.tp-footer-talk span { color: #9A6840 !important; }
.tp-footer-contact-icon span { color: #E8A422 !important; }
.tp-footer-contact-content p { color: #C8956A !important; }
.tp-footer-contact-content p a { color: #C8956A !important; }
.tp-footer-contact-content p a:hover { color: #E8A422 !important; }

/* Footer bottom — fix huge gap from .panel-default */
.tp-footer-bottom { background: #1A0800 !important; }
.tp-footer-bottom-wrapper {
  border-top: 1px solid rgba(232,164,34,0.12) !important;
  padding: 20px 0 !important;
}
.tp-footer-bottom .panel,
.tp-footer-bottom .panel-default {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tp-footer-bottom .panel-content,
.tp-footer-bottom .panel-body { padding: 0 !important; background: transparent !important; }
.tp-footer-bottom .panel-title h3 { color: #C4622D !important; font-size: 13px !important; margin: 0 0 8px !important; }
.tp-footer-bottom p { color: #5A3010 !important; font-size: 12px !important; line-height: 1.9 !important; }
.tp-footer-bottom a { color: #7A4A20 !important; font-size: 12px !important; }
.tp-footer-bottom a:hover { color: #E8A422 !important; }
.tp-footer-bottom strong, .tp-footer-bottom b { color: #C4622D !important; font-size: 12px !important; }
.tp-footer-copyright p { color: #5A3010 !important; font-size: 13px !important; margin: 0 !important; }
.tp-footer-copyright p a { color: #C4622D !important; }

/* ══ TRUST BAR ══════════════════════════════════════════════ */
.tp-feature-area {
  background: #FFF7ED !important;
  border-top: 2px solid #F0DBC2 !important;
  border-bottom: 2px solid #F0DBC2 !important;
}
.tp-feature-icon span, .tp-feature-icon-2 span, .tp-feature-icon-5 span { color: #C4622D !important; }
.tp-feature-title, .tp-feature-title-2 { color: #3D1A05 !important; font-weight: 700 !important; }
.tp-feature-content p, .tp-feature-content-2 p { color: #8B5E3C !important; }

/* ══ MISC ═══════════════════════════════════════════════════ */
.tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #C4622D !important; }
.tp-swiper-arrow button:hover { background-color: #C4622D !important; border-color: #C4622D !important; color: #fff !important; }
.tp-pagination ul li a:hover, .tp-pagination ul li span.current { background: #C4622D !important; border-color: #C4622D !important; color: #fff !important; }
.back-to-top-btn { background: #C4622D !important; }
.tp-preloader-circle svg circle:last-child { stroke: #C4622D !important; }
.breadcrumb__title-pre { background-color: #C4622D !important; }
.breadcrumb__list span a:hover { color: #C4622D !important; }
.tp-blog-tag > span { color: #C4622D !important; }
.tp-blog-grid-title a:hover { color: #C4622D !important; }
.tagcloud a:hover { background-color: #C4622D !important; border-color: #C4622D !important; color: #fff !important; }
.cartmini__price { color: #C4622D !important; }
.cartmini__shipping .progress-bar { background-color: #C4622D !important; }
.tp-offcanvas-category-toggle { background-color: #C4622D !important; }
.tp-product-details-buy-btn, .tp-product-details-add-to-cart-btn { background-color: #C4622D !important; border-color: #C4622D !important; }
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover { background-color: #C4622D !important; border-color: #C4622D !important; }


/* ══════════════════════════════════════════════════════════════
   SLIDER — Remove white gaps, auto ratio like Shopify
══════════════════════════════════════════════════════════════ */

/* Kill all default min-height on slider wrapper & items */
.tp-slider-area,
.tp-slider-active,
.tp-slider-full-width { font-size: 0; line-height: 0; }

/* Owl stage & items — collapse to image height */
.tp-slider-area .owl-stage-outer,
.tp-slider-area .owl-stage,
.tp-slider-area .owl-item { height: auto !important; }

/* The slider item itself must NOT have a fixed height */
.tp-slider-area .tp-slider-item,
.tp-slider-area .tp-slider-item.tp-slider-height {
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  line-height: 0 !important;
  font-size: 0 !important;
  padding: 0 !important;
}

/* Image — full width, height follows aspect ratio automatically */
.tp-slider-area .tp-slider-thumb,
.tp-slider-full-width .tp-slider-thumb { width: 100% !important; line-height: 0 !important; }

.tp-slider-area .tp-slider-thumb picture { display: block !important; width: 100% !important; line-height: 0 !important; }

.tp-slider-area .tp-slider-thumb img,
.tp-slider-full-width .tp-slider-thumb img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: unset !important;
  vertical-align: top !important;
  line-height: 0 !important;
}

/* Style-1 (about/middle) slider — same treatment */
.tp-slider-active .tp-slider-item.tp-slider-height {
  min-height: 0 !important;
  height: auto !important;
}
.tp-slider-active .tp-slider-thumb img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  vertical-align: top !important;
}

/* Dots */
.tp-slider-active .owl-dots .owl-dot { background: rgba(255,255,255,0.35) !important; }
.tp-slider-active .owl-dots .owl-dot.active { background: #C4622D !important; width: 22px !important; border-radius: 5px !important; }

/* Arrows */
.tp-slider-active .owl-nav button {
  background: rgba(255,255,255,0.85) !important;
  border: none !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
}
.tp-slider-active .owl-nav button:hover { background: #C4622D !important; color: #fff !important; }

/* Mobile text scaling only */
@media (max-width: 767px) {
  .tp-slider-title { font-size: 28px !important; line-height: 1.25 !important; }
  .tp-slider-content p { font-size: 16px !important; margin-bottom: 20px !important; }
  .tp-slider-btn .tp-btn { font-size: 13px !important; padding: 8px 18px !important; }
  .tp-slider-active .owl-nav button { display: none !important; }
}
@media (max-width: 480px) {
  .tp-slider-title { font-size: 22px !important; }
}