/* === Forklift Pros Premium 2026 === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

/* Base Typography */
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.7; color: #2D3748; background: #F7F8FA; }
h1, h2, h3, h4, h5, h6 { font-family: 'Plus Jakarta Sans', 'Inter', sans-serif; font-weight: 700; color: #003087; letter-spacing: -0.02em; }

/* Hide default page titles */
.entry-title, .page .entry-header, .ast-archive-description { display: none !important; }

/* Header styling */
.ast-primary-header-bar { box-shadow: 0 4px 20px rgba(0,0,0,0.15); border-bottom: 3px solid #FF6200; }
.site-title a { font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 800 !important; letter-spacing: 0.5px; font-size: 26px !important; }
.main-header-menu .menu-item > .menu-link,
.ast-header-break-point .main-header-menu .menu-item > .menu-link { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }

/* === CRITICAL: Remove ALL Astra container padding/margins === */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post { padding: 0 !important; background: transparent !important; margin: 0 !important; }
.ast-separate-container .entry-content { margin: 0 !important; }
.ast-separate-container .site-main > .ast-row { margin: 0 !important; }
.ast-separate-container #primary { padding: 0 !important; margin: 0 !important; }
.ast-separate-container #primary > .ast-row { margin: 0 !important; }
.site-content > .ast-container { max-width: 100% !important; padding: 0 !important; }
.site-content .ast-container { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
#primary .entry-content { max-width: 100% !important; }
.entry-content > .alignfull { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; width: 100% !important; }

/* === Remove gap between header and hero === */
.site-content { padding-top: 0 !important; margin-top: 0 !important; }
.ast-separate-container .ast-article-single:not(.ast-related-post) { background: transparent !important; }
.ast-separate-container .ast-article-post .entry-content > *:first-child { margin-top: 0 !important; }

/* === Hero cover blocks === */
.wp-block-cover { margin-top: 0 !important; margin-bottom: 0 !important; }
.wp-block-cover img.wp-block-cover__image-background { object-fit: cover !important; }

/* === Section spacing — NO gaps between sections === */
.entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }
.entry-content > .wp-block-group { margin: 0 !important; }
.entry-content > .wp-block-cover + .wp-block-group,
.entry-content > .wp-block-group + .wp-block-group,
.entry-content > .wp-block-group + .wp-block-cover,
.entry-content > .wp-block-cover + .wp-block-cover { margin-top: 0 !important; }

/* === Content typography === */
.entry-content h2 { margin-top: 0; margin-bottom: 0.6em; padding-bottom: 0.3em; border-bottom: 3px solid #FF6200; display: inline-block; }
.entry-content a { text-decoration: none; font-weight: 500; transition: color 0.2s; }
.entry-content a:hover { text-decoration: underline; color: #E55800; }
a[href^="tel:"] { font-weight: 700; color: #FF6200; font-size: 1.1em; }

/* === Buttons === */
.wp-block-button__link { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255,98,0,0.3); padding: 14px 32px !important; }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 6px 25px rgba(255,98,0,0.4); }
.is-style-outline .wp-block-button__link { border-width: 2px !important; }

/* === Images in columns — CONSTRAINED properly === */
.wp-block-columns .wp-block-column .wp-block-image { overflow: hidden; border-radius: 8px; max-height: 380px; }
.wp-block-columns .wp-block-column .wp-block-image img { width: 100%; height: 100%; max-height: 380px; object-fit: cover; object-position: center; border-radius: 8px; box-shadow: 0 8px 30px rgba(0,0,0,0.12); transition: transform 0.3s ease; }
.wp-block-columns .wp-block-column .wp-block-image:hover img { transform: scale(1.02); }

/* === Columns spacing === */
.wp-block-columns { gap: 40px !important; margin-bottom: 0 !important; }

/* === Footer === */
.site-above-footer-wrap { background-color: #001F5C !important; }
.site-below-footer-wrap { background-color: #001240 !important; }
.site-above-footer-wrap h3, .site-above-footer-wrap h4 { color: #FFFFFF !important; }
.site-above-footer-wrap, .site-above-footer-wrap a { color: #CBD5E0 !important; }
.site-above-footer-wrap a:hover { color: #FF6200 !important; }
.ast-footer-copyright { color: #8896A8 !important; }
.ast-footer-copyright a { color: #FF6200 !important; }

/* === Spacer override === */
.wp-block-spacer { height: 0px !important; display: none !important; }

/* === Scroll to top === */
.ast-scroll-top-icon { background: #FF6200 !important; border-radius: 50% !important; box-shadow: 0 4px 15px rgba(255,98,0,0.3); }
html { scroll-behavior: smooth; }

/* === TABLET (iPad) === */
@media (max-width: 1024px) and (min-width: 769px) {
  .wp-block-cover { min-height: 400px !important; }
  .wp-block-cover h1 { font-size: 36px !important; }
  .wp-block-cover h2 { font-size: 30px !important; }
  .wp-block-cover p { font-size: 17px !important; }
  .wp-block-columns { gap: 25px !important; }
  .wp-block-columns .wp-block-column .wp-block-image { max-height: 320px; }
  .wp-block-columns .wp-block-column .wp-block-image img { max-height: 320px; }
  .entry-content .wp-block-group[style*="padding"] { padding-left: 30px !important; padding-right: 30px !important; }
}

/* === MOBILE === */
@media (max-width: 768px) {
  .wp-block-cover { min-height: 350px !important; padding-top: 60px !important; padding-bottom: 60px !important; }
  .wp-block-cover h1 { font-size: 28px !important; line-height: 1.2 !important; }
  .wp-block-cover h2 { font-size: 24px !important; }
  .wp-block-cover p { font-size: 16px !important; }
  .wp-block-columns { flex-direction: column !important; gap: 20px !important; }
  .wp-block-column { flex-basis: 100% !important; margin-bottom: 0 !important; }
  .wp-block-columns .wp-block-column .wp-block-image { max-height: 280px; }
  .wp-block-columns .wp-block-column .wp-block-image img { max-height: 280px; }
  .entry-content .wp-block-group[style*="padding"] { padding-left: 20px !important; padding-right: 20px !important; padding-top: 40px !important; padding-bottom: 40px !important; }
  .wp-block-buttons { flex-direction: column !important; align-items: center !important; }
  .wp-block-button { width: 100%; max-width: 300px; }
  .wp-block-button__link { width: 100% !important; text-align: center !important; }
  .site-above-footer-wrap div[style*="display:flex"] { flex-direction: column !important; gap: 30px !important; text-align: center; }
}
/* === Fix gap between header and hero === */
.content-area, #content { margin-top: 0 !important; }
.ast-separate-container .content-area { margin-top: 0 !important; }
.ast-separate-container #primary { margin-top: 0 !important; }


/* === AGGRESSIVE page title hiding — ALL devices === */
.entry-title,
.page .entry-header,
.ast-archive-description,
.page-header,
.ast-page-header-section,
h1.entry-title,
.page .ast-title-bar-active .entry-header,
.ast-separate-container .entry-header,
article .entry-header,
.ast-single-post .entry-header,
.page-id-8 .entry-header,
.page-id-9 .entry-header,
.page-id-11 .entry-header,
.page-id-12 .entry-header,
.page-id-13 .entry-header,
.page-id-125 .entry-header {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === Mobile header fix — prevent site title stacking === */
@media (max-width: 768px) {
  .site-title a {
    white-space: nowrap !important;
    font-size: 20px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 200px !important;
    display: inline-block !important;
  }
  .ast-site-identity {
    max-width: 220px !important;
  }
  /* Mobile menu toggle */
  .ast-mobile-menu-trigger-minimal {
    color: #FFFFFF !important;
  }
  .ast-header-break-point .ast-mobile-header-wrap .ast-above-header-bar,
  .ast-header-break-point .ast-mobile-header-wrap .ast-main-header-bar {
    padding: 8px 15px !important;
  }
  /* Mobile menu dropdown */
  .ast-header-break-point .main-header-menu {
    background: #003087 !important;
  }
  .ast-header-break-point .main-header-menu .menu-item > .menu-link {
    color: #FFFFFF !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    padding: 12px 20px !important;
  }
  .ast-header-break-point .main-header-menu .menu-item > .menu-link:hover {
    color: #FF6200 !important;
  }
}

/* === Tablet site title === */
@media (max-width: 1024px) and (min-width: 769px) {
  .site-title a {
    white-space: nowrap !important;
    font-size: 22px !important;
  }
}

/* Replace Listings title with Forklift Inventory */
.post-type-archive-auto-listing h1.page-title { font-size: 0 !important; line-height: 0 !important; overflow: hidden; }
.post-type-archive-auto-listing h1.page-title::after { content: 'Forklift Inventory'; font-size: 2rem; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #003087; display: block; }

/* === Homepage Elementor Fixes === */
/* Hide page title on homepage */
.home .entry-title,
.home .page-title,
.home .ast-archive-description,
.page-id-8 .entry-title {
  display: none !important;
}

/* Remove heading underlines on Elementor HTML widget content */
.elementor-widget-html h2,
.elementor-widget-html h3,
.elementor-widget-html h4 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* Ensure centered text in homepage sections */
.fp-title,
.fp-subtitle,
.fp-eyebrow {
  text-align: center !important;
}

/* Remove extra spacing around Elementor containers */
.elementor-element.e-con {
  --padding-top: 0px;
  --padding-bottom: 0px;
}