.ok-btn { display:inline-flex; align-items:center; justify-content:center; min-height: 46px; padding: 12px 22px; border-radius: var(--button-radius); font-weight: 800; transition: .2s ease; border: 2px solid transparent; }
.ok-btn-primary, .ok-btn-donate { background: var(--brand-accent); color: var(--brand-primary); }
.ok-btn-primary:hover, .ok-btn-donate:hover { transform: translateY(-1px); filter: brightness(.96); color: var(--brand-primary); }
.ok-btn-secondary { background: var(--brand-secondary); color: var(--color-white); }
.ok-btn-outline-light { border-color: rgba(255,255,255,.8); color: var(--color-white); }
.ok-btn-outline-light:hover { background: var(--color-white); color: var(--brand-primary); }
.ok-button-row { display:flex; flex-wrap:wrap; gap: 12px; margin-top: 28px; }
.ok-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 30px; box-shadow: var(--shadow-sm); }
.ok-card:hover { box-shadow: var(--shadow-md); }
.ok-section-title { max-width: 760px; margin: 0 auto 46px; text-align:center; }
.ok-grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ok-grid-4 { display:grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ok-breadcrumb-wrap { background: var(--color-light); border-bottom: 1px solid var(--color-border); padding: 12px 0; font-size: .92rem; }
.ok-sidebar .moduletable, .ok-sidebar-card { background: var(--color-white); border:1px solid var(--color-border); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-sm); }
.ok-sidebar ul { list-style:none; padding:0; margin:0; }
.ok-sidebar a { display:block; padding: 10px 0; border-bottom:1px solid var(--color-border); font-weight:700; }
.ok-cta-band { background: var(--brand-primary); color: var(--color-white); }
.ok-cta-band h2, .ok-cta-band h3 { color: var(--color-white); }


/* ABOUT PROCMURA v0.5+ button refinement */
.ok-btn { border-radius: var(--button-radius); }
.ok-home-hero .ok-btn {
  border-radius: var(--button-radius);
  min-height: 50px;
  padding-left: 30px;
  padding-right: 30px;
}

/* ABOUT PROCMURA v0.9: keep the header CTA smaller than hero buttons */
.ok-header-actions .ok-btn-donate {
  border-radius: var(--button-radius);
  min-height: 42px;
  padding: 9px 26px;
  font-size: .9rem;
  line-height: 1;
  letter-spacing: .02em;
}

/* ABOUT PROCMURA v1.1 utility components */
.ok-preloader { position: fixed; inset: 0; z-index: 9999; display:flex; align-items:center; justify-content:center; background: var(--brand-primary); transition: opacity .35s ease, visibility .35s ease; }
.ok-preloader span { width: 48px; height: 48px; border-radius: 50%; border: 4px solid rgba(255,255,255,.25); border-top-color: var(--brand-accent); animation: okSpin .8s linear infinite; }
body.overkado-ready .ok-preloader { opacity:0; visibility:hidden; }
@keyframes okSpin { to { transform: rotate(360deg); } }
.ok-go-top { position: fixed; right: 22px; bottom: 22px; z-index: 70; width: 44px; height: 44px; border:0; border-radius: var(--button-radius); background: var(--brand-accent); color: var(--brand-primary); font-weight:900; cursor:pointer; opacity:0; visibility:hidden; transform: translateY(12px); transition:.22s ease; }
.ok-go-top.is-visible { opacity:1; visibility:visible; transform: translateY(0); }
.ok-social-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.ok-social-list a { width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.35); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:.78rem; }
.ok-contact-list { margin-top:18px; font-size:.95rem; }
.ok-contact-list div { margin: 6px 0; }