/*
Theme Name: Marketplace Leaders Newspaper (Divi Child)
Theme URI: https://example.com/
Description: A newspaper-style child theme for Divi (Marketplace Leaders Network).
Author: Johann van der Merwe
Template: Divi
Version: 1.0.0
Text Domain: mln-newspaper
*/

/* ====== Core newspaper look ====== */
:root{
  --paper: #f6f1e7;
  --ink: #111111;
  --rule: rgba(17,17,17,0.18);
  --muted: rgba(17,17,17,0.72);
  --link: #0b3d91;
}

body{
  background: var(--paper);
  color: var(--ink);
}

/* Divi container */
#page-container{ background: transparent; }

/* Typography */
body, .et_pb_text, .et_pb_blurb_description{
  font-family: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  line-height: 1.6;
}

h1,h2,h3,h4,h5,h6,
.et_pb_module_header,
.mln-headline{
  font-family: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
  letter-spacing: -0.01em;
}

a{ color: var(--link); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover{ opacity: 0.9; }

/* ====== Utilities you can assign in Divi > Advanced > CSS Class ====== */

/* Page masthead */
.mln-masthead{
  border-top: 4px double var(--ink);
  border-bottom: 4px double var(--ink);
  padding: 18px 0 14px;
  text-align: center;
}

.mln-masthead .mln-title{
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.05;
  text-transform: uppercase;
  margin: 0;
}

.mln-masthead .mln-subtitle{
  margin: 6px 0 0;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

/* Navigation row */
.mln-navbar{
  border-bottom: 1px solid var(--rule);
  border-top: 1px solid var(--rule);
  padding: 10px 0;
}
.mln-navbar a{
  font-family: 'Libre Baskerville', Georgia, serif;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-decoration: none;
  color: var(--ink);
}

/* Section headers (e.g., "Upcoming Events") */
.mln-section-title{
  border-bottom: 2px solid var(--ink);
  padding-bottom: 6px;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 14px;
}

/* Card-ish boxes that still feel like print */
.mln-box{
  border: 1px solid var(--rule);
  padding: 16px 16px 10px;
  background: rgba(255,255,255,0.25);
}

/* Column rules (use on a Row) */
.mln-row-ruled .et_pb_column{
  position: relative;
}
.mln-row-ruled .et_pb_column:after{
  content:'';
  position:absolute;
  top:0; right:-12px;
  width:1px; height:100%;
  background: var(--rule);
}
.mln-row-ruled .et_pb_column:last-child:after{ display:none; }

/* Featured story title */
.mln-feature-title{
  font-size: 30px;
  line-height: 1.15;
  margin-bottom: 6px;
}

/* Byline */
.mln-byline{
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 10px;
}

/* Lists (events/jobs/classifieds) */
.mln-list{
  margin: 0;
  padding-left: 18px;
}
.mln-list li{
  margin: 8px 0;
}

/* Footer fine print */
.mln-fineprint{
  font-size: 12px;
  color: var(--muted);
  border-top: 1px solid var(--rule);
  padding-top: 14px;
}

/* Make Divi blog module feel like a feature article */
.mln-feature-article .et_pb_post{
  border-top: 1px solid var(--rule);
  padding-top: 10px;
}
.mln-feature-article .entry-title{
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 30px;
  line-height: 1.2;
}
.mln-feature-article .post-meta{
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
  color: var(--muted);
}
