/* =========================================================================
   One Global Capital — Residential listings: theme reset (WordPress only).
   Loaded AFTER the site theme (Hello Elementor reset.css) and Elementor, and BEFORE
   ogc-listings.css. Inside our sections only, it puts back the plain browser
   defaults the mock-up was built and reviewed on. Each rule has the same weight as
   the theme rule it undoes, so it wins by coming later; ogc-listings.css comes later
   still and wins over this file. Checked element by element by
   wordpress/tools/test_parity.py against the mock-up.
   ========================================================================= */

/* The Residential page's text colour and weight came from the mock-up's page body (OGC: Roboto 300, #1c1c1c) */
:where(.ogc-market) { color: #1c1c1c; font-weight: 300; }

/* Headings: browser sizes; the theme sets 2.5rem/2rem/1.75rem, weight 500, line-height 1.2 */
:where(.rl, .ogc-market) h1 { font-size: 2em; }
:where(.rl, .ogc-market) h2 { font-size: 1.5em; }
:where(.rl, .ogc-market) h3 { font-size: 1.17em; }
:where(.rl, .ogc-market) h4 { font-size: 1em; }
:where(.rl, .ogc-market) :is(h1, h2, h3, h4, h5, h6) { line-height: inherit; }
:where(.rl) :is(h1, h2, h3, h4, h5, h6) { margin-block: 0; font-weight: 400; }
:where(.ogc-market) :is(h1, h2, h3, h4, h5, h6) { font-weight: bold; }

/* Paragraphs and lists: the theme sets p to .9rem below and lists to no margin */
:where(.rl) p { margin-block: 0 1em; }
:where(.ogc-market) p { margin-block: 1em; }
:where(.rl, .ogc-market) :is(ul, ol, dl) { margin-block: 1em; }

/* Links: the theme makes them pink (#c36) with no underline */
:where(.rl, .ogc-market) a { color: inherit; text-decoration: underline; }

/* Images: block, as in the mock-up (the theme leaves them inline) */
:where(.rl, .ogc-market) img { display: block; max-width: 100%; }

/* Labels: the theme makes them inline-block with line-height 1 */
:where(.rl, .ogc-market) label { display: inline; line-height: inherit; vertical-align: baseline; }

/* Form fields: the theme sets line-height 1.5 on all fields and a .3s transition on text fields */
:where(.rl) :is(input, select, textarea, optgroup) { line-height: normal; }
:where(.rl) :is(input[type=text], input[type=email], input[type=tel], input[type=url], input[type=number], input[type=search], input[type=password], input[type=date], input[type=time]),
:where(.rl) :is(select, textarea) { transition: none; }

/* Keyboard focus ring: the mock-up's (2 px #1c1c1c, 2 px gap). The theme adds a white 4 px halo
   and a black ring, and weighs up to 0,3,0 for [tabindex]; our own component rings still win. */
:where(.rl, .ogc-market) :is(a, button, input, select, textarea, summary):focus-visible,
:where(.rl, .ogc-market) [tabindex]:not([tabindex="-1"]):focus-visible {
  box-shadow: none; outline: 2px solid #1c1c1c; outline-offset: 2px;
}

/* Buttons: the theme gives every button a pink border, padding, rounded corners and no wrapping
   ([type=button] weighs 0,1,0). Same values as the mock-up's own button reset. */
:where(.rl, .ogc-market) :is(button, [type=button], [type=submit]) {
  border: 0; border-radius: 0; padding: 0; margin: 0;
  color: inherit; background-color: transparent;
  font-size: inherit; font-weight: inherit; line-height: inherit;
  white-space: normal; transition: none; cursor: default;
  -webkit-user-select: auto; user-select: auto;
}