/*
Theme Name:  TTG Theme
Description: Torque Tension Group — block theme built on Twenty Twenty-Four
Template:    twentytwentyfour
Version:     1.0.0
*/

/* ═══════════════════════════════════════════════
   SERVICES STRIP — overlaps hero with negative margin
═══════════════════════════════════════════════ */
.wp-block-post-title, .entry-title, .wp-block-navigation__container, .wp-block-spacer{ display: none !important; }
.is-nowrap { flex-wrap: wrap !important; }

.wp-block-columns {
  align-items: stretch;
}
.ttg-counter-box {
  height: 100%;
  align-items: center;
}

.ttg-service-card {
  height: 100%;
}
.ttg-badge-overlap {
  box-sizing: border-box;
}
.ttg-counter-section .wp-block-columns {
  align-items: stretch;
}


.ttg-services-overlap {
  margin-top: -95px;
  position: relative;
  z-index: 10;
}

.ttg-service-card {
  background-color: var(--wp--preset--color--off-white);
  box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);
}

.ttg-service-card-top {
  border-bottom: 1px solid var(--wp--preset--color--outline);
  padding-bottom: var(--wp--preset--spacing--xs);
  margin-bottom: var(--wp--preset--spacing--xs);
}

/* ═══════════════════════════════════════════════
   ABOUT — 200+ badge pulls up over the image
═══════════════════════════════════════════════ */

.ttg-badge-overlap {
  margin-top: -65px;
  position: relative;
  z-index: 2;
  max-width: 290px;
  background-color: var(--wp--preset--color--off-white);
  box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);
}

.ttg-feature-row {
  align-items: center;
}

/* ═══════════════════════════════════════════════
   COUNTER STRIP — fixed/parallax background
═══════════════════════════════════════════════ */

.ttg-counter-section .wp-block-cover__image-background {
  background-attachment: fixed;
}

.ttg-counter-box {
  border: 1px solid #777777;
}

/* ═══════════════════════════════════════════════
   GALLERY / WHAT WE DO — fixed heights per panel
═══════════════════════════════════════════════ */

.ttg-panel-tall  { min-height: 450px; }
.ttg-panel-short { min-height: 250px; }

/* ═══════════════════════════════════════════════
   BRAND PARTNERS — logo/name strip
═══════════════════════════════════════════════ */

.ttg-brands-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--wp--preset--spacing--md);
}

.ttg-brand-name {
  font-family: var(--wp--preset--font-family--poppins);
  font-size: var(--wp--preset--font-size--large);
  font-weight: 600;
  color: var(--wp--preset--color--heading);
  padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--md);
  border: 1px solid var(--wp--preset--color--outline);
}

/* ═══════════════════════════════════════════════
   CONTACT FORM SECTION
═══════════════════════════════════════════════ */

.ttg-quote-form input,
.ttg-quote-form textarea,
.ttg-quote-form select {
  width: 100%;
  padding: var(--wp--preset--spacing--xs);
  border: 1px solid var(--wp--preset--color--outline);
  font-family: var(--wp--preset--font-family--rubik);
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--body);
  background-color: var(--wp--preset--color--off-white);
  margin-bottom: var(--wp--preset--spacing--xs);
}

.ttg-quote-form input:focus,
.ttg-quote-form textarea:focus {
  outline: 2px solid var(--wp--preset--color--amber);
  border-color: var(--wp--preset--color--amber);
}

.ttg-quote-form .wpcf7-submit {
  background-color: var(--wp--preset--color--amber);
  color: var(--wp--preset--color--white);
  border: none;
  font-family: var(--wp--preset--font-family--poppins);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--md);
  cursor: pointer;
  transition: background-color 0.2s;
}

.ttg-quote-form .wpcf7-submit:hover {
  background-color: var(--wp--preset--color--hover);
}

/* ═══════════════════════════════════════════════
   MAPS SECTION
═══════════════════════════════════════════════ */

.ttg-map-embed iframe {
  width: 100%;
  height: 350px;
  border: 0;
  display: block;
}

/* ═══════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════ */

.ttg-footer-col-heading {
  border-bottom: 2px solid var(--wp--preset--color--amber);
  padding-bottom: var(--wp--preset--spacing--xxs);
  margin-bottom: var(--wp--preset--spacing--md);
}

.ttg-footer-links .wp-block-list,
.ttg-footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ttg-footer-links li {
  margin-bottom: var(--wp--preset--spacing--xxs);
}

.ttg-footer-links a {
  color: var(--wp--preset--color--off-white) !important;
  font-size: var(--wp--preset--font-size--small);
  text-decoration: none;
  transition: color 0.2s;
}

.ttg-footer-links a:hover {
  color: var(--wp--preset--color--amber) !important;
}

/* Social links in footer — logo-only, white */
.ttg-social .wp-block-social-links {
  gap: var(--wp--preset--spacing--xs);
}

.ttg-social .wp-social-link {
  background: none !important;
  padding: 0;
}

.ttg-social .wp-social-link svg {
  fill: var(--wp--preset--color--off-white);
  width: 20px;
  height: 20px;
}

.ttg-social .wp-social-link:hover svg {
  fill: var(--wp--preset--color--amber);
}

/* ═══════════════════════════════════════════════
   BUTTON VARIANTS
═══════════════════════════════════════════════ */
.wp-block-button__link {
  height: 47px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Outline button — white on dark backgrounds */
.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

.is-style-outline .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--hover) !important;
  border-color: var(--wp--preset--color--hover) !important;
  color: #ffffff !important;
}

/* ═══════════════════════════════════════════════
   NEWS / BLOG CARDS
═══════════════════════════════════════════════ */

.ttg-news-card {
  background-color: var(--wp--preset--color--off-white);
}

.ttg-news-card .wp-block-post-title a {
  color: var(--wp--preset--color--heading) !important;
  text-decoration: none;
}

.ttg-news-card .wp-block-post-title a:hover {
  color: var(--wp--preset--color--amber) !important;
}

.ttg-news-card .wp-block-read-more {
  color: var(--wp--preset--color--amber) !important;
  font-size: var(--wp--preset--font-size--small);
  text-transform: uppercase;
  text-decoration: none;
}

.ttg-news-card .wp-block-read-more:hover {
  color: var(--wp--preset--color--hover) !important;
}

/* ═══════════════════════════════════════════════
   UTILITY
═══════════════════════════════════════════════ */

/* Amber text link — used in service cards */
.ttg-amber-link {
  color: var(--wp--preset--color--amber);
  font-size: var(--wp--preset--font-size--small);
  text-decoration: none;
  font-weight: 400;
}

.ttg-amber-link:hover {
  color: var(--wp--preset--color--hover);
}

/* Section heading — centred with bottom margin */
.ttg-section-heading {
  text-align: center;
}

/* ═══════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════ */

@media (max-width: 960px) {
  .ttg-services-overlap {
    margin-top: 0;
  }

  .ttg-panel-tall,
  .ttg-panel-short {
    min-height: 300px;
  }
}

@media (max-width: 640px) {
  .ttg-map-embed iframe {
    height: 250px;
  }
}