/* ============================================================
   Manufacturing Company Override Styles
   Transforms the marketing site into an industrial/manufacturing look
   ============================================================ */

/* --- CSS Custom Properties --- */
:root {
  --mfg-primary: #0a1628;
  --mfg-primary-light: #1a2a4a;
  --mfg-accent: #1a73e8;
  --mfg-accent-light: #4a9af5;
  --mfg-accent-glow: rgba(26, 115, 232, 0.3);
  --mfg-steel: #4a5568;
  --mfg-steel-light: #718096;
  --mfg-bg: #f5f7fa;
  --mfg-bg-dark: #e8ecf1;
  --mfg-white: #ffffff;
  --mfg-orange-accent: #e8701a;
}

/* --- Global Body --- */
body, .body {
  background-color: var(--mfg-bg) !important;
  color: #2d3748 !important;
}

/* --- Hero Section Slider Backgrounds --- */
.slide {
  background-image: url('../images/factory_hero.png') !important;
  background-position: center center !important;
  background-size: cover !important;
}

.slide-2 {
  background-image: url('../images/production_line.png') !important;
  background-position: center center !important;
  background-size: cover !important;
}

.slide-3 {
  background-image: url('../images/welding_sparks.png') !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* --- Hero Heading --- */
.heading {
  color: var(--mfg-white) !important;
  text-shadow: 2px 2px 12px rgba(0,0,0,0.8), 0 0 40px rgba(26,115,232,0.3) !important;
  box-shadow: none !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em;
}

.heading-11 .text-span-2 {
  color: var(--mfg-white) !important;
  text-shadow: 2px 2px 12px rgba(0,0,0,0.8) !important;
}

/* --- Right side panel behind slider --- */
.div-block-2 {
  background-color: var(--mfg-primary) !important;
  background-image: url('../images/precision_parts.png') !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* --- Scroll Section / Super Text --- */
.super-text.one {
  background-color: var(--mfg-primary) !important;
  color: var(--mfg-white) !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em;
}

.scroll-arrow {
  background-color: var(--mfg-primary) !important;
}

.scroll-text {
  color: var(--mfg-primary) !important;
}

/* --- Vision Section --- */
.heading-2 {
  color: var(--mfg-primary) !important;
  font-weight: 900 !important;
}

.paragraph-6 {
  color: var(--mfg-steel) !important;
  font-size: 16px !important;
  line-height: 2 !important;
}

/* --- Circle decorations --- */
.div-block-5 {
  border-color: var(--mfg-accent) !important;
  opacity: 0.6;
}

.div-block-5.ver_ourvision_small {
  border-color: var(--mfg-accent) !important;
}

.div-block-5.ver_ourvision_big {
  border-color: rgba(26, 115, 232, 0.15) !important;
}

.div-block-5.ver_servicecircle {
  border-color: var(--mfg-accent) !important;
}

.div-block-5.ver_servicecircle.ver_black,
.div-block-5.ver_servicecircle_leftside.ver_black,
.div-block-5.ver_servicecircle_leftside.ver_black-copy {
  background-color: var(--mfg-primary) !important;
  border-color: var(--mfg-primary) !important;
}

.div-block-5.ver_footer {
  border-color: var(--mfg-accent) !important;
  opacity: 0.2;
}

/* --- About Us Section (background) --- */
.section.ver_aboutus {
  background-image: linear-gradient(180deg, rgba(10, 22, 40, 0.85), rgba(10, 22, 40, 0.85)), url('../images/welding_sparks.png') !important;
  background-position: 0px 0px, center center !important;
  background-size: auto, cover !important;
}

.sectiontitle.ver_aboutus {
  color: var(--mfg-white) !important;
  text-shadow: 0 0 30px var(--mfg-accent-glow) !important;
}

/* --- SERVICE Section --- */
.sectiontitle.ver_service {
  color: var(--mfg-primary) !important;
  font-weight: 900 !important;
}

.heading-3 {
  color: var(--mfg-primary) !important;
  font-weight: 900 !important;
}

.heading-4 {
  color: var(--mfg-accent) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.div-block-11 {
  background-color: var(--mfg-accent) !important;
}

.paragraph {
  color: var(--mfg-steel) !important;
}

/* --- Service circle text --- */
.text-block.ver_snsmarketing,
.text-block.ver_creative {
  color: var(--mfg-white) !important;
}

.text-block .text-span {
  color: var(--mfg-accent-light) !important;
}

/* --- Buttons --- */
.button-2 {
  background-color: var(--mfg-primary) !important;
  border-color: var(--mfg-primary) !important;
  box-shadow: 0 0 0 3px var(--mfg-accent) !important;
  color: var(--mfg-white) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: all 0.3s ease !important;
}

.button-2:hover {
  background-color: var(--mfg-accent) !important;
  border-color: var(--mfg-accent) !important;
  box-shadow: 0 0 0 3px var(--mfg-primary), 0 4px 20px var(--mfg-accent-glow) !important;
  transform: translate(-8px, -8px) scale(1.02) !important;
}

.button-border {
  box-shadow: 0 0 0 3px var(--mfg-primary) !important;
}

/* --- Video Section --- */
.section.ver_video {
  position: relative;
}

.section.ver_video::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(10,22,40,0.3) 0%, rgba(26,115,232,0.1) 100%);
  z-index: 1;
  pointer-events: none;
}

/* --- Footer --- */
.section.ver_footer {
  background-color: var(--mfg-primary) !important;
}

.footerlink {
  color: rgba(255,255,255,0.7) !important;
  transition: color 0.3s ease !important;
}

.footerlink:hover {
  color: var(--mfg-accent-light) !important;
}

.div-block-17 {
  color: rgba(255,255,255,0.5) !important;
}

.div-block-16 {
  background-color: rgba(255,255,255,0.2) !important;
}

/* --- Navbar --- */
.nav-bar.sample-website {
  background-color: rgba(10, 22, 40, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(26, 115, 232, 0.2) !important;
}

.nav-link-2,
.dropdown-link-text,
.text-block-3 a,
.text-block-4 a {
  color: rgba(255,255,255,0.85) !important;
}

.nav-link-2:hover,
.dropdown-link-text:hover {
  color: var(--mfg-accent-light) !important;
}

.nav-link-2.border.cta {
  border-color: var(--mfg-accent) !important;
  color: var(--mfg-accent-light) !important;
  transition: all 0.3s ease !important;
}

.nav-link-2.border.cta:hover {
  background-color: var(--mfg-accent) !important;
  color: var(--mfg-white) !important;
}

.dropdown-link {
  color: rgba(255,255,255,0.7) !important;
}

.dropdown-list-2 {
  background-color: var(--mfg-primary) !important;
  border: 1px solid rgba(26, 115, 232, 0.2) !important;
}

/* --- Cursor --- */
.cursor-dot1 {
  background-color: var(--mfg-accent) !important;
}

.cursor-dot2 {
  border-color: var(--mfg-accent) !important;
}

/* --- Overlay Navigation --- */
.c-nav {
  background-color: var(--mfg-primary) !important;
}

.nav-menu-overlay-bg {
  background-color: var(--mfg-primary) !important;
}

.c-nav-menu-overlay {
  background-color: var(--mfg-primary) !important;
}

.nav-menu-btn-line {
  background-color: var(--mfg-white) !important;
}

.nav-menu-btn-close-icon {
  background-color: var(--mfg-white) !important;
}

.menu-item-text {
  color: var(--mfg-white) !important;
}

.menu-item-number {
  color: var(--mfg-accent) !important;
}

.link-menu-2 {
  color: var(--mfg-white) !important;
}

/* --- About Us Page Specific --- */
.div-block-32 {
  background-color: var(--mfg-primary) !important;
}

.heading-9 {
  color: var(--mfg-white) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}

.image-13 {
  opacity: 0.3 !important;
  filter: brightness(0.8) !important;
}

.aboutus_maintitle {
  color: var(--mfg-primary) !important;
  font-weight: 900 !important;
}

.aboutus_subtitle {
  color: var(--mfg-primary) !important;
}

.paragraph-4 {
  color: var(--mfg-steel) !important;
  line-height: 2 !important;
}

.div-block-35.ver_vision,
.div-block-35.ver_mission,
.div-block-35.ver_value {
  border-color: var(--mfg-accent) !important;
}

.heading-6 {
  color: var(--mfg-primary) !important;
  font-weight: 900 !important;
}

.div-block-42 {
  background-color: var(--mfg-primary) !important;
}

.div-block-42 .text-block-5 {
  color: var(--mfg-white) !important;
}

/* --- Loader --- */
.loader {
  background-color: var(--mfg-primary) !important;
}

/* --- Slide Nav dots --- */
.slide-nav {
  color: var(--mfg-white) !important;
}

/* --- Divider line --- */
.div-block-5.ver_topview {
  border-color: var(--mfg-accent) !important;
}

/* --- Responsive adjustments --- */
@media screen and (max-width: 991px) {
  .heading {
    font-size: 8vw !important;
  }
  
  .heading-2 {
    font-size: 6vw !important;
    padding-left: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .heading {
    font-size: 10vw !important;
  }
  
  .heading-2 {
    font-size: 7vw !important;
    padding-left: 20px !important;
  }

  .super-text.one {
    font-size: 6em !important;
  }
  
  .nav-bar.sample-website {
    background-color: rgba(10, 22, 40, 0.98) !important;
  }
}

@media screen and (max-width: 479px) {
  .heading {
    font-size: 12vw !important;
  }
  
  .heading-2 {
    font-size: 8vw !important;
    padding-left: 15px !important;
  }

  .super-text.one {
    font-size: 4em !important;
  }
}