/*
 * 06-content.css
 * Post/page entry content, archive layout, alignments, and content blocks.
 * ------------------------------------------------------------------------
 */

/* ── Entry structure ── */
.sticky     { display: block; }

.hentry     { margin: 0px !important; }

.updated:not(.published) { display: none; }

.page-content,
.entry-content,
.entry-summary { margin: 1.5em 0 0; }

.entry-meta {
  color: #6c7781;
  font-size: 90%;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.entry-header,
.page-header,
.entry-footer,
.site-info,
.posts-navigation,
.post-navigation,
.page-navigation,
.comments-area,
.not-found .page-content,
.search .entry-summary {
  margin: 1.5em auto;
  padding-left: 14px;
  padding-right: 14px;
  max-width: 1200px;
}

@media screen and (min-width: 608px) {
  .entry-header,
  .page-header,
  .entry-footer,
  .site-info,
  .posts-navigation,
  .post-navigation,
  .page-navigation,
  .comments-area,
  .not-found .page-content,
  .search .entry-summary {
    padding-left: 0;
    padding-right: 0;
  }
}

.entry-header .wp-post-image { margin-bottom: 1.5em; }
.entry-footer span            { margin-right: 1em; }

.entry-footer {
  color: #6c7781;
  font-size: 90%;
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e4e7;
}

article { padding: 0px 0px 40px 0px; }

/* ── Entry content ── */
.entry-content > * {
  margin: 0px !important;
  max-width: 100% !important;
  padding-left: 14px;
  padding-right: 14px;
}

.entry-content ul,
.entry-content ol {
  margin: 0px !important;
  max-width: 1200px;
  list-style-position: outside;
}

.entry-content h2 {
  text-align: center;
  font-size: 1.5em;
  margin: 0px !important;
  min-height: 57px;
  width: 100%;
  margin-left: 10px;
  float: left;
  padding: 10px;
  border: 1px solid #525252;
  color: #000 !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

h2.has-text-align-center {
  border: solid 1px #000;
  width: 100%;
  padding: 10px;
  font-size: 1.5em;
}

/* ── Alignments ── */
.alignleft,
.alignright {
  max-width: 1200px !important;
}

.alignleft img,
.alignright img,
.alignleft figcaption,
.alignright figcaption { max-width: 50%; width: 50%; }

.alignleft figcaption  { clear: left; }
.alignright figcaption { clear: right; }

.alignleft img,
.alignleft figcaption  { float: left; margin-right: 1.5em; }

.alignright img,
.alignright figcaption { float: right; margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ── Gutenberg columns ── */
.entry-content .wp-block-column {
  padding: 20px;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 10px;
  margin: 20px;
}

/* ── Archive ── */
.archive .grid-pad  { padding-bottom: 40px; }

/* ── About section ── */
.col-1-1.about {
  float: left;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 30px 0px 0px 20px;
  background: #fff;
  text-align: center !important;
}

.col-1-1.about h1 { font-size: 1.8em; }
.col-1-1.about h2 { text-align: center !important; font-size: 1.5em; color: #333; margin: 0px; }
.col-1-1.about p  { text-align: center !important; font-size: 1.2em; color: #333; margin-top: 5px; }

/* ── Titles block ── */
.col-1-1.titles {
  height: 57px;
  width: 98.2%;
  margin-left: 10px;
  float: left;
  padding: 10px;
  border: 1px solid #525252;
  color: #000 !important;
  margin-top: 20px;
  margin-bottom: 20px;
}

.col-1-1.titles h1 {
  text-align: center !important;
  font-size: 1.5em;
  margin: 0px !important;
}

/* ── Blog container ── */
.col-1-1.blog-container { padding: 10px; background: #eee; }

/* ── Span utility ── */
span.s1 {
  height: 57px;
  width: 100%;
  float: left;
  padding: 10px;
  border: 1px solid #525252;
  color: #000 !important;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 0.7em;
  text-align: center;
}

/* ── Comments ── */
.comment-content a { word-wrap: break-word; }
.bypostauthor      { display: block; }

/* ── Infinite Scroll ── */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none; }

.infinity-end.neverending .site-footer { display: block; }

/* ── Tablet content ── */
@media only screen and (max-width: 992px) {
  .page-content,
  .entry-content,
  .entry-summary { margin: 0px !important; }

  .col-1-1.about { width: 100% !important; padding: 0px !important; }
  .col-1-1.titles { width: 95% !important; margin: 0px 10px !important; }
}

/* ── Mobile content ── */
@media handheld, only screen and (max-width: 767px) {
  .page-content,
  .entry-content,
  .entry-summary { margin: 0px; margin-top: -20px !important; }

  .entry-content h2 {
    text-align: center;
    font-size: 1.3em !important;
    margin: 0px !important;
    min-height: 57px !important;
    width: 100%;
    margin-left: 10px;
    float: left;
    padding: 10px;
    border: 1px solid #525252;
    color: #000 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  h2.has-text-align-center {
    border: solid 1px #000;
    width: 100%;
    padding: 10px;
    font-size: 1.5em;
    margin: 10px 0px !important;
  }

  p { font-size: 1.1em; margin: 10px; }

  .col-1-1.titles { width: 95% !important; margin: 0px 10px !important; }
  .col-1-1.about  { width: 100% !important; padding: 0px !important; }

  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px !important;
    padding-right: 10px;
    max-width: 100%;
  }
}

/*
 * ── Customiser overrides ──────────────────────────────────────────────
 */

/* entry-content padding reset (customiser version removes left/right padding) */
.entry-content > * {
  margin: 0px !important;
  max-width: 100% !important;
  padding-left: 14px;
  padding-right: 14px;
}

/* h2 border colour updated to theme warm-grey */
.entry-content h2 {
  border: 1px solid #c5bba8;
  color: #857e6c !important;
}

/* Titles block border */
.col-1-1.titles {
  border: 1px solid #c5bba8 !important;
}

/* About section heading colour */
.col-1-1.about h2 {
  color: #857e6c !important;
}

/* About grid constrained */
.col-1-1.about .grid { max-width: 90%; }

/* Stacker block clear */
.stk-block,
:is(.entry-content, .site-content) .stk-block { clear: both; }

/* Timeline date size */
.stk-block-timeline__date { font-size: 1.4em; }

/* Alignfull margin */
.entry-content > .alignfull {
  margin: 0.5em 0 !important;
  max-width: 100%;
}

/* Archive/portfolio card heights */
.category-portfolio .col-1-3.push-left { min-height: 310px !important; }
.archive .col-1-3.push-left            { min-height: 330px; }

/* Feature block */
.wp-block-ugb-feature.ugb-feature.ugb-653b768.ugb-feature--v2.ugb-feature--design-half.ugb-main-block {
  float: left;
  width: 100%;
  padding-bottom: 40px;
}

a.ugb-button1.ugb-button.ugb-button--size-normal { margin-top: 0.5em; }

/* Blog tip heading */
h3.tip { min-height: 40px; font-size: 22px; margin-bottom: 5px; }

/* Stackable feature content panel */
.ugb-feature.ugb-feature--v2.ugb-feature--design-half .ugb-feature__content {
  background-color: #e9e5dd4f !important;
}

/* Mobile portrait content */
@media only screen
  and (min-device-width: 0px)
  and (max-device-width: 768px)
  and (orientation: portrait) {

  .col-1-1.about        { margin-top: 65px; }
  .col-1-1.titles       { width: 102% !important; margin: 0px -1px !important; margin-bottom: 0px !important; }

  .category-portfolio .col-1-3.push-left { min-height: auto !important; }

  .grid.grid-pad        { padding: 20px !important; }
}