/*
Theme Name: Madara-Child
Description:  A child theme for Madara - WordPress Theme for Manga, Novel sites
Author:       Madara
Author URI:   https://mangabooth.com/
Template: madara
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Version: 1.0.4
*/
/* =============================================================
   PERFORMANCE OPTIMIZATIONS — CLS + LCP fixes
   ============================================================= */

/* --- 1. Manga slider: removed (no slider in use) --- */

/* --- 2./* --- 2. Logo: reserve its footprint so the header doesn't shift --- */
.site-logo img,
.c-logo img,
header .logo img {
    width: 159px;
    height: 30px;
    display: block;
}

/* --- 3. Ensure icon-font placeholders don't cause reflow ---
   While FontAwesome/Ionicons load async, reserve 1em × 1em per icon
   so neighbouring text doesn't shift.                              */
.fa, .fas, .far, .fab, .fal, .fad,
[class^="ion-"], [class*=" ion-"],
[class^="ct-icon-"] {
    display: inline-block;
    min-width: 1em;
}

/* --- 4. Manga cover thumbnails: lock aspect-ratio for lazy-load --- */
.item-thumb img,
.tab-thumb img,
.c-image-hover img,
.manga-section .page-item-detail img {
    aspect-ratio: 175 / 238;
    width: 100%;
    height: auto;
    display: block;
}