/* ═══════════════════════════════════════════════════════════
   Author Page Styles — scoped under .ap-author-page
   All selectors are prefixed to avoid conflicts with
   WordPress / theme global CSS.
   ═══════════════════════════════════════════════════════════ */

/* Remove browser default body margin */

.author-page,
.author-page * {
    box-sizing: border-box;
}

body { margin: 0; padding: 0; }


.ap-author-page *, .ap-author-page *::before, .ap-author-page *::after { box-sizing: border-box; margin: 0; padding: 0; }



.ap-author-page {
  --teal: #1a9e8e;
  --teal-light: #e8f6f4;
  --teal-border: #b2dcd7;
  --text-dark: #1a1a1a;
  --text-body: #333;
  --text-muted: #646464;
  --text-light: #888888;
  --border: #e0e0e0;
  --bg: #ffffff;
  --bg-card: #f9f9f9;
  --tag-bg: #f0f0f0;
  --tag-text: #444444;
  --blue-badge: #1877f2;
}



.ap-author-page { font-size: 15px; }


.ap-author-page {
  font-family: 'Roboto', sans-serif;
  background: #fff;
  color: var(--text-body);
  line-height: 1.6;
}


/* ── Breadcrumb ── */

.ap-author-page .breadcrumb-bar {
  padding: 24px 0 0;  
  background: #fff;
}


.ap-author-page .breadcrumb-bar .inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #646464;
  font-style: normal;
}



.ap-author-page .breadcrumb-bar .home-icon {
  width: 16px; height: 16px;
  display: inline-block;
}



.ap-author-page .sep {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #646464;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.14746 8.295L6.43746 6L4.14746 3.705L4.85246 3L7.85246 6L4.85246 9L4.14746 8.295Z'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.14746 8.295L6.43746 6L4.14746 3.705L4.85246 3L7.85246 6L4.85246 9L4.14746 8.295Z'/%3E%3C/svg%3E") no-repeat center;
}


.ap-author-page .breadcrumb-bar a {     color: #646464;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
  }



.ap-author-page .breadcrumb-bar a:hover { color: #00B4B7; }


/* ── Page wrapper ── */

.ap-author-page .page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 0 0;
}


/* ── Two-column layout ── */

.ap-author-page .two-col {
  display: flex;
  gap: 64px;
  align-items: flex-start;
  margin-bottom: 60px;
}


.ap-author-page .main-col { flex: 1; min-width: 0; }


.ap-author-page .side-col { width: 372px; flex-shrink: 0; }


/* ── Author Header ── */

.ap-author-page .author-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}


.ap-author-page .author-avatar {
  width: 150px; height: 150px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: #ddd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='38' r='20' fill='%23bbb'/%3E%3Cellipse cx='50' cy='90' rx='35' ry='25' fill='%23bbb'/%3E%3C/svg%3E") center/cover;
}


.ap-author-page .author-info { padding-top: 0; display: flex; flex-direction: column; gap: 6px; }


.ap-author-page .author-name-row {
  display: flex; align-items: center; gap: 4px;
  margin-bottom: 0;
}


.ap-author-page .author-name {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    font-style: normal;
    line-height: normal;

  }


.ap-author-page .verified-badge {
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}


.ap-author-page .verified-badge svg { 
    width: 20px;
    height: 20px;
 }


.ap-author-page .author-title {
    font-size: 18px;
    color: #646464;
    font-weight: 400;
    margin-bottom: 0;
    font-style: normal;
    line-height: normal;
}


.ap-author-page .author-exp {
    font-size: 16px;
    color: #646464;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
}


.ap-author-page .social-icons { display: flex; gap: 12px; margin-top: 6px; }


.ap-author-page .social-icon {
  	width: 38px;
    height: 38px;
    background: #131313;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: opacity .2s;
    padding: 5px;
}


.ap-author-page .social-icon:hover { opacity: .75; }


.ap-author-page .social-icon svg { width: 12px; height: 12px; fill: white; }


/* ── Quote block ── */

.ap-author-page .quote-block {
  background: #f7f7f7;;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 32px;
  position: relative;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}



.ap-author-page .quote-text {
    font-size: 16px;
    font-weight: 400;
    color: #646464;
    line-height: 26px;
    font-style: normal;
}


/* ── Section headings ── */

.ap-author-page .section-heading {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    color: #333;
    line-height: normal;
	margin-bottom: 12px;
}



.ap-author-page .body-text {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    line-height: 29px;
    margin-bottom: 32px;
    font-style: normal;
}


.ap-author-page .body-text:last-child { margin-bottom: 0; }


/* ── Qualifications section ── */

.ap-author-page .qual-section { margin-top: 32px; display: flex; flex-direction: column; gap: 12px; }



.ap-author-page .qual-card {
  border: none;
  border-radius: 12px;
  padding: 16px;
  background: #F7F7F7;
}



.ap-author-page .qual-card-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}


.ap-author-page .qual-card-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: #333;
    line-height: normal;
}


.ap-author-page .qual-card-title svg { width: 20px; height: 20px; flex-shrink: 0; }


.ap-author-page .exp-badge {
    font-size: 14px;
    color: #646464;
    font-weight: 500;
    font-style: normal;
    white-space: nowrap;
    line-height: normal;
}



.ap-author-page .qual-list { list-style: none; display: flex; flex-direction: column; gap: 0; }


.ap-author-page .qual-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0;
    border-bottom: none;
    position: relative;
}


.ap-author-page .qual-item:first-child { padding-top: 0; }


.ap-author-page .qual-item:last-child { padding-bottom: 0; }



.ap-author-page .qual-item:not(:last-child)::after {
  content: '';
    position: absolute;
    left: 3.5px;
    top: 13px;
    bottom: -22px;
    width: 1.5px;
    background: #E3E3E3;
    height: auto;
}



.ap-author-page .qual-dot {
  width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #515151;
    margin-top: 5px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}



.ap-author-page .qual-deg {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    line-height: normal;
}


.ap-author-page .qual-school {
    font-size: 16px;
    font-weight: 400;
    color: #646464;
    margin-bottom: 8px;
    font-style: normal;
    line-height: normal;
}


.ap-author-page .qual-year { 
    font-size: 14px;
    color: #646464;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
  }



.ap-author-page .sub-card {
    box-shadow: inset 0 0 0 1px #e3e3e3;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    background: #F7F7F7;
}


.ap-author-page .sub-card:last-child { margin-bottom: 0; }


/* ── Sidebar ── */

.ap-author-page .sidebar-card {
    border: 1px solid #E3E3E3;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}


.ap-author-page .sidebar-title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 16px;
    font-style: normal;
    line-height: normal;
}


.ap-author-page .tag-grid { display: flex; flex-wrap: wrap; gap: 12px; }


.ap-author-page .tag {
    background: #FBFBFB;
    color: #333;
    font-size: 14px;
    padding: 12px;
    font-style: normal;
    border-radius: 8px;
	box-shadow: inset 0 0 0 1px #D1D1D1;
    line-height: 20px;
}



.ap-author-page .review-box { }


.ap-author-page .review-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    font-weight: 700;
    color: #333;
    margin-bottom: 12px;
}


.ap-author-page .review-title svg { width: 16px; height: 16px; color: #646464; }


.ap-author-page .review-desc {
    font-size: 14px;
    font-style: normal;
    color: var(--text-muted);
    line-height: 22px;
    margin-bottom: 16px;
	font-weight: 400;
}


.ap-author-page .review-btn {
    display: inline-flex;
	line-height: 20px;
    align-items: center;
    gap: 16px;
    border: 1px solid #00B4B7;
    color: #00B4B7;
    background: transparent;
    padding: 12px 12px 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: background .2s, color .2s;
}


/* .ap-author-page .review-btn:hover { background: var(--teal); color: white; } */


.ap-author-page .review-btn svg { width: 16px; height: 16px; }


/* ── Divider ── */

.ap-author-page .section-divider { height: 1px; background: #ebebeb; margin: 40px 0; }


/* ── Articles section ── */

.ap-author-page .articles-section { margin-top: 8px; }


.ap-author-page .articles-section-title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 16px;
    font-style: normal;
    line-height: normal;
}


.ap-author-page .articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}


.ap-author-page .article-card {
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: box-shadow .2s;
}


.ap-author-page .article-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }


.ap-author-page .article-img {
  width: 100%; height: 200px;
  object-fit: cover;
  display: block;
  background: #e0e0e0;
}


.ap-author-page .article-img.food1 { background: linear-gradient(135deg,#c8a97e,#e8c89a); }


.ap-author-page .article-img.food2 { background: linear-gradient(135deg,#6db56d,#b5e07a); }


.ap-author-page .article-img.food3 { background: linear-gradient(135deg,#78b87e,#b2d89e); }



.ap-author-page .article-body { padding: 16px; }


.ap-author-page .article-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    line-height: normal;
    font-style: normal;
}


.ap-author-page .article-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
	font-weight: 400;
    font-style: normal;
    color: #646464;
    margin-bottom: 16px;
    line-height: 20px;
}


.ap-author-page .article-meta .by { color: var(--text-muted); }


.ap-author-page .article-meta .author-link { 
	font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: 500;
    color: #333;
    text-decoration: none; 
}


.ap-author-page .article-meta .dot { color: #bbb; }


.ap-author-page .article-meta .clock-icon { display: inline-flex; align-items: center; gap: 4px; }


.ap-author-page .article-meta .clock-icon svg { width: 16px; height: 16px; }


.ap-author-page .article-excerpt {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #333;
    line-height: 22px;
	min-height: 66px;
    max-height: 66px;
    overflow: hidden;
   }



.ap-author-page .dot {
    width: 4px;
    height: 4px;
    background: #646464;
    margin: 0 8px;
    border-radius: 50px
   }



.ap-author-page .load-more-row { display: flex; justify-content: center; margin-bottom: 60px; }


.ap-author-page .load-more-btn {
  	border: 1px solid #00B4B7;
    color: #00B4B7;
    background: transparent;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s, color .2s;
}


.ap-author-page .load-more-btn:hover { background: var(--teal); color: white; }


/* ── Full-width sections ── */

.ap-author-page .full-section {
  padding-top: 60px;
}


/* ════════════════════════════════════════
   RESPONSIVE — Tablet  (≤ 860px)
════════════════════════════════════════ */
@media (max-width: 860px) {
  
.ap-author-page .page { padding: 24px 32px 48px; }

  
.ap-author-page .breadcrumb-bar .inner { padding: 0 32px; }


  
.ap-author-page .two-col {
    flex-direction: column;
    gap: 0px;
	margin-bottom: 24px;
  }

  
.ap-author-page .side-col {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  
.ap-author-page .sidebar-card { margin-bottom: 0; }


  
.ap-author-page .articles-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }


  
.ap-author-page .breadcrumb-bar .inner {
    font-size: 12px;
    flex-wrap: wrap;
  }


}


/* ════════════════════════════════════════
   RESPONSIVE — Mobile  (≤ 560px)
════════════════════════════════════════ */
@media (max-width: 560px) {
  

  
.ap-author-page .page { padding: 24px 16px 24px; }

  
.ap-author-page .breadcrumb-bar .inner {
    padding: 0 16px;
    font-size: 12px;
    gap: 4px;
    flex-wrap: nowrap;
    overflow: hidden;
  }


  
.ap-author-page .breadcrumb-bar .sep, .ap-author-page .breadcrumb-bar a { display: inline; }


  
.ap-author-page .author-header {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 16px;
    margin-bottom: 20px;
  }

  
.ap-author-page .author-avatar { width: 99px; height: 99px; flex-shrink: 0; }

  
.ap-author-page .author-name { font-size: 18px; }

  
.ap-author-page .author-title { font-size: 14px; }

  
.ap-author-page .author-exp { font-size: 12px; }

  
.ap-author-page .author-name-row { justify-content: flex-start; }

  
.ap-author-page .social-icons { justify-content: flex-start; gap: 8px; margin-top: 6px; }

  
.ap-author-page .social-icon {
	width: 30px;
    height: 30px;
    border-radius: 10px;
	}

  
.ap-author-page .social-icon svg { 
	width: 12px;
    height: 12px;
}


  
.ap-author-page .quote-block { 
        padding: 16px;
        gap: 8px;
        margin-bottom: 24px;
        border-radius: 12px;
       }

  


  
.ap-author-page .quote-text { line-height: normal; }


  
.ap-author-page .section-heading { font-size: 22px; margin-bottom: 16px; }

  
.ap-author-page .body-text {    
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 24px;
       }


  
.ap-author-page .qual-section { margin-top: 24px; gap: 8px; }

  
.ap-author-page .qual-card { padding: 16px; border-radius: 8px; }


  
.ap-author-page .qual-card-title { font-size: 14px; }

  
.ap-author-page .exp-badge { font-size: 12px; }

  
.ap-author-page .qual-item { padding: 12px 0; gap: 16px; }

  
.ap-author-page .qual-dot { width: 8px; height: 8px; }

  
.ap-author-page .qual-deg { font-size: 16px; }

  
.ap-author-page .qual-school, .ap-author-page .qual-year { font-size: 14px; }

  
.ap-author-page .sub-card { padding: 16px; margin-bottom: 8px; border-radius: 12px; }

  

  
.ap-author-page .side-col { grid-template-columns: 1fr; gap: 14px; }

  
.ap-author-page .sidebar-card { 
	padding: 24px 0 0;
    border: none;
	
	border-radius: 0px;
	
}
	
.ap-author-page .load-more-row { margin-bottom: 24px; }

  
.ap-author-page .sidebar-title { 
	    font-style: normal;
        line-height: normal;
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 16px;
	}

  
.ap-author-page .tag { 
	font-size: 12px;
    padding: 10px;
    line-height: 16px;
	}


  
.ap-author-page .review-title { font-size: 16px; }

  
.ap-author-page .review-desc { font-size: 14px; }

  
.ap-author-page .review-btn { font-size: 12px; padding: 10px 8px 10px 12px; height: 36px; }


  
.ap-author-page .articles-grid { grid-template-columns: 1fr; gap: 16px; }

  
.ap-author-page .articles-section-title { font-size: 22px; margin-bottom: 16px; }


  
.ap-author-page .article-title { font-size: 18px; }



  
.ap-author-page .load-more-btn { 
	    width: 110px;
        height: 36px;
        line-height: 16px;
        padding: 12px 16px;
        text-align: center;
        font-size: 12px;
        border: 1px solid #00B4B7;
        display: flex;
        align-items: center;
        justify-content: center;
	}

  


  
.ap-author-page .full-section { 
	    padding-top: 24px;
        margin-top: 0;
}
	
.ap-author-page .breadcrumb-bar {
  padding: 24px 0 24px;  
  background: #F7F7F7;
  box-shadow: 0 0 0 1px #00B4B7;
}


.ap-author-page .qual-item:not(:last-child)::after { height: 106px; left: 3px; }


}


/* ════════════════════════════════════════
   RESPONSIVE — XSmall  (≤ 360px)
════════════════════════════════════════ */
@media (max-width: 360px) {
  
.ap-author-page .page { padding: 14px 14px 32px; }

  
.ap-author-page .author-avatar { width: 76px; height: 76px; }

  
.ap-author-page .author-name { font-size: 18px; }

  
.ap-author-page .social-icon { width: 32px; height: 32px; }

  
.ap-author-page .social-icon svg { width: 15px; height: 15px; }

  
.ap-author-page .tag { font-size: 11.5px; padding: 4px 9px; }

  
.ap-author-page .article-img { height: 160px; }


}