/* =====================================================
   LOGO FIX – precise targeting using code-path
   (No background shorthand so images won't get wiped)
   ===================================================== */

/* ====== HEADER LOGO BOX (the H square) ====== */
header div[code-path="src/sections/Header.tsx:55:15"] {
  width: 260px !important;   /* bigger header logo */
  height: 120px !important;

  /* override Tailwind gradient background-image */
  background-image: url("../images/logo.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;

  background-color: transparent !important;
}

/* Hide the "H" inside the header logo box */
header span[code-path="src/sections/Header.tsx:56:17"] {
  display: none !important;
}

/* Hide header brand text + tagline */
header div[code-path="src/sections/Header.tsx:59:17"],
header div[code-path="src/sections/Header.tsx:62:17"] {
  display: none !important;
}

/* Prevent clipping */
header { overflow: visible !important; }


/* ====== FOOTER LOGO BOX (the H square) ====== */
footer div[code-path="src/sections/Footer.tsx:34:15"] {
  width: 192px !important;
  height: 92px !important;

  background-image: url("../images/logo.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;

  background-color: transparent !important;
}

/* Hide the "H" inside the footer logo box */
footer span[code-path="src/sections/Footer.tsx:35:17"] {
  display: none !important;
}

/* Hide footer brand text + tagline */
footer div[code-path="src/sections/Footer.tsx:38:17"],
footer div[code-path="src/sections/Footer.tsx:41:17"] {
  display: none !important;
}

footer { overflow: visible !important; }
