/* Shared styles for OOU Go Green pages — consolidated from per-page <style> blocks */

/* lightweight grid used in multiple pages */
.row { display:flex; flex-wrap:wrap; margin-left:-12px; margin-right:-12px; }
.col-6, .col-7, .col-5 { padding-left:12px; padding-right:12px; box-sizing:border-box; }
.col-6 { width:50%; }
.col-7 { width:58.333333%; }
.col-5 { width:41.666667%; }
@media(max-width:860px) { .col-6, .col-7, .col-5 { width:100%; } }

/* Small utility styles copied from pages (kept minimal and generic) */
.ev-themes-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; }
.ev-theme-card { background:#fff;border-radius:10px;padding:1rem;border:1px solid #eee; }
.ev-theme-link { display:block; color:inherit; text-decoration:none; }
.ev-theme-link:focus { outline: 3px solid rgba(58,90,64,0.12); outline-offset:4px; }
.ev-theme-card:hover { transform: translateY(-6px); box-shadow: 0 18px 36px -12px rgba(0,0,0,0.08); transition: transform .18s ease, box-shadow .18s ease; }
.ev-theme-card .ev-theme-ico { /* kept for compatibility */ }
.ev-theme-ico {
	width: auto;
	height: auto;
	border-radius: 0;
	border: none;
	background: transparent;
	color: var(--green-700);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: .5rem;
	padding: 0;
}

/* Event calendar card */
.ev-container { max-width:1100px;margin:0 auto;padding:0 16px; }

/* Footer tweaks for pages that rely on these utilities */
.ub-footer { background:#f7f7f7;margin-top:3rem; }

/* Header: admin login button — modern gradient pill */
.header-login { display:flex; align-items:center; }
.header-login-btn {
	display:inline-flex;
	align-items:center;
	gap:8px;
	background: #c5a880b8;
	color: white;
	border: 1px solid rgba(197,168,128,0.18);
	padding:5px 16px;
	border-radius:999px;
	text-decoration:none;
	font-weight:700;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:3px;
}
.header-login-btn:hover { opacity:0.85; }
.header-login-btn .icon-mini { width:14px; height:14px; color:white; }
@media (prefers-reduced-motion: reduce) { .header-login-btn { transition: none; } }

/* When header overlaps a non-white section, use stronger background (same as border) */
.header-login-btn.alt-bg { background: rgba(197,168,128,0.18); border-color: rgba(197,168,128,0.18); }

/* Upcoming events (calendar) — theme-aligned */
.upcoming-card {
  background:#fafafab3;
  border-radius: 14px;
  padding: 1.3rem 1.2rem;
  border: 0px solid var(--border);
}
.upcoming-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
.upcoming-head .label { font-size:.8rem; font-weight:700; color:var(--green-700); letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; gap:.5rem; }
.upcoming-link { font-size:.75rem; color:var(--green-700); text-decoration:none; font-weight:600; }
.upcoming-empty { text-align:center; padding:1.5rem 0; color:var(--muted); font-size:.85rem; }
.upcoming-list { display:flex; flex-direction:column; gap:.75rem; }
.upcoming-row { display:flex; gap:.75rem; align-items:flex-start; }
.upcoming-badge { flex-shrink:0; width:42px; text-align:center; border-radius:8px; padding:5px 4px; color:#fff; line-height:1.2; }
.upcoming-detail { flex:1; min-width:0; }
.upcoming-title { font-weight:600; font-size:.88rem; color:var(--text-dark); line-height:1.35; margin-bottom:.2rem; display:flex; align-items:center; gap:.5rem; }
.upcoming-meta { font-size:.75rem; color:#868686; display:flex; flex-wrap:wrap; gap:.3rem .8rem; }

/* Logo in header */
.logo-text { display:flex; align-items:center; }
.logo-link { display:inline-block; }
.logo-img { height:48px; width:auto; display:block; }
@media (max-width:480px) {
	.logo-img { height:36px; }
}

/* VOC button in footer */
.ub-voc-btn {
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:#c5a880;
	color:#fff;
	padding:8px 12px;
	border-radius:8px;
	text-decoration:none;
	font-weight:700;
	font-size:.9rem;
}
.ub-voc-btn:hover { opacity:0.92; }