/* ==========================================================================
   SARTE INDUSTRIES - GARMENT & TEXTILE CONGLOMERATE
   Official Branding & Color System:
   - Primary Accent Orange: #EF7F1A
   - Dark Charcoal: #2B2A29
   - Pure White: #FFFFFF
   - Brand Font: Arial (#EF7F1A)
   - Tagline: "THE SIGNATURE OF EXCELLENCE" (Swis721 BlkCn BT - #2B2A29)
   ========================================================================== */

:root {
  --brand-orange: #EF7F1A;
  --brand-orange-hover: #D66D0E;
  --brand-charcoal: #2B2A29;
  --brand-dark-bg: #1E1D1C;
  --brand-white: #FFFFFF;
  --text-main: #2B2A29;
  --text-muted: #666564;
  --bg-light: #F8F9FA;
  
  --font-brand-name: 'Arial', sans-serif;
  --font-tagline: 'Swis721 BlkCn BT', 'Arial Black', 'Arial Narrow', sans-serif;
  --font-heading: 'Outfit', 'Arial', sans-serif;
  --font-body: 'Inter', 'Arial', sans-serif;
}

body {
  font-family: var(--font-body);
  color: var(--text-main);
  background-color: #ffffff;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

/* Brand Specific Typography Classes */
.brand-name {
  font-family: var(--font-brand-name) !important;
   color:#2B2A29 !important;
  font-weight: 900;
  letter-spacing: 0.5px;
}

.brand-tagline {
  font-family: var(--font-tagline) !important;
  color:#EF7F1A !important;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.footer .brand-tagline,
.bg-navy .brand-tagline,
.bg-dark-blue .brand-tagline {
  color: var(--brand-orange) !important;
}

/* Custom Color Palette Utility Classes */
.bg-navy, .bg-charcoal { background-color: var(--brand-charcoal) !important; }
.bg-dark-blue { background-color: var(--brand-dark-bg) !important; }
.bg-gold, .bg-orange { background-color: var(--brand-orange) !important; }

.text-navy, .text-charcoal { color: var(--brand-charcoal) !important; }
.text-gold, .text-orange { color: var(--brand-orange) !important; }
.border-gold, .border-orange { border-color: var(--brand-orange) !important; }

/* Custom Buttons */
.btn-gold, .btn-orange {
  background-color: var(--brand-orange) !important;
  color: #ffffff !important;
  border: 1px solid var(--brand-orange) !important;
  font-weight: 700;
  transition: all 0.3s ease;
}

.btn-gold:hover, .btn-orange:hover {
  background-color: var(--brand-orange-hover) !important;
  color: #ffffff !important;
  border-color: var(--brand-orange-hover) !important;
}

.btn-navy, .btn-charcoal {
  background-color: var(--brand-charcoal) !important;
  color: var(--brand-orange) !important;
  border: 1px solid var(--brand-charcoal) !important;
  font-weight: 700;
  transition: all 0.3s ease;
}

.btn-navy:hover, .btn-charcoal:hover {
  background-color: var(--brand-dark-bg) !important;
  color: #ffffff !important;
}

.btn-outline-navy, .btn-outline-charcoal {
  border: 2px solid var(--brand-charcoal) !important;
  color: var(--brand-charcoal) !important;
  background: transparent;
  font-weight: 700;
  transition: all 0.3s ease;
}

.btn-outline-navy:hover, .btn-outline-charcoal:hover {
  background: var(--brand-charcoal) !important;
  color: var(--brand-orange) !important;
}

.hover-gold:hover, .hover-orange:hover {
  color: var(--brand-orange) !important;
}

.hover-gold-bg:hover, .hover-orange-bg:hover {
  background-color: var(--brand-orange) !important;
  color: #ffffff !important;
}

.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Image Zoom Effect */
.img-zoom {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.group:hover .img-zoom {
  transform: scale(1.08);
}

/* Navbar Customizations */
.navbar-nav .nav-link {
  font-weight: 700;
  padding: 0.75rem 1rem !important;
  color: var(--brand-charcoal);
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: var(--brand-orange) !important;
}

.dropdown-menu {
  animation: fadeInDown 0.3s ease forwards;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--brand-charcoal);
  z-index: 99999;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#preloader.loaded {
  opacity: 0;
  visibility: hidden;
}

/* Back to Top Button */
#backToTop.d-flex {
  display: flex !important;
}

/* Utility Font Sizes */
.fs-7 { font-size: 0.85rem !important; }
.fs-8 { font-size: 0.75rem !important; }
.fw-extrabold { font-weight: 800 !important; }
.fw-black { font-weight: 900 !important; }
.tracking-wide { letter-spacing: 1px; }
.tracking-wider { letter-spacing: 2px; }
.tracking-widest { letter-spacing: 3px; }

/* Directors Carousel Equal Height */
#directorsCarousel .carousel-item .card{
    min-height: 600px;
}

#directorsCarousel .col-md-5{
    min-height: 600px;
}

#directorsCarousel .col-md-5 img{
    width:100%;
    height:100%;
    object-fit:cover;
}

#directorsCarousel .col-md-7{
    min-height:600px;
    display:flex;
    flex-direction:column;
}

#directorsCarousel .col-md-7 > div{
    flex:1;
}