/* Patel Transport Agency — WordPress adjustments.
   The design system (style.css) was written for hand-built markup. WordPress
   blocks wrap the same classes in slightly different elements; these rules
   close the gap. Keep this file small. */

/* Block wrappers carry no spacing of their own. */
:where(.wp-site-blocks, .is-layout-flow, .is-layout-constrained) > * { margin-block: 0; }
.wp-site-blocks { padding: 0; }

/* The header and footer template parts are the masthead and footer themselves. */
.wp-block-template-part.masthead { display: block; }

/* Photographs are figure elements here, not divs. */
figure.media, figure.media-behind { margin: 0; }
.media.media-after { margin-top: clamp(3rem, 6vw, 5rem); }
.cell figure.media { margin: 0 0 1.75rem; }
.wp-block-image.media img,
.wp-block-image.media-behind img { width: 100%; height: 100%; object-fit: cover; max-width: none; }
.pagehead, .hero { position: relative; }

/* Record fields are paragraphs here, not divs. */
.docket-key > p { margin: 0; }

/* Contact: the photograph beside the details stretches to their height. */
@media (min-width: 70rem) {
  .reach-split figure.media img { position: absolute; inset: 0; }
}

/* The WordPress admin bar sits above the sticky masthead when signed in. */
.admin-bar .masthead { top: 32px; }
@media (max-width: 782px) { .admin-bar .masthead { top: 46px; } }
@media (max-width: 600px) { .admin-bar .masthead { top: 0; } }

/* Editor only: show hidden-by-design pieces so they can be selected. */
.editor-styles-wrapper .lanes { pointer-events: none; }
.editor-styles-wrapper .cell-mark { min-height: 4px; }