/* ============================================================
   LATA — kopīgie lapu komponenti (header, footer, pogas, kartes)
   Lieto kopā ar tokens.css
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--lata-font); color: var(--lata-text-body); background: var(--lata-bg-page); font-size: var(--type-body-size); line-height: var(--type-body-lh); }
a { color: inherit; }
img { display: block; max-width: 100%; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 var(--lata-spacing-md); }

/* Rombs — zīmola motīvs */
.diamond { display: inline-block; width: 9px; height: 9px; background: var(--lata-accent-default); transform: rotate(45deg); flex: none; }
.diamond--teal { background: var(--lata-brand-800); }

/* Pogas */
.btn { display: inline-block; text-decoration: none; font-weight: 600; font-size: 16px; padding: 12px 24px; border-radius: var(--lata-radius-sm); white-space: nowrap; border: 0; cursor: pointer; font-family: inherit; }
.btn--primary { background: var(--lata-accent-default); color: var(--lata-text-on-accent); }
.btn--primary:hover { filter: brightness(1.05); }
.btn--outline { border: 2px solid var(--lata-border-strong); color: var(--lata-text-heading); padding: 10px 22px; background: transparent; }
.btn--ghost { border: 2px solid rgba(255,255,255,.4); color: var(--lata-neutral-0); padding: 10px 22px; background: transparent; }
.btn--ghost:hover { border-color: var(--lata-lime-500); }

/* Galvene */
.site-header { background: var(--lata-bg-page); border-bottom: 1px solid var(--lata-border-subtle); }
.site-header .container { display: flex; align-items: center; gap: var(--lata-spacing-lg); height: 88px; }
.logo img { height: 40px; width: auto; }
.main-nav { display: flex; align-items: center; gap: 32px; margin-left: auto; }
.main-nav a { text-decoration: none; font-size: 16px; font-weight: 500; color: var(--lata-text-body); padding: 6px 0; position: relative; white-space: nowrap; }
.main-nav a:hover { color: var(--lata-text-heading); }
.main-nav a.has-sub::after { content: ""; display: inline-block; width: 6px; height: 6px; border-right: 2px solid var(--lata-brand-600); border-bottom: 2px solid var(--lata-brand-600); transform: rotate(45deg) translateY(-3px); margin-left: 8px; }
.main-nav a.active { color: var(--lata-text-heading); font-weight: 600; }
.main-nav a.active::before { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background: var(--lata-accent-default); }
.header-cta { display: flex; gap: var(--lata-spacing-sm); margin-left: var(--lata-spacing-md); }

/* Sadaļas */
section { scroll-margin-top: 100px; }
.sec { padding: var(--lata-spacing-xl) 0; }
.sec--tight { padding: var(--lata-spacing-lg) 0; }
.sec--surface { background: var(--lata-bg-surface); }
.sec-head { display: flex; align-items: center; gap: var(--lata-spacing-sm); margin-bottom: var(--lata-spacing-lg); }
.sec-head .diamond { width: 14px; height: 14px; }
.sec-head h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-lh); color: var(--lata-text-heading); }
.sec-head .more { margin-left: auto; font-weight: 600; font-size: 16px; color: var(--lata-brand-600); text-decoration: none; }
.sec-head .more:hover { color: var(--lata-text-heading); }

/* Gaišais hero (iekšlapām) */
.page-hero { background: var(--lata-bg-surface); position: relative; overflow: hidden; }
.page-hero::after { content: ""; position: absolute; width: 380px; height: 380px; border: 1px solid var(--lata-neutral-200); transform: rotate(45deg); right: -120px; top: -160px; pointer-events: none; }
.page-hero .container { padding-top: var(--lata-spacing-lg); padding-bottom: var(--lata-spacing-lg); position: relative; z-index: 1; }
.page-hero .eyebrow { display: flex; align-items: center; gap: 12px; font-size: var(--type-eyebrow-size); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--lata-brand-600); margin-bottom: var(--lata-spacing-sm); }
.page-hero h1 { font-size: var(--type-h1-size); line-height: var(--type-h1-lh); font-weight: 700; color: var(--lata-text-heading); max-width: 800px; }
.page-hero .lead { font-size: 20px; line-height: 34px; font-weight: 300; max-width: 720px; margin-top: var(--lata-spacing-sm); }

/* Ziņu / akcenta kartes */
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--lata-spacing-md); }
.card { background: var(--lata-neutral-0); border-radius: var(--lata-radius-md); overflow: hidden; box-shadow: 0 8px 24px rgba(0,42,60,.10); text-decoration: none; display: flex; flex-direction: column; transition: transform .15s ease; }
.card:hover { transform: translateY(-4px); }
.card .bar { height: 6px; background: var(--lata-accent-default); }
.card.card--teal .bar { background: var(--lata-brand-800); }
.card .card-body { padding: var(--lata-spacing-md); display: flex; flex-direction: column; gap: 12px; }
.card .card-date { font-size: var(--type-caption-size); color: var(--lata-brand-600); display: flex; align-items: center; gap: 10px; }
.card .card-date .diamond { width: 7px; height: 7px; }
.card h3 { font-size: var(--type-h3-size); line-height: var(--type-h3-lh); font-weight: 600; color: var(--lata-text-heading); }
.card p { font-size: 16px; line-height: 26px; color: var(--lata-text-body); }

/* Citāta bloks */
.quote-block { background: var(--lata-bg-inverse); color: var(--lata-neutral-0); border-radius: var(--lata-radius-md); padding: var(--lata-spacing-lg); }
.quote-block .qmark { color: var(--lata-accent-default); font-size: 56px; line-height: 1; font-weight: 700; font-family: Georgia, serif; display: block; margin-bottom: var(--lata-spacing-sm); }
.quote-block blockquote { font-size: 24px; line-height: 38px; font-weight: 500; margin-bottom: var(--lata-spacing-sm); }
.quote-block cite { font-style: normal; font-weight: 300; font-size: 17px; opacity: .85; }

/* Rombu saraksts */
.diamond-list { list-style: none; }
.diamond-list li { display: flex; align-items: baseline; gap: 14px; padding: 8px 0; }
.diamond-list .diamond { position: relative; top: -2px; }

/* Rombu avatārs */
.avatar { width: 96px; height: 96px; background: var(--lata-brand-800); transform: rotate(45deg); border-radius: 18px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.avatar span { transform: rotate(-45deg); color: var(--lata-lime-500); font-size: 28px; font-weight: 700; }
.avatar--lime { background: var(--lata-accent-default); }
.avatar--lime span { color: var(--lata-brand-900); }

/* Logo režģis (biedri/partneri) */
.logo-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--lata-spacing-sm); }
.logo-cell { height: 96px; border: 1px solid var(--lata-border-subtle); border-radius: var(--lata-radius-sm); display: flex; align-items: center; justify-content: center; font-weight: 600; color: var(--lata-brand-600); font-size: 15px; text-align: center; padding: 8px 18px; text-decoration: none; background: var(--lata-neutral-0); transition: border-color .15s, box-shadow .15s; }
.logo-cell:hover { border-color: var(--lata-accent-default); color: var(--lata-text-heading); box-shadow: 0 6px 18px rgba(0,42,60,.08); }
/* Logo attēls — vienāds vertikālais augstums, malas saglabājas (contain), platums ierobežots */
.logo-cell img { height: 46px; max-width: 84%; object-fit: contain; display: block; }
/* Gaišs/balts logo (piem., LMT) — tumša šūna, lai logo redzams */
.logo-cell--dark { background: var(--lata-brand-900); border-color: var(--lata-brand-900); }
.logo-cell--dark:hover { border-color: var(--lata-accent-default); box-shadow: 0 6px 18px rgba(0,42,60,.18); }

/* Kājene */
.site-footer { background: var(--lata-brand-900); color: var(--lata-neutral-0); position: relative; overflow: hidden; margin-top: var(--lata-spacing-xl); }
.site-footer::before, .site-footer::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.10); transform: rotate(45deg); pointer-events: none; }
.site-footer::before { width: 520px; height: 520px; right: -180px; top: -120px; }
.site-footer::after { width: 360px; height: 360px; right: 40px; top: 120px; }
.footer-accent { height: 6px; background: var(--lata-accent-default); }
.footer-main { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: var(--lata-spacing-lg); padding: var(--lata-spacing-xl) 0 var(--lata-spacing-lg); position: relative; z-index: 1; }
.footer-brand img { height: 44px; width: auto; margin-bottom: var(--lata-spacing-md); }
.footer-brand p { font-size: 16px; line-height: 28px; font-weight: 300; opacity: .85; max-width: 320px; }
.footer-col h4 { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--lata-lime-500); margin-bottom: var(--lata-spacing-sm); }
.footer-col ul { list-style: none; }
.footer-col li { padding: 6px 0; }
.footer-col a { text-decoration: none; font-size: 16px; font-weight: 300; opacity: .9; }
.footer-col a:hover { opacity: 1; text-decoration: underline; text-decoration-color: var(--lata-lime-500); }
.footer-contact li { display: flex; gap: 12px; align-items: baseline; font-size: 16px; font-weight: 300; opacity: .9; }
.footer-contact .diamond { width: 7px; height: 7px; position: relative; top: -1px; }
.footer-cta { display: flex; flex-direction: column; gap: var(--lata-spacing-sm); align-items: flex-start; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.15); padding: var(--lata-spacing-md) 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; font-size: var(--type-caption-size); font-weight: 300; opacity: .8; position: relative; z-index: 1; }
.footer-bottom a { text-decoration: none; }
.footer-bottom .diamond { width: 5px; height: 5px; }
.footer-social { margin-left: auto; display: flex; gap: var(--lata-spacing-sm); }
.footer-social a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.3); border-radius: var(--lata-radius-sm); font-size: 13px; font-weight: 600; }
.footer-social a:hover { border-color: var(--lata-lime-500); color: var(--lata-lime-500); }

/* Responsīvs */
@media (max-width: 980px) {
  .main-nav { display: none; }
  .card-grid { grid-template-columns: 1fr; }
  .logo-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .page-hero h1 { font-size: 32px; line-height: 42px; }
}
@media (max-width: 640px) {
  .header-cta .btn--outline { display: none; }
  .site-header .container { gap: var(--lata-spacing-sm); height: 72px; }
  .logo img { height: 30px; }
  .header-cta { margin-left: auto; }
  .btn { padding: 10px 16px; font-size: 15px; }
  .logo-grid { grid-template-columns: 1fr 1fr; }
  .footer-main { grid-template-columns: 1fr; }
  body { overflow-x: hidden; }
}