/* Weldterial Custom Overrides - Orange Theme + Pretendard */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

:root {
  /* Orange Theme Colors */
  --tp-theme-primary: #FF6B00;
  --tp-theme-secondary: #E65100;
  --tp-theme-1: #FF8F00;

  /* Font Override to Pretendard */
  --tp-ff-body: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-heading: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-p: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-sora: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-dm: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-inter: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-poppins: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-jakarta: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-familjen: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --tp-ff-funnel: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Heading fonts override */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ClashDisplay override to Pretendard */
.tp-section-title-clash-600,
.tp-section-title-clash-500,
[class*="clash"] {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Brand marquee (red-bg) → Orange */
.red-bg {
  background-color: #FF6B00 !important;
}

/* Section subtitle color */
.cnt-section-subtitle {
  color: #FF6B00;
}

/* Service area dark background accent */
.ar-service-area {
  background-color: #1a1a1a;
}

/* Button hover states - orange */
.upd-btn-black-square:hover {
  background-color: #FF6B00 !important;
  border-color: #FF6B00 !important;
}

.upd-btn-black-square.cnt-btn-style:hover {
  background-color: #FF6B00 !important;
  border-color: #FF6B00 !important;
}

/* Loader color */
.loader-wrap svg path {
  fill: #FF6B00;
}

.load-text span {
  color: #FF6B00;
}

/* Back to top button */
.scrollToTop .arrowUp {
  background-color: #FF6B00;
}

/* Award items hover */
.ar-award-item:hover .ar-award-icon {
  background-color: #FF6B00;
}

/* Funfact area */
.ar-funfact-item h4 {
  color: #FF6B00;
}

/* Footer accent */
.ar-footer-widget-btn {
  background-color: #FF6B00;
}

.ar-footer-widget-btn:hover {
  background-color: #E65100;
}

/* Progress bar / Testimonial */
.shop-slider-progress-bar span {
  background-color: #FF6B00;
}

/* Copyright social links hover */
.ar-copyright-social a:hover {
  color: #FF6B00;
}

/* Footer widget title underline */
.ar-footer-widget-title::after {
  background-color: #FF6B00;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background-color: #FF6B00;
}

/* Selection color */
::selection {
  background-color: #FF6B00;
  color: #fff;
}

/* Link hover */
a:hover {
  color: #FF6B00;
}

/* Offcanvas accent */
.tp-offcanvas-2-right-info-title {
  color: #FF6B00;
}

/* Product slider - uniform image size */
.weldterial-product-slider .cnt-team-item-thumb {
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 8px;
}

.weldterial-product-slider .cnt-team-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hero - always show background image on all items */
.ar-service-item .ar-service-bg {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 0 !important;
}

/* Hero video - hidden by default, show on hover */
.wt-hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.ar-service-item:hover .wt-hero-video,
.ar-service-item.active:hover .wt-hero-video {
  opacity: 1;
}

.ar-service-area .ar-service-title-box {
  z-index: 3;
  position: relative;
}

/* Partner logos */
.wt-partner-logo {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 3px;
  color: #999;
  text-transform: uppercase;
  font-family: 'Pretendard', sans-serif;
  white-space: nowrap;
  opacity: 0.5;
  transition: opacity 0.3s;
}

.ar-brand-item:hover .wt-partner-logo {
  opacity: 1;
  color: #333;
}

/* Blog area - equal height */
.cnt-blog-ptb > .container > .row {
  display: flex !important;
  align-items: stretch !important;
}

.cnt-blog-ptb > .container > .row > .col-xl-6 {
  display: flex !important;
}

.cnt-blog-ptb .cnt-blog-item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
}

.cnt-blog-ptb .cnt-blog-item-thumb {
  flex: 1 !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

.cnt-blog-ptb .cnt-blog-item-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.cnt-blog-ptb .cnt-blog-item-box {
  height: 100% !important;
}

.ar-service-item .ar-service-title {
  z-index: 2;
  position: relative;
}

/* About section title bolder */
.tp-section-title-clash-600.fs-60 {
  font-weight: 800 !important;
}

/* Override all purple/violet colors to orange */
:root {
  --tp-common-blue: #FF6B00;
  --tp-common-blue-2: #FF8F00;
  --tp-common-nights: #E65100;
}

/* Login page - hide right purple panel / fix layout */
#mb_login {
  max-width: 420px;
  margin: 80px auto;
}

#mb_login .mbskin_box {
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}

/* Hide social login purple panel if present */
#sns_login {
  border: none !important;
  background: #fff !important;
}

/* Member connect purple button fix */
.member_connect button {
  background: #FF6B00 !important;
  border-color: #E65100 !important;
}

.member_connect button:hover {
  background: #E65100 !important;
}

/* Blog section - left card sticky on scroll */
.cnt-blog-ptb .row {
  align-items: flex-start;
}
.cnt-blog-ptb .row > .col-xl-6:first-child .cnt-blog-item {
  position: sticky;
  top: 100px;
}
@media (max-width: 1199.98px) {
  .cnt-blog-ptb .row > .col-xl-6:first-child .cnt-blog-item {
    position: static;
  }
}

/* About breadcrumb hero - reduce height to 1/3 */
.tp-breadcrumb-2-spacing .tp-breadcrumb-thumb {
  max-height: 33vh;
  overflow: hidden;
}
.tp-breadcrumb-2-spacing .tp-breadcrumb-thumb img {
  width: 100%;
  height: 33vh;
  object-fit: cover;
}

/* Service slider - uniform image height */
.tp-service-cst-item {
  min-height: 520px;
}
.tp-service-cst-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tp-service-cst-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hero title - high impact */
.wt-hero-title-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: calc(100% - 200px);
}
.wt-hero-heading {
  font-size: 100px;
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -2px;
  color: #fff;
  text-transform: uppercase;
  font-family: var(--tp-ff-clash-medium);
  margin-bottom: 20px;
  text-shadow: 0 2px 40px rgba(0,0,0,0.4);
}
.wt-hero-sub {
  font-size: 18px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  letter-spacing: 1px;
  margin: 0;
  font-family: var(--tp-ff-inter);
}
@media (max-width: 1199.98px) {
  .wt-hero-heading {
    font-size: 72px;
  }
}
@media (max-width: 767.98px) {
  .wt-hero-heading {
    font-size: 48px;
    letter-spacing: -1px;
  }
  .wt-hero-sub {
    font-size: 15px;
  }
}