/*
Theme Name: ATDT Offices.se
Theme URI: https://www.offices.se/
Description: GeneratePress child theme for offices.se. Nordic office-space and relocation with corporate-minimal navy and blue, a subtle Swedish-yellow accent and a floor-plan motif. Space Grotesk + Inter. Part of the ATDT network theme architecture.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Base - tokens defined in tokens.css, components in atdt-theme-kit. */

body {
	background: var(--atdt-bg);
	color: var(--atdt-ink);
	font-family: var(--atdt-font-body);
}

h1, h2, h3, h4, h5, h6,
.entry-title {
	font-family: var(--atdt-font-display);
	font-weight: 700;
	color: var(--atdt-ink);
}

a { color: var(--atdt-accent); }

/* Header - wordmark and menu */
.site-header {
	background: var(--atdt-surface);
	border-bottom: 1px solid var(--atdt-neutral);
}
.main-navigation a { font-family: var(--atdt-font-display); font-weight: 700; }
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }

/* Readable measure for article body text */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 {
	max-width: var(--atdt-maxwidth);
}

/* Sizes and rates in monospace via inline code */
.entry-content code { font-family: var(--atdt-font-mono); }

/* Footer */
.site-footer {
	background: var(--atdt-ink);
	color: #fff;
}
.site-footer a { color: var(--atdt-accent-2); }

/* Comparison and listing tables */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content table th {
	background: var(--atdt-ink); color: #fff;
	font-family: var(--atdt-font-display);
}

/* Office cost estimator - shortcode [offices_cost] */
.oc {
	background: var(--atdt-surface); border: 1px solid var(--atdt-neutral);
	border-radius: var(--atdt-radius); padding: 1.4rem; margin: 1.5rem 0;
	max-width: 760px;
}
.oc h3 { margin-top: 0; }
.oc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem 1rem; }
.oc-grid label { display: block; font-size: .8rem; color: var(--atdt-muted); margin-bottom: .25rem; }
.oc-grid input, .oc-grid select {
	width: 100%; box-sizing: border-box; padding: .55rem .6rem;
	background: var(--atdt-bg); color: var(--atdt-ink);
	border: 1px solid var(--atdt-neutral); border-radius: 8px;
	font-family: var(--atdt-font-mono); font-variant-numeric: tabular-nums; font-size: 1rem;
}
.oc-actions { margin-top: 1rem; display: flex; gap: .6rem; }
.oc button {
	padding: .65rem 1.4rem; border: none; cursor: pointer;
	background: var(--atdt-accent); color: var(--atdt-on-accent);
	border-radius: 8px; font-family: var(--atdt-font-display); font-weight: 700; font-size: 1rem;
}
.oc button.oc-ghost {
	background: transparent; color: var(--atdt-ink);
	border: 1px solid var(--atdt-neutral);
}
.oc-result {
	margin-top: 1.2rem; padding: 1rem 1.2rem; border-radius: 8px;
	background: var(--atdt-bg); border: 1px solid var(--atdt-neutral);
}
.oc-verdict { font-family: var(--atdt-font-display); font-weight: 700; font-size: 1.3rem; color: var(--atdt-accent); margin-bottom: .6rem; }
.oc-verdict.oc-neg { color: var(--atdt-negative, #DC2626); }
.oc-row { display: flex; justify-content: space-between; padding: .35rem 0; border-top: 1px solid var(--atdt-neutral); }
.oc-row-l { color: var(--atdt-muted); }
.oc-row-v { font-family: var(--atdt-font-mono); font-variant-numeric: tabular-nums; font-weight: 600; }
.oc-note { color: var(--atdt-muted); font-size: .85rem; margin-top: .6rem; }
@media (max-width: 600px) { .oc-grid { grid-template-columns: 1fr; } }