/* ==========================================================================
   Site-wide footer columns (logo + nav + categories + legal links),
   sitting above the existing copyright bar. Loaded on every page, so this
   file redeclares its own palette instead of relying on the .hd-home /
   .hd-cat-archive scoped variables from site-design.css.
   ========================================================================== */
.hd-site-footer{
  --f-ink:#1a1d1a;
  --f-accent:#e8552b;
  --f-gold:#b8852a;
  background:var(--f-ink);
  padding:48px 0 36px;
  /* floating card, matching the header bar's shape language (rounded,
     inset from the viewport edges, soft shadow) rather than a full-bleed
     dark band -- same recipe as .hd-hero / .hd-trust / .main-navigation. */
  max-width:1200px;
  margin:28px auto 0;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(26,29,26,.06),0 8px 24px rgba(26,29,26,.07);
  overflow:hidden;
}
.hd-site-footer-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px 28px;
}
/* Brand column (logo + description) hidden per request -- 3 columns
   (Navigare, Categorii, Legal) now fill the row. Kept in the PHP output
   rather than removed there, so re-enabling it later (e.g. once a
   reverse-color logo variant exists, see design-system notes) is just
   deleting this one rule. */
.hd-footer-brand{ display:none; }
.hd-footer-col h4{
  color:#fff;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.02em;
  margin:0 0 14px;
}
.hd-footer-col ul{ list-style:none; margin:0; padding:0; }
.hd-footer-col li{ margin-bottom:10px; }
.hd-footer-col a{
  color:#c7c2b4;
  text-decoration:none;
  font-size:.9rem;
  transition:color .15s ease;
}
.hd-footer-col a:hover{ color:var(--f-gold); }
@media(max-width:860px){
  .hd-site-footer-inner{ grid-template-columns:repeat(2,1fr); }
}
/* ---------- copyright bar (GeneratePress's own .site-info, below the
   4-column block above) -- distinct flat background + top divider so it
   reads as a deliberate closing line, not a continuation of the dark
   footer above. ---------- */
.site-info{
  background:#f7f4ee !important;
  border-top:1px solid #e4ddd0;
}
.site-info .inside-site-info{
  padding:20px 24px;
  text-align:center;
  font-size:.85rem;
  color:#6a6459;
}
@media(max-width:600px){
  /* same 18px side gutter used everywhere else on mobile (see the
     design-system "Mobile gutter standard") -- without it this card would
     run edge-to-edge like the homepage cards did before that fix. */
  .hd-site-footer{ margin:20px 18px 0; }
}

/* Copyright bar: space between it and the footer card, and a soft fading
   gold line centred above the text instead of a full-width hard border
   (the old border touched the card's bottom edge). */
.site-footer .site-info{ border-top:0; margin-top:32px; }
.site-footer .inside-site-info{ position:relative; padding:26px 24px 34px; }
.site-footer .inside-site-info::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(520px,72%);
  height:1px;
  background:linear-gradient(90deg, rgba(184,133,42,0), rgba(184,133,42,.5) 50%, rgba(184,133,42,0));
}

@media(max-width:600px){
  .site-footer .site-info{ margin-top:24px; }
  .site-footer .inside-site-info{ padding:22px 18px 28px; }
}
@media(max-width:540px){
  .hd-site-footer{ padding:40px 0 28px; }
  .hd-site-footer-inner{ grid-template-columns:1fr; gap:26px; }
}