/*
Theme Name: Pro Legal Insights
Theme URI: https://prolegalinsights.com/
Author: Pro Legal Insights
Description: Premium legal editorial WordPress theme based on the approved Concept 4 design.
Version: 1.4.8
Text Domain: prolegalinsights
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
*/


/* ===== v1.4.5 stacked single-post layout ===== */
.pli-single-hero-stacked{
  padding:56px 0 0 !important;
}
.pli-single-head-wrap{
  max-width:1180px !important;
}
.pli-single-head-wrap .pli-single-title{
  max-width:1050px;
  font-size:clamp(52px,6vw,92px);
  line-height:.96;
  margin:18px 0 20px;
}
.pli-single-head-wrap .pli-single-dek{
  max-width:820px;
  font-size:21px;
  line-height:1.55;
}
.pli-single-meta{
  margin-top:20px;
  padding-bottom:28px;
}
.pli-single-featured-wrap{
  max-width:1180px !important;
}
.pli-single-featured{
  margin:0;
  border-radius:24px 24px 0 0;
  overflow:hidden;
  background:#eee7dc;
  max-height:680px;
}
.pli-single-featured img{
  display:block;
  width:100%;
  height:auto;
  max-height:680px;
  object-fit:cover;
}
.pli-article-zone{
  padding-top:56px !important;
}
.pli-article{
  max-width:940px !important;
  margin:0 auto !important;
  font-size:20px !important;
  line-height:1.85 !important;
}

/* Contextual related links inside article */
.pli-inline-related{
  margin:34px 0 !important;
  padding:16px !important;
  border:1px solid #e2d7c5;
  border-left:4px solid #c88a2c;
  border-radius:14px;
  background:#fbf7ef;
  clear:both;
}
.pli-inline-label{
  display:block;
  margin-bottom:10px;
  color:#a96e16;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.pli-inline-related-link{
  display:grid !important;
  grid-template-columns:150px minmax(0,1fr) !important;
  gap:18px !important;
  align-items:center !important;
  text-decoration:none !important;
  color:#17313b !important;
}
.pli-inline-thumb{
  display:block;
  width:150px;
  height:100px;
  overflow:hidden;
  border-radius:10px;
  background:#17313b;
}
.pli-inline-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  margin:0 !important;
}
.pli-inline-copy{
  min-width:0;
}
.pli-inline-copy strong{
  display:block;
  font:700 22px/1.2 Georgia,"Times New Roman",serif;
  color:#17313b;
  overflow-wrap:anywhere;
}
.pli-inline-copy > span{
  display:block;
  margin-top:7px;
  font-size:13px;
  color:#a96e16;
  font-weight:700;
}
@media(max-width:760px){
  .pli-single-head-wrap .pli-single-title{
    font-size:clamp(42px,12vw,66px);
  }
  .pli-single-head-wrap .pli-single-dek{
    font-size:18px;
  }
  .pli-inline-related-link{
    grid-template-columns:100px minmax(0,1fr) !important;
  }
  .pli-inline-thumb{
    width:100px;
    height:82px;
  }
  .pli-inline-copy strong{
    font-size:18px;
  }
}


/* ===== v1.4.6 featured image refinement ===== */
/* Approx. 10% smaller from all sides than the full article/header width */
.pli-single-featured-wrap{
  width:90% !important;
  max-width:1060px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.pli-single-featured{
  width:100% !important;
  margin:0 auto 8px !important;
  overflow:hidden !important;
  border:1px solid rgba(20,49,59,.22) !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:
    0 18px 45px rgba(22,35,42,.13),
    0 5px 14px rgba(22,35,42,.08) !important;
}

.pli-single-featured img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:620px !important;
  object-fit:cover !important;
  margin:0 !important;
  border:0 !important;
  border-radius:19px !important;
}

@media (max-width:760px){
  .pli-single-featured-wrap{
    width:92% !important;
  }
  .pli-single-featured{
    border-radius:14px !important;
    box-shadow:
      0 12px 30px rgba(22,35,42,.12),
      0 4px 10px rgba(22,35,42,.07) !important;
  }
  .pli-single-featured img{
    border-radius:13px !important;
  }
}


/* ===== v1.4.8 smaller single-post hero image ===== */
/* Another ~10% reduction from v1.4.6: desktop hero is now about 80% of the content width. */
body.pli-site .pli-single-featured-wrap{
  width:80% !important;
  max-width:940px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.pli-site .pli-single-featured{
  width:100% !important;
  margin:0 auto 10px !important;
  border:1px solid rgba(20,49,59,.24) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 16px 38px rgba(22,35,42,.13),0 4px 12px rgba(22,35,42,.08) !important;
}
body.pli-site .pli-single-featured img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:560px !important;
  object-fit:cover !important;
  margin:0 !important;
  border:0 !important;
  border-radius:19px !important;
}
@media(max-width:760px){
  body.pli-site .pli-single-featured-wrap{width:88% !important;}
  body.pli-site .pli-single-featured img{max-height:460px !important;}
}
