/* ==========================================================
   Burgan Insurance — Modern Refresh 2025
   Keeps original brand colors, improves UX & responsiveness
   ========================================================== */

/* --- Performance: font-display swap --- */
@font-face {
  font-family: 'roboto-light';
  src: url(../assets/roboto/Roboto-Light.ttf);
  font-display: swap;
}

/* --- Smooth scroll --- */
html { scroll-behavior: smooth; }

/* --- Slightly refined body --- */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* --- Buttons: rounded, smooth hover --- */
.thm-btn {
  border-radius: 4px;
  letter-spacing: 0.03em;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(7, 135, 165, 0.20);
}
.thm-btn:hover {
  box-shadow: 0 4px 18px rgba(7, 135, 165, 0.35);
  transform: translateY(-1px);
}

/* --- Cards: subtle hover lift --- */
.single-service-item,
.single-feature-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 6px;
  overflow: hidden;
}
.single-service-item:hover,
.single-feature-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 32px rgba(0,0,0,0.12);
}

/* --- Images: prevent layout shift --- */
img {
  height: auto;
}

/* --- Navbar: cleaner active/hover --- */
.mainmenu-holder .nav-header > ul > li > a {
  transition: color 0.2s ease;
}

/* --- Form inputs: cleaner, more accessible --- */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  border-radius: 4px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 3px rgba(5, 145, 177, 0.15) !important;
  outline: none !important;
}

/* --- Better mobile tap targets --- */
@media (max-width: 767px) {
  .thm-btn {
    padding: 0 22px;
    font-size: 13px;
    line-height: 42px;
  }
  
  /* Stack info boxes on mobile */
  .upper-column.info-box {
    display: none;
  }
  
  /* Bigger touch targets on mobile nav */
  .mainmenu-holder .nav-header > ul > li > a {
    padding: 12px 16px;
  }
  
  /* Service cards full width on small screens */
  .single-service-item {
    margin-bottom: 20px;
  }
  
  /* Table responsive fix */
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* --- Tablet improvements --- */
@media (min-width: 768px) and (max-width: 1024px) {
  .upper-column.info-box {
    display: none;
  }
  .container {
    padding: 0 20px;
  }
}

/* --- Section spacing tighter on mobile --- */
@media (max-width: 767px) {
  .section-padding {
    padding: 45px 0;
  }
  h2 { font-size: 26px; }
  h3 { font-size: 20px; }
}

/* --- Footer: slightly warmer, cleaner --- */
.main-footer {
  border-top: 3px solid #0591b1;
}

/* --- Loading overlay: fade faster --- */
.loading-overlay {
  transition: opacity 0.3s ease;
}

/* --- Slider img performance --- */
.tp-bgimg,
.rev_slider img {
  will-change: transform;
}

/* --- Responsive images in service pages --- */
.service-detail-section img {
  border-radius: 6px;
}

/* --- Accordion smoother --- */
.accrodion-content {
  transition: all 0.3s ease;
}

/* --- Map container responsive --- */
#map-canvas,
.map-canvas {
  width: 100% !important;
  height: 350px !important;
}

@media (max-width: 767px) {
  #map-canvas,
  .map-canvas {
    height: 250px !important;
  }
}

/* --- Print: hide nav, footer, slider --- */
@media print {
  .main-header,
  .main-footer,
  .rev_slider_wrapper,
  .thm-btn { display: none !important; }
  body { font-size: 12pt; color: #000; }
}

/* --- Fix: remove thin vertical line in branches section --- */
.chemical-offer:before {
  display: none;
}

/* --- hCaptcha widget spacing --- */
.h-captcha {
  margin-bottom: 12px;
  margin-top: 8px;
}

/* --- Fix: remove horizontal line in branches section --- */
.chemical-offer:after {
  display: none;
}

/* --- Fix: remove border-bottom line above Send Your Message --- */
.contact-post .border-bottom {
  display: none;
}