/*
Theme Name: ALL TRUST B2B
Theme URI: https://alltrust.in
Author: ALL TRUST Team
Author URI: https://alltrust.in
Description: Official Multi-State B2B theme for ALL TRUST with Delhi & Mumbai catalog filters, MOQ management, dynamic company header/footer controls, and instant Request for Quote (RFQ) lead capture.
Version: 1.5.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: all-trust-theme
Tags: b2b, e-commerce, two-columns, full-width-template, custom-colors, custom-menu, featured-images, theme-options
*/

/* ===================================================
   CRITICAL BRAND COLORS & FALLBACKS (Guaranteed to load)
   =================================================== */
:root {
  --brand-red: #E51A1A;
  --brand-darkred: #C41212;
  --brand-black: #121212;
  --brand-charcoal: #1E1E1E;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: #1e293b;
  background-color: #f8fafc;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Outfit', sans-serif !important;
}

/* Hardcoded Brand Color Classes */
.bg-brand-red, a.bg-brand-red, button.bg-brand-red {
  background-color: #E51A1A !important;
  color: #ffffff !important;
}

.bg-brand-red:hover, a.bg-brand-red:hover, button.bg-brand-red:hover,
.hover\:bg-brand-darkred:hover {
  background-color: #C41212 !important;
  color: #ffffff !important;
}

.bg-brand-black {
  background-color: #121212 !important;
  color: #ffffff !important;
}

.bg-brand-charcoal {
  background-color: #1E1E1E !important;
}

.text-brand-red, span.text-brand-red, i.text-brand-red, a.text-brand-red {
  color: #E51A1A !important;
}

.border-brand-red {
  border-color: #E51A1A !important;
}

/* Badges for Delhi & Mumbai */
.badge-delhi {
  background-color: #FEF2F2 !important;
  color: #DC2626 !important;
  border: 1px solid #FCA5A5 !important;
}

.badge-mumbai {
  background-color: #EFF6FF !important;
  color: #2563EB !important;
  border: 1px solid #93C5FD !important;
}

/* Category Icons */
.cat-icon-red { background-color: #FEF2F2 !important; color: #DC2626 !important; }
.cat-icon-blue { background-color: #EFF6FF !important; color: #2563EB !important; }
.cat-icon-emerald { background-color: #ECFDF5 !important; color: #059669 !important; }
.cat-icon-sky { background-color: #F0F9FF !important; color: #0284C7 !important; }
.cat-icon-amber { background-color: #FFFBEB !important; color: #D97706 !important; }
.cat-icon-purple { background-color: #FAF5FF !important; color: #7E22CE !important; }

/* Swiper pagination bullet colors */
.swiper-pagination-bullet-active {
  background: #E51A1A !important;
}

/* ===================================================
   CRITICAL: LOGO SIZING & HEADER LAYOUT (NEVER EXPANDS)
   =================================================== */
header img,
.header-logo-link img,
footer img,
img[alt*="ALL TRUST Logo"],
.site-logo img {
  height: 48px !important;
  max-height: 48px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block !important;
}

.header-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  height: 48px !important;
  max-height: 48px !important;
  max-width: 220px !important;
  flex-shrink: 0 !important;
}

header {
  background-color: #ffffff !important;
  width: 100% !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
}

header .header-inner,
header > div.max-w-7xl {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 80rem !important;
  margin: 0 auto !important;
}

#wp-header-search-container {
  flex: 1 1 0% !important;
  max-width: 28rem !important;
  margin-left: 1rem !important;
  margin-right: 1rem !important;
  position: relative !important;
}

/* ===================================================
   CORRUGATED BOX MANUFACTURING SLIDER & SHOWCASE
   =================================================== */
.boxSwiper {
  width: 100% !important;
  padding: 8px 4px 38px !important;
}

.boxSwiper .swiper-slide {
  height: auto !important;
  display: flex !important;
}

.box-swiper-pagination .swiper-pagination-bullet {
  background: #CBD5E1;
  opacity: 1;
  transition: all 0.3s ease;
}

.box-swiper-pagination .swiper-pagination-bullet-active {
  background: #E51A1A !important;
  width: 24px !important;
  border-radius: 9999px !important;
}

.box-sample-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.box-sample-card:hover {
  transform: translateY(-4px);
}