/* =========================================================================
   THE LAHORE TIMES — AUTHOR ARCHIVE
   Loaded only on author pages, alongside css/category.css (which supplies
   .lhr-card, .lhr-badge and .lhr-pagination).
   ========================================================================= */

.lhr-author-archive .lhr-author-head {
    padding: 24px 0 20px;
    border-bottom: 3px double #111;
    margin-bottom: 24px;
}

/* The single H1 — name printed once, never duplicated */
.lhr-author-name {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    line-height: 1.15;
    margin: 0 0 4px;
    color: #111;
}
.lhr-author-role {
    margin: 0 0 16px;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #6b6b6b;
    font-weight: 700;
}

.lhr-author-head-inner {
    display: flex;
    gap: 22px;
    align-items: flex-start;
}

/* Avatar locked square so parent-theme rules can't stretch it */
.lhr-author-head-avatar {
    flex: 0 0 110px;
    width: 110px;
    margin: 0;
}
.lhr-author-head-avatar img {
    width: 110px !important;
    height: 110px !important;
    max-width: none !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 50%;
    display: block;
}

.lhr-author-head-cont { min-width: 0; }
.lhr-author-head-bio p {
    margin: 0 0 10px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15.5px;
    line-height: 1.6;
    color: #333;
}
.lhr-author-head-bio a { color: #b30000; text-decoration: underline; }
.lhr-author-head-bio a:hover { color: #6e0000; }

/* Social buttons inherit the shared .lhr-author-social styling */
.lhr-author-head-cont .lhr-author-socials { margin-top: 12px; }

.lhr-author-feed-title {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .06em;
    border-bottom: 2px solid #111;
    padding-bottom: 5px;
    margin: 0 0 18px;
}


@media (max-width: 640px) {
    .lhr-author-name { font-size: 26px; }
    .lhr-author-head-inner { flex-direction: column; gap: 14px; }
    .lhr-author-head-avatar { flex-basis: 84px; width: 84px; }
    .lhr-author-head-avatar img { width: 84px !important; height: 84px !important; }
    .lhr-author-feed .lhr-card { grid-template-columns: 1fr; }
}

/* -------------------------------------------------------------------------
   Inside the theme's .content column (sidebar layout) the wrapper must not
   re-apply the 1200px page width or its own gutters — the theme column
   already provides both. Loaded after category.css so this wins.
   ------------------------------------------------------------------------- */
.lhr-author-archive {
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Cards sit in a narrower column now, so trim the thumbnail accordingly */
.lhr-author-feed .lhr-card { grid-template-columns: 200px 1fr; }

@media (max-width: 1100px) {
    .lhr-author-feed .lhr-card { grid-template-columns: 170px 1fr; }
}

/* Mobile override must come last: the rules above are unscoped by width and
   would otherwise win over the 640px block earlier in this file. */
@media (max-width: 640px) {
    .lhr-author-feed .lhr-card { grid-template-columns: 1fr; }
    .lhr-author-feed .lhr-card__thumb { aspect-ratio: 16 / 9; }
}