/*
Theme Name: HAGRO Briefings
Theme URI: https://hagrotrading.com/
Author: HAGRO Trading Limited
Description: Lightweight classic theme for the HAGRO briefing notes. Inherits the main hagrotrading.com stylesheet and adds long form article typography.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: hagro
*/

/* Long form article typography, layered on top of the main site stylesheet */
.article{max-width:760px;margin:0 auto}
.article p{font-size:1.06rem;line-height:1.72;margin:0 0 1.15em}
.article h2{font-size:clamp(1.4rem,2.6vw,1.85rem);margin:2.1em 0 .55em}
.article h3{font-size:clamp(1.08rem,1.8vw,1.25rem);margin:1.9em 0 .5em}
.article ul{list-style:none;margin:0 0 1.3em;padding:0}
.article ul li{margin:.5em 0;padding-left:1.15em;text-indent:-1.15em;line-height:1.62}
.article ol{padding-left:1.25em;margin:0 0 1.3em}
.article a{text-decoration:underline;text-underline-offset:2px}
.article hr{border:0;border-top:1px solid var(--line);margin:3em 0 1.8em}
.article table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1.6em 0}
.article thead th{background:var(--deep);color:#fff;text-align:left;padding:12px 14px;font-weight:600;
  font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}
.article td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.article tr:nth-child(even) td{background:var(--bone)}
.article .tablewrap,.article figure.wp-block-table{overflow-x:auto;border:1px solid var(--line);
  border-radius:var(--r);margin:1.6em 0}
.article figure.wp-block-table table{margin:0}
.article blockquote{border-left:4px solid var(--gold);padding:4px 0 4px 24px;margin:1.6em 0;
  font-family:var(--display);font-size:1.2rem;line-height:1.45;color:var(--ink)}

.standfirst{font-size:1.1rem;line-height:1.6;background:var(--bone);border-left:3px solid var(--green);
  padding:20px 24px;border-radius:0 var(--r) var(--r) 0;margin:0 0 1.8em}
.standfirst strong{font-weight:600}

.sources{font-size:.86rem;line-height:1.8;color:var(--muted)}
.sources a{color:var(--green)}
.article .note,.article p.note em{font-size:.86rem;color:var(--muted);line-height:1.7}
.article p.note{background:var(--bone-2);padding:16px 18px;border-radius:var(--r)}

.meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.86rem;color:var(--muted);
  margin-top:18px}
.meta .dot{opacity:.5}

.backlink{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;
  color:var(--green);margin-bottom:10px}

.note-card{display:flex;flex-direction:column;height:100%}
.note-card h3{margin-bottom:.4em}
.note-card h3 a{color:var(--ink);text-decoration:none}
.note-card h3 a:hover{color:var(--green);text-decoration:none}
.note-card .spacer{flex:1}
.note-card .when{font-size:.83rem;color:var(--muted);margin:14px 0 0}

.pagination{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px}
.pagination .page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--line);
  border-radius:999px;font-size:.9rem;color:var(--text);text-decoration:none}
.pagination .page-numbers.current{background:var(--green);border-color:var(--green);color:#fff}

@media (max-width:760px){
  .article p{font-size:1rem}
  .standfirst{padding:16px 18px}
}

/* Tag list under a briefing note */
.note-tags{margin:46px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.note-tags-label{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.note-tags ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.note-tags li{margin:0}
.note-tags a{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:100px;font-size:13.5px;line-height:1.2;color:var(--green);text-decoration:none;background:var(--bone-2,#EFEAE0)}
.note-tags a:hover{border-color:var(--green);background:var(--paper);text-decoration:none}