/*
Theme Name: Lovecraft Child
Theme URI: https://www.patorikku.net/
Description: Child theme of Lovecraft, holding accessibility and validity fixes that cannot be made safely in the parent theme because a theme update would overwrite them: pinch-zoom restored on phones, an alt attribute on the header image, valid button markup, heading levels that no longer skip, a valid anchor for #comments, a label for the search field, accessible names for icon-only links, and obsolete attributes stripped from embedded media. See readme.txt for the full list.
Author: Patrick Dahm
Author URI: https://www.patorikku.net/
Template: lovecraft
Version: 1.4.0
Requires at least: 6.0
Tested up to: 6.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lovecraft-child
*/

/* ---------------------------------------------------------------------------
   1. Toggle and search icons
   ---------------------------------------------------------------------------
   header.php and searchform.php now use <span> where the parent used <div>,
   because a <div> is not allowed inside a <button>. A <span> is inline by
   default, so the three menu bars and the two magnifier icons need a box
   display to keep their size and position.

   The parent already positions .nav-toggle .bar and .search-toggle .genericon
   absolutely, which makes them blocks regardless; these rules are belt and
   braces, and matter for the search form's submit button, which is not
   positioned.
--------------------------------------------------------------------------- */

.toggle .bar {
	display: block;
}

.toggle .genericon,
.search-button .genericon {
	display: inline-block;
}

/* ---------------------------------------------------------------------------
   2. Post navigation headings
   ---------------------------------------------------------------------------
   The previous/next post titles were <h4> directly after the post's <h1>,
   which skips two heading levels. singular.php now emits <h2>. This restates
   the parent's .post-navigation h4 rule so the titles look exactly as before.
--------------------------------------------------------------------------- */

.post-navigation h2 {
	display: block;
	font-size: 1em;
	font-weight: 700;
	line-height: 130%;
	margin: 0;
}

/* ---------------------------------------------------------------------------
   3. Comment author names
   ---------------------------------------------------------------------------
   A comment author's name was an <h4> directly under the <h2> that counts the
   comments, skipping two levels. functions.php now emits <h3>. The parent
   styled these by element, so its three rules are restated here for h3.

   Widget titles, also moved from <h3> to <h2> in functions.php, need nothing:
   the parent styles them through the .widget-title class, which outranks any
   element selector.
--------------------------------------------------------------------------- */

.comment-header h3 {
	font-size: 1.1em;
	font-weight: 700;
	margin: 0;
}

.comment-header h3 a {
	color: inherit;
}

.comment-header h3 a:hover {
	color: #ca2017;
}