/* fixes.css - hand-written overrides for the block build. Each rule names the WP/core default it neutralises. */

/* core/post-template renders each item in <li class="wp-block-post">; in Elementor the .e-loop-item div itself is the grid item. */
.elementor-loop-container > .wp-block-post { display: contents; }

/* Elementor loop cards were <a> containers; the block version links through the post-title and stretches that link over the card. */
.has-loop-link { position: relative; }
.has-loop-link .wp-block-post-title a { color: inherit; text-decoration: inherit; }
.has-loop-link .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; }

/* Astra pads the groups, covers and columns that are direct children of .entry-content (it assumes block-editor content:
   `.entry-content > .wp-block-group { padding: var(--wp--custom--ast-default-block-*-padding) }`). The Elementor document
   wrapper is a group now, but on Elementor it was a plain div that got no padding. */
.entry-content > .wp-block-group.elementor { padding: 0; }

/* specflux/toggle renders the tab title as a <div>; Elementor's default title tag is <h4>, which Astra styles
   (font-family Rufina, font-size 1.3333rem, 1.1111rem up to 544px (rem, as Astra does, so tablet/mobile html scaling applies); colour #0f0f0f). The only toggle on the site relies on that. */
.elementor-widget-toggle .elementor-tab-title { font-family: 'Rufina', serif; font-size: 1.3333333333333rem; color: #0f0f0f; }
@media (max-width: 544px) { .elementor-widget-toggle .elementor-tab-title { font-size: 1.1111111111111rem; } }

/* core/post-template is a <ul>; Astra gives `.entry-content ul` a left margin of 3em and a bottom margin of 1.5em. The
   Elementor loop container was a <div> without margins. */
ul.elementor-loop-container.wp-block-post-template { margin: 0; padding: 0; }

/* Hover "grow" of the About Me video icon (c4aed66): the converter drops the icon widget's hover_animation and
   specflux/icon has no such setting, so the `elementor-animation-grow` class is gone. Same effect, by rule. */
.elementor-element-c4aed66 .elementor-icon { transition-duration: .3s; transition-property: transform; }
.elementor-element-c4aed66 .elementor-icon:hover { transform: scale(1.1); }