/* ============================================================
   ClickSambo — Blog author list and author pages
   (/author, /tr/yazar, /pt-br/autor and /author/{slug}, /tr/yazar/{slug}, /pt-br/autor/{slug})
   Built on the blog list classes in layout.css (.blogPage, .blogContainer, .blogRow, .blogList,
   .blogItem, .blogSidebar, .blogBox, .breadCrumb, .navPagination); these rules only add the profile
   card, the round author photos and the h3 card titles. Every class carries the au prefix and is
   scoped to section.auPage.
   ============================================================ */

/* ---- Author list: blog list cards with a round photo ---- */
.auPage .auList{width:calc(75% - 50px)}
.auPage .auCard .auCardPhoto{width:120px;height:120px;border-radius:50%;flex-shrink:0;align-self:center}
.auPage .auCard .auCardPhoto::before{display:none}
.auPage .auCard .blogItem_body{width:calc(100% - 120px - 56px);gap:12px}
.auPage .auCardHead{display:flex;flex-direction:column;gap:4px}
.auPage .auCardHead>h2{display:block;font-weight:900;font-size:22px;line-height:26px}
.auPage .auCardHead>.blogItem-jobTitle{font-size:14px}
.auPage .auCardFoot{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.auPage .auMore{font-size:14px;font-weight:700;color:#fa311d}
.auPage .auCard:hover .auMore{text-decoration:underline}

/* ---- Author page: profile card ---- */
.auPage .auProfile{position:relative;display:flex;align-items:flex-start;gap:32px;width:100%;background:#fffcfb;padding:24px;border-radius:8px}
.auPage .auProfilePhoto{display:block;width:140px;height:140px;flex-shrink:0;border-radius:50%;object-fit:cover;object-position:center}
.auPage .auProfileBody{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.auPage .auProfileBody>h1{display:block;font-size:32px;font-weight:900;line-height:40px;color:#000}
.auPage .auProfileJob{font-size:16px;line-height:22px;font-weight:600;color:#8a8199;margin-top:-6px}
.auPage .auProfileMeta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.auPage .auLinkedIn{display:inline-flex;align-items:center;gap:6px;background:#ebe8e8;padding:4px 10px;border-radius:5px;font-size:14px;line-height:20px;color:#000;text-decoration:none;transition:.1s all}
.auPage .auLinkedIn:hover{background:#e1dbdb}
.auPage .auLinkedIn>svg{display:block;width:15px;height:16px;color:#0a66c2;flex-shrink:0}
.auPage .auProfileBio{font-size:16px;line-height:24px;color:#000}

/* ---- Author page: the author's articles (blog list cards with an h3 title) ---- */
.auPage .auPostsTitle{display:block;width:100%;font-size:22px;line-height:28px;font-weight:900;color:#1d2840;margin-bottom:-12px}
.auPage .blogItem_body>h3{position:relative;display:block;font-weight:900;font-size:22px;line-height:26px}
.auPage .auEmpty{font-size:16px;line-height:24px;color:#6b6b6b}

/* ---- Sidebar: other authors ---- */
.auPage .auAuthorNav>li>a{display:flex;align-items:center;gap:10px}
.auPage .auAuthorNav img{display:block;width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}
.auPage .auAuthorNav a>span{display:flex;flex-direction:column;gap:2px;line-height:1.25}

@media only screen and (max-width:768px){
    .auPage .auList{width:100%}
    .auPage .auMain>:is(.auProfile,.auPostsTitle,.auEmpty,.navPagination),.auPage .auList>.auCard{width:100%}
    .auPage .auPostsTitle{margin-bottom:-20px}
}

@media only screen and (max-width:600px){
    .auPage .auCard{align-items:flex-start}
    .auPage .auCard .auCardPhoto{width:96px;height:96px;align-self:flex-start}
    .auPage .auCard .blogItem_body{width:100%}
    .auPage .auCardHead>h2{font-size:18px;line-height:24px}
    .auPage .auProfile{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:20px 16px}
    .auPage .auProfilePhoto{width:112px;height:112px}
    .auPage .auProfileBody{align-items:center}
    .auPage .auProfileBody>h1{font-size:24px;line-height:30px}
    .auPage .auProfileMeta{justify-content:center}
    .auPage .auProfileBio{font-size:14px;line-height:22px;text-align:left}
    .auPage .auPostsTitle{font-size:18px;line-height:24px}
    .auPage .blogItem_body>h3{font-size:18px}
}