/* Base layer — replaces Storefront.
 *
 * style.css was written as a Storefront child theme: it overrides components
 * but inherited the reset, bare-element typography and page-title styling from
 * the parent. Dragging Storefront's whole stylesheet into a site with no shop
 * would have been ~100 KB for the handful of rules below, so the parent is
 * replaced by this file. Loaded BEFORE style.css so style.css still wins.
 *
 * Tokens (--ak-*) are defined in style.css's :root.
 */

*, *::before, *::after { box-sizing: border-box; }

body,
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd, ul, ol {
	margin: 0;
	padding: 0;
}

html { -webkit-text-size-adjust: 100%; }

img, svg, iframe { max-width: 100%; }
img { height: auto; display: block; }

ul, ol { list-style: none; }

button {
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	cursor: pointer;
}

a { text-decoration: none; }

/* Bare-element typography, previously Storefront's. Only the sizes the prose
   pages actually use — the homepage sets its own per component. */
body { font-size: 16px; }

h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; }
h2 { font-size: clamp(22px, 3vw, 28px); line-height: 1.2; }
h3 { font-size: 19px; line-height: 1.3; }

/* Content flow: space between blocks without margins on the first/last child
   collapsing out of their container. Cards get it too — their paragraphs are
   not direct children of .entry-content and ran together without this. */
.entry-content > * + * { margin-top: 20px; }
.entry-content > h2 { margin-top: 44px; }
.entry-content p { color: var(--ak-ink-3); }
.entry-content strong { color: var(--ak-ink-2); }
.ak-form-card > * + * { margin-top: 14px; }

/* The flex behaviour behind .wp-block-columns came from WordPress's block
   library, not from style.css — style.css only tunes it (gap, align-items,
   per-column flex basis). Without these the İletişim page's two columns
   stacked instead of sitting side by side. */
.wp-block-columns { display: flex; flex-wrap: wrap; }
.wp-block-column { flex-grow: 1; min-width: 0; }
@media (max-width: 781px) {
	.wp-block-columns { flex-direction: column; }
}

/* Prose page wrapper. Replaces Storefront's .entry-header / .entry-title.
   The title takes the default heading colour (--ak-ink, set in style.css) —
   Storefront's .entry-title did too, and tinting it brand teal here made the
   static page visibly differ from the WordPress one. */
.ak-page { padding-top: 48px; padding-bottom: 64px; }
.ak-page__title { margin-bottom: 24px; }

.ak-form-card__hours {
	font-size: 14px;
	color: var(--ak-muted);
}

/* Visible to screen readers only — the hamburger button's label. */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}