/* Kyema Constructions: this site's own fixes, loaded after the kit (served as css/site-overrides.css). */

/* Phone header menu (2026-09-30). Live, the phone header is a "0475 471 281" button with the menu pulled up
   43px (Divi margin) to sit beside it. The kit hides that header button (U19: the round call button is the
   only one), the row collapsed and the menu sat above the screen: a blank black strip, no menu. Put the
   menu back in the row, on the right. */
@media (max-width: 980px) {
  .et-db #et-boc .et-l .et_pb_menu_1_tb_header,
  .et_pb_menu_1_tb_header.et_pb_menu { margin-top: 0 !important; }
}

/* Audit 2026-10-07. Home section 2 names a theme-demo background (ahbg-top-left.svg) that is missing on the
   live site too, so nothing shows there; drop the reference so the browser stops logging a "not found". */
.page-id-22991424 div.et_pb_section.et_pb_section_2 { background-image: none !important; }

/* Client edits 2026-10-12 (Jack's email "Website"). The home services row had five tiles; Contract Carpentry
   is gone, so the four left share the row on desktop (Divi sizes a one-fifth column at 20%). */
@media (min-width: 981px) {
  .page-id-22991424 .et_pb_row_1 > .et_pb_column_1_5 { width: 25% !important; }
}

/* Gallery page: the "Project Videos" row under the photos, Jack's phone clips (portrait). */
.wd-video-row .et_pb_text_1 { margin-bottom: 30px; }
.wd-video-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.wd-video-tile video { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: #111; }
@media (max-width: 980px) { .wd-video-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }