/* ==========================================================================
   AMC chrome.css · australianamc-en
   Loaded after style.css (functions.php enqueue). theme.json sets accent=#F2811D,
   so most baseline rules auto-recolor orange. This file = surgical overrides +
   the L132 bespoke list/article look + signature badge accents.
   Furniture contract (L132): never display:none .hl-prose / titles / dates /
   .hl-post-tags / .hl-post-nav / .hl-related / .hl-article-cta.
   ========================================================================== */

:root{
  --amc-orange:#F2811D; --amc-orange-deep:#D86E12; --amc-amber:#F6A623;
  --amc-terra:#C25E36;  --amc-teal:#6BAEA5;        --amc-ink:#161616; --amc-cream:#FCF6E0;
}

/* --- Article header: orange Poppins H1 (AMT-faithful), left-aligned w/ float TOC --- */
.hl-article-main .wp-block-post-title{
  color:var(--amc-orange);
  font-family:'Poppins',-apple-system,sans-serif;
  font-weight:700;letter-spacing:-.01em;
  font-size:clamp(21px,3vw,26px);   /* was UA default 2em (~32px) — long titles made the head block too tall */
  line-height:1.3;
}

/* --- Back-to-top: brand orange --- */
.hl-back-to-top{ background:var(--amc-orange) !important; color:#fff !important; z-index:90 !important; }
.hl-back-to-top:hover{ background:var(--amc-orange-deep) !important; }

/* --- TOC float: orange accent (behavior in theme.js; we only recolor) --- */
.hl-toc-head{ color:var(--amc-orange); font-weight:700; letter-spacing:.1em; }
.hl-toc-item.is-active > a{ color:var(--amc-ink); font-weight:700; }
.hl-toc-item.is-active{ border-left-color:var(--amc-orange); }

/* --- Category badge: warm orange --- */
.hl-post-cat{ background:var(--amc-cream) !important; color:var(--amc-orange-deep) !important; font-weight:700 !important; }

/* ==========================================================================
   Contact CTA card (auto-injected + [hl_contact_cta]) — AMT orange gradient.
   Dual-channel QR tabs (WhatsApp/WeChat) styled in amber. (L119/L135)
   ========================================================================== */
.hl-article-cta{
  background:linear-gradient(125deg,var(--amc-orange) 0%,var(--amc-orange-deep) 62%,#B85A0F 100%) !important;
  color:#fff; border-radius:12px;
}
.hl-article-cta-title{ font-family:'Poppins',sans-serif; font-weight:700; }
.hl-article-cta-bullets li::before{ color:#fff !important; }
/* "Message us on WhatsApp" button = amber on ink (the yellow button) */
.hl-cta-online-btn{
  background:var(--amc-amber) !important; color:var(--amc-ink) !important;
  border-radius:4px !important; font-family:'Poppins',sans-serif; font-weight:700 !important;
}
.hl-cta-online-btn:hover{ background:#fff !important; color:var(--amc-orange-deep) !important; opacity:1; }
/* dual QR tabs: white outline, active = amber fill */
.hl-cta-qr-tab{ color:#fff; border-color:rgba(255,255,255,.55); }
.hl-cta-qr-tab.is-active{ background:var(--amc-amber); color:var(--amc-ink); border-color:var(--amc-amber); opacity:1; }
.hl-cta-qr-img,.hl-cta-scan-img{ width:132px; height:132px; }
/* Compact CTA card — smaller footprint (overrides .hl-prose specificity via !important). */
.hl-article-cta{ padding:22px !important; margin:30px 0 !important; gap:22px !important; }
.hl-article-cta-title{ font-size:19px !important; margin-bottom:6px !important; line-height:1.18 !important; }
.hl-article-cta-sub{ margin-bottom:10px !important; font-size:13.5px !important; }
.hl-article-cta-bullets{ margin-bottom:12px !important; }
.hl-article-cta-bullets li{ margin-bottom:2px !important; }
.hl-cta-online-btn{ padding:10px 20px !important; font-size:14px !important; }
/* Show BOTH QR codes side by side (not a toggle) — both panels visible, tablist hidden, captions on. */
.hl-cta-qr-tabs .hl-cta-qr-tablist{ display:none !important; }
.hl-cta-qr-tabs .hl-cta-qr-panels{ display:flex; gap:16px; flex-wrap:wrap; justify-content:center; }
.hl-cta-qr-tabs.is-js .hl-cta-qr-panel{ display:block !important; }
.hl-cta-qr-tabs .hl-cta-qr-panel figcaption{ display:block !important; font-size:12px; opacity:.9; margin-top:6px; text-align:center; color:#fff; }
.hl-article-cta-qr .hl-cta-qr-panel figcaption{ color:#fff; }
/* No-QR CTA (Site Tools QR not set yet) -> centered card so the right side isn't empty.
   Reverts to the 2-col QR layout automatically once a QR is uploaded. */
.hl-article-cta:not(:has(.hl-article-cta-qr)){ flex-direction:column; align-items:center; text-align:center; padding:36px 28px; }
.hl-article-cta:not(:has(.hl-article-cta-qr)) .hl-article-cta-body{ max-width:680px; text-align:center; }
.hl-article-cta:not(:has(.hl-article-cta-qr)) .hl-article-cta-bullets{ display:inline-block; text-align:left; }

/* ==========================================================================
   News / archive list (L132 bespoke) — signature: rotating colored date chips
   (echoes the level/year square-badge system). Markup is the baseline
   .hl-news-* (furniture-safe); we only restyle.
   ========================================================================== */
/* archive header (ink band) */
.amc-archive-hero{ background:var(--amc-ink); padding:46px 0 40px; }
.amc-archive-hero .amc-eyebrow{ color:var(--amc-amber); font-family:'Poppins',sans-serif; font-weight:700; font-size:12px; letter-spacing:.14em; text-transform:uppercase; margin:0 0 8px; }
.amc-archive-h1,.hl-archive-title{ font-family:'Poppins',sans-serif; font-weight:800; font-size:clamp(28px,4vw,40px); color:#fff; margin:0 0 10px; letter-spacing:-.01em; }
.amc-archive-sub,.hl-archive-desc{ color:#b6b6b0; font-size:15px; line-height:1.6; max-width:62ch; margin:0; }
/* cover-card grid (overrides the baseline editorial-row layout) */
.hl-news-list{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:26px; }
.hl-news-list > li{ display:flex !important; flex-direction:column; grid-template-columns:none !important; position:relative;
  background:#fff; border:1px solid #ECE7DD; border-radius:14px; overflow:hidden; padding:0 !important; margin:0;
  transition:transform .15s, box-shadow .15s; }
.hl-news-list > li:hover{ transform:translateY(-4px); box-shadow:0 16px 32px rgba(0,0,0,.10); }
.hl-news-cover{ margin:0; display:block; }
.hl-news-cover img{ width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:0 !important; display:block; }
.hl-news-date{ position:absolute; top:12px; left:12px; z-index:1; margin:0; width:auto;
  background:var(--amc-orange); color:#fff; font-family:'Poppins',sans-serif; font-weight:700; font-size:11.5px;
  letter-spacing:.02em; padding:6px 11px; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,.18); }
.hl-news-list > li:nth-child(4n+2) .hl-news-date{ background:var(--amc-teal); }
.hl-news-list > li:nth-child(4n+3) .hl-news-date{ background:var(--amc-amber); color:var(--amc-ink); }
.hl-news-list > li:nth-child(4n+4) .hl-news-date{ background:var(--amc-terra); }
.hl-news-title{ font-family:'Poppins',sans-serif; font-weight:600; font-size:18px; line-height:1.3; padding:16px 18px 0; margin:0; }
.hl-news-title a{ color:var(--amc-ink); text-decoration:none; }
.hl-news-list > li:hover .hl-news-title a{ color:var(--amc-orange); }
.hl-news-excerpt{ padding:8px 18px 18px; margin-top:auto; }
.hl-news-excerpt p{ font-size:13.5px; color:#87898E; line-height:1.55; margin:0; }
.hl-pagination{ margin-top:40px; text-align:center; }
.hl-pagination .page-numbers{ display:inline-block; padding:8px 14px; margin:0 3px; border-radius:6px;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:14px; color:var(--amc-ink); text-decoration:none; border:1px solid #ECE7DD; }
.hl-pagination .page-numbers.current{ background:var(--amc-orange); color:#fff; border-color:var(--amc-orange); }
.hl-pagination a.page-numbers:hover{ background:#FCF9F2; color:var(--amc-orange-deep); }
@media (max-width:900px){ .hl-news-list{ grid-template-columns:repeat(2,1fr); gap:20px; } }
@media (max-width:600px){ .hl-news-list{ grid-template-columns:1fr; } }

/* --- Related cards: orange title hover (auto via accent, reinforce) --- */
.hl-related-head{ font-family:'Poppins',sans-serif; color:var(--amc-orange); }
.hl-related-title{ font-family:'Poppins',sans-serif; }

/* --- Post nav (prev/next): subtle orange hover --- */
.hl-post-nav a:hover{ color:var(--amc-orange); }