/*
Theme Name: Urban Tile Solution (UTS)
Author: Klisman
Description: Converted from static HTML to a WordPress theme.
Version: 1.0.0
Text Domain: uts
*/

/* Hide scrollbar (like in the HTML) */
::-webkit-scrollbar { display: none; }

/* Brand tokens (fallback even if Tailwind config doesn't load) */
:root {
  --uts-brand-orange: #ceb065;
  --uts-dark-green: #2F4538;
}

/* Tailwind-like helpers for custom colors used in the HTML */
.bg-brandOrange { background-color: var(--uts-brand-orange) !important; }
.text-brandOrange { color: var(--uts-brand-orange) !important; }
.border-brandOrange { border-color: var(--uts-brand-orange) !important; }

.hover\:text-brandOrange:hover { color: var(--uts-brand-orange) !important; }
.hover\:bg-brandOrange:hover { background-color: var(--uts-brand-orange) !important; }

.bg-darkGreen { background-color: var(--uts-dark-green) !important; }
.text-darkGreen { color: var(--uts-dark-green) !important; }
.hover\:text-darkGreen:hover { color: var(--uts-dark-green) !important; }

/* Mobile typography tuning: make Tailwind big text classes smaller on phones */
@media (max-width: 767px) {
  .uts-content .text-8xl { font-size: 2.5rem !important; line-height: 1.1 !important; }
  .uts-content .text-7xl { font-size: 2.25rem !important; line-height: 1.15 !important; }
  .uts-content .text-6xl { font-size: 2rem !important; line-height: 1.2 !important; }
  .uts-content .text-5xl { font-size: 1.75rem !important; line-height: 1.25 !important; }
  .uts-content .text-4xl { font-size: 1.5rem !important; line-height: 1.3 !important; }
  .uts-content .text-3xl { font-size: 1.35rem !important; line-height: 1.35 !important; }
  .uts-content .text-2xl { font-size: 1.25rem !important; line-height: 1.4 !important; }
  .uts-content .text-xl  { font-size: 1rem !important; line-height: 1.6 !important; }
}

/* Mobile drawer animation */
#utsMobileMenu > div:last-child { transform: translateX(100%); transition: transform 250ms ease; }
#utsMobileMenu.uts-open > div:last-child { transform: translateX(0); }
#utsMobileMenu { transition: opacity 200ms ease; }

/* Swiper slight polish */
.projects-swiper { padding-bottom: 10px; }
.projects-swiper .swiper-slide { height: auto; }

/* BULLETPROOF logo sizing */
#header .uts-logo{
  display: block !important;
  height: 48px !important;      /* 48px = h-12 */
  width: auto !important;
  max-height: 48px !important;
  object-fit: contain !important;
}

/* Mobile */
@media (max-width: 767px){
  #header .uts-logo{
    height: 44px !important;
    max-height: 44px !important;
  }
}

#header{
  height: 80px;
}
#header > div{
  height: 80px;
}