/* Frita brand tokens + globals.
   Section-scoped CSS lives inline in each template-parts/sections/* partial.
   Archive/single CSS lives at the top of each archive-*.php / single-*.php. */

:root{
/*   --blue-900:#2E3075;
  --blue-800:#43459C;
  --blue-600:#4165AF;
  --blue-400:#428BCA;
  --yellow:#FFE169;
  --yellow-soft:#FFF2B0;
  --grey:#B4B4B4;
  --ink:#1A1B3A;
  --paper:#efefe7;
  --cream:#F3EFE4;
  --white:#FFFFFF; */
  --radius:18px;

  --font-display:'Unbounded', system-ui, sans-serif;
  --font-body:'Inter', system-ui, sans-serif;
  --font-mono:'JetBrains Mono', ui-monospace, monospace;
}

body.frita-home,
body.frita-products,
body.frita-events,
body.frita-videos,
body.frita-newsroom,
body[class*="page-template-page-"]{
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* GeneratePress wraps its content; let our wide blocks break out. */
.frita-home .site-content,
.frita-products .site-content,
.frita-events .site-content,
.frita-videos .site-content,
.frita-newsroom .site-content,
.page-template-page-our-story .site-content,
.page-template-page-facilities .site-content,
.page-template-page-sustainability .site-content,
.page-template-page-contact .site-content,
.page-template-page-countries .site-content{
  padding:0;
}
.frita-home .inside-article,
.frita-products .inside-article,
.frita-events .inside-article,
.frita-videos .inside-article,
.frita-newsroom .inside-article,
.page-template-page-our-story .inside-article,
.page-template-page-facilities .inside-article,
.page-template-page-sustainability .inside-article,
.page-template-page-contact .inside-article,
.page-template-page-countries .inside-article{
  padding:0;
  border:0;
  background:transparent;
}

/* Globals shared by every section. */
.wrap{max-width:var(--gb-container-width);margin:0 auto;padding:0 32px}
@media (max-width:768px){ .wrap{padding:0 20px} }

img{max-width:100%;display:block}

.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--blue-800)}
.eyebrow{display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:1.5px;background:var(--blue-800)}
html[lang|="ar"] .eyebrow::before {
	display: none;
}
html[lang|="ar"]{
		.eyebrow::after {
		content: "";
		width: 18px;
		height: 1.5px;
		background: var(--blue-800);
	}
}
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 24px;border-radius:999px;font-weight:600;font-size:14px;
  transition:transform .2s ease, background .2s ease, color .2s ease;
  cursor:pointer;border:none;font-family:inherit;text-decoration:none;
}
.btn-primary{background:var(--blue-800);color:var(--white)}
.btn-primary:hover{background:var(--blue-900);transform:translateY(-2px);color:var(--white)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid rgba(26,27,58,.18)}
.btn-ghost:hover{border-color:var(--blue-800);color:var(--blue-800)}
.btn svg{width:14px;height:14px}