/* =========================================================
   legacy.css — restyles the 2015 iPress markup used by pages
   that haven't been rebuilt yet, so they sit inside the 2026
   layout in both light and dark themes. Loaded only on those pages.
   Delete this file once every public page is rebuilt.
   ========================================================= */

/* ---------- page shell ---------- */
.legacy-page { padding-top: 36px; padding-bottom: 64px; }
.legacy-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; align-items: start; }
.legacy { min-width: 0; font-size: 16px; line-height: 1.65; overflow-wrap: break-word; }
.legacy::after { content: ""; display: block; clear: both; }

/* ---------- old grid ---------- */
.legacy .row, .legacy .grid_9, .legacy .grid_3, .legacy .grid_12, .legacy .posts { width: auto; float: none; margin: 0; }
.legacy .grid_12 { clear: both; }
.legacy .grid_8 { float: left; width: 66.66%; }
.legacy .grid_6 { float: left; width: 50%; }
.legacy .grid_4 { float: left; width: 33.33%; padding-right: 24px; }
.legacy .grid_6.alpha { padding-right: 12px; }
.legacy .grid_6.omega { padding-left: 12px; }
.legacy .fll { float: left; }
.legacy .flr { float: right; }
.legacy .clearfix::after { content: ""; display: table; clear: both; }
.legacy .relative { position: relative; }
.legacy .mbf { margin-bottom: 36px; }
.legacy .mb { margin-bottom: 8px; }
.legacy .mbt { margin-bottom: 16px; }
.legacy br[clear] { display: block; content: ""; clear: both; }
.legacy .grid_12[style*="padding:20px"] { padding: 10px !important; }

/* ---------- type ---------- */
.legacy p { margin: 0 0 16px; }
.legacy a { color: var(--accent-text); }
.legacy h1, .legacy h2, .legacy h3 { font-family: var(--serif); font-weight: 600; line-height: 1.2; color: var(--ink); margin: 0 0 12px; }
.legacy h1 { font-size: clamp(30px, 3.4vw, 44px) !important; }
.legacy h2 { font-size: 26px; }
.legacy h3 { font-size: 22px; }
.legacy h3 a, .legacy h2 a, .legacy .single_title a { color: var(--ink); }
.legacy h4 { font-size: 15px; margin: 0; }
.legacy b, .legacy strong { font-weight: 700; }
.legacy center { text-align: center; }
.legacy .meta { font-size: 13px; color: var(--muted); }
.legacy .meta a { color: var(--muted); }
.legacy .single_title { font-family: var(--serif); font-size: clamp(30px, 3.4vw, 44px); line-height: 1.1; margin-bottom: 14px; }
.legacy .single_title .mi { display: none; }
.legacy ul, .legacy ol { padding-left: 22px; margin: 0 0 16px; }

/* section titles (the old red-barred .title) */
.legacy .title {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  border-bottom: 2px solid var(--ink); padding-bottom: 10px; margin: 0 0 22px;
  background: none !important; color: var(--ink);
}
.legacy .title h4 { font-size: 15px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; font-stretch: 122%; font-family: var(--sans); }
.legacy .title h4 a { color: inherit; }
.legacy .title h1 { margin: 0; letter-spacing: -.01em; text-transform: none; }
.legacy .title > :not(h1):not(h2):not(h3):not(h4) { font-family: var(--serif); font-size: 28px; font-weight: 600; }

/* ---------- old content blocks ---------- */
.legacy img { max-width: 100%; height: auto; border-radius: 8px; }
.legacy .hover-shadow { display: block; border-radius: 8px; overflow: hidden; background: var(--ph); }
.legacy .hover-shadow img { width: 100%; aspect-ratio: 7 / 5; object-fit: cover; border-radius: 0; transition: transform .3s ease; }
.legacy .hover-shadow:hover img { transform: scale(1.03); }
.legacy .post_day_content h3 { font-size: 22px; margin-bottom: 6px; }
.legacy .post_day_content p { color: var(--muted); font-size: 15px; }
.legacy .responsive { width: 100%; }

.legacy .author_post { background: var(--surface); border-radius: 12px; padding: 22px 24px; }
.legacy .author_post .title { border-bottom-color: var(--line); border-bottom-width: 1px; margin-bottom: 14px; }
.legacy .author_co { max-height: none !important; padding: 0 !important; }
.legacy .author_co > img { float: left; width: 88px; height: 88px; object-fit: cover; border-radius: 50%; margin: 0 18px 10px 0; }
.legacy .author_co::after { content: ""; display: table; clear: both; }

/* social icon rows */
.legacy .social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; clear: both; }
.legacy .social a {
  width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); background: var(--bg);
  display: inline-flex; align-items: center; justify-content: center; color: var(--ink); text-decoration: none;
}
.legacy .social a:hover { background: var(--line); }
/* iPress wrote icons as <i class="fa-twitter"> without the .fa base class */
.legacy [class^="fa-"], .legacy [class*=" fa-"], .legacy .fas, .legacy .fab, .legacy .far {
  display: inline-block; font: normal normal normal 16px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased;
}

/* category pill / buttons */
.legacy .cat, .legacy .button, .legacy .btn, .legacy input[type="submit"], .legacy button:not(.lb-btn) {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 40px; padding: 0 18px; border-radius: 20px; border: 0;
  background: var(--accent) !important; color: var(--on-accent) !important;
  font: 700 14px/1 var(--sans); text-decoration: none; cursor: pointer;
}
.legacy .cat:hover, .legacy .button:hover, .legacy input[type="submit"]:hover { filter: brightness(1.08); text-decoration: none; }

/* video / embeds */
.legacy iframe { max-width: 100%; border: 0; border-radius: 8px; }
.legacy .tbt-video iframe, .legacy .article-video iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.legacy .article-video { margin-bottom: 20px; }

/* forms */
.legacy label { display: block; font-weight: 600; font-size: 14px; margin-top: 6px; }
.legacy label:has(> input[type="checkbox"]), .legacy label:has(> input[type="radio"]) { display: inline-flex; gap: 8px; align-items: center; }
.legacy input[type="text"], .legacy input[type="email"], .legacy input[type="tel"], .legacy input[type="url"],
.legacy input[type="number"], .legacy input[type="date"], .legacy input[type="password"], .legacy input:not([type]),
.legacy select, .legacy textarea {
  width: 100%; max-width: 560px; min-height: 44px; padding: 10px 14px; margin: 4px 0 14px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--bg); color: var(--ink);
  font: 16px/1.4 var(--sans);
}
.legacy textarea { min-height: 140px; }
.legacy input:focus, .legacy select:focus, .legacy textarea:focus { outline: 2px solid var(--accent-text); outline-offset: 1px; border-color: transparent; }
.legacy .requiredField, .legacy .asterisk { color: var(--accent-text); }
.legacy table { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
.legacy td, .legacy th { padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; }

/* tour rows written by the old pages */
.legacy .tour { height: auto !important; display: flex; justify-content: space-between; gap: 12px; padding: 10px 0 !important; border-top: 1px solid var(--line); }
.legacy .tour > div { float: none !important; }
.legacy .tour a { color: var(--accent-text) !important; font-weight: 700; }

/* old carousels (owl) become simple stacked lists */
.legacy .owl-carousel { display: block; }
.legacy .owl-carousel .item { margin-bottom: 12px; }
.legacy .small_posts { list-style: none; padding: 0; }
.legacy .small_posts li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.legacy .small_posts .s_thumb img { width: 70px; height: 70px; object-fit: cover; }
.legacy .small_posts h3 { font-size: 16px; margin: 0 0 4px; }

/* inline colors that assumed the old black page */
.legacy [style*="color:#fff" i], .legacy [style*="color: #fff" i], .legacy [style*="color:white" i] { color: var(--ink) !important; }
.legacy [style*="background-color:#fff" i], .legacy [style*="background-color: #fff" i], .legacy [style*="background:#fff" i] { background-color: var(--surface) !important; color: var(--ink) !important; }
.legacy [style*="background-color:#000" i], .legacy [style*="background-color:royalblue" i] { background-color: var(--surface) !important; }
.legacy [style*="color:#9E9E9E" i] { color: var(--muted) !important; }

/* pagination like "[ Previous Page / Next Page ]" */
.legacy .prev_next { display: flex; justify-content: space-between; gap: 16px; padding: 18px 0; border-top: 1px solid var(--line); }

/* ---------- responsive ---------- */
@media (max-width: 960px) {
  .legacy-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 640px) {
  .legacy .grid_8, .legacy .grid_6, .legacy .grid_4 { float: none; width: 100%; padding: 0; }
  .legacy .grid_4 { margin-bottom: 12px; }
}