/* ==========================================================================
   IDTek — service page blocks
   The blocks use the theme's own UIkit styling (sections, grid, cards,
   table, accordion, buttons, labels, Bebas Neue / Inter). This file only
   adds the few things the theme doesn't have.
   ========================================================================== */

/* Green top rule over each sector (primary colour, as in the theme) */
.idtek-svc-rule {
	padding-top: 16px;
	border-top: 3px solid #0B6826;
}

/* Delivery cards on the navy band: a slightly lighter card with the same rule */
.idtek-svc-step {
	border-top: 3px solid #0B6826;
	background: rgba(255, 255, 255, .06);
}

/* The green from the outline around "tek" in the IDtek logo. !important like
   UIkit's own uk-text-* colours, so it also holds on icons (.uk-icon sets
   color: inherit, and theme.css loads after this file) */
.idtek-svc-logo-green {
	color: #57AC33 !important;
}

/* The green of "ID" in the IDtek logo */
.idtek-svc-logo-green-id {
	color: #00742E;
}

/* Tables: first row white, then the theme's muted grey (the theme's own
   striping starts grey) */
.uk-table.idtek-svc-table tbody tr:nth-of-type(odd)  { background: #fff; }
.uk-table.idtek-svc-table tbody tr:nth-of-type(even) { background: #E5EBEA; }

/* FAQ: the same space above and below every question, a rule between each
   (replaces the theme's divider list, whose spacing is uneven) */
.uk-accordion.idtek-svc-faq { border-top: 1px solid #e5e5e5; }
.uk-accordion.idtek-svc-faq > li,
.uk-accordion.idtek-svc-faq > li:nth-child(n+2) {
	margin-top: 0;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
}
.uk-accordion.idtek-svc-faq .uk-accordion-title { font-weight: 600; }

/* Case studies: an eyebrow label sits close to the heading under it */
.idtek-svc-eyebrow + h2 {
	margin-top: 0;
}

/* Case studies: figures on the green band, each under a light rule */
.idtek-svc-stat {
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, .3);
}

/* Case studies: the theme's label, sized up for a row of tags */
.uk-label.idtek-svc-tag {
	padding: 10px 16px;
}

/* Case studies: callout box with the primary green down its left edge */
.idtek-svc-callout {
	border-left: 4px solid #0B6826;
}

/* Case studies: testimonial, a tight quote mark over a roomier quote, upright
   (UIkit sets blockquotes in italic) */
.uk-heading-medium.idtek-svc-quote-mark {
	display: block;
	line-height: .6;
	margin-bottom: 0;
}
.idtek-svc-quote {
	font-style: normal;
}
.idtek-svc-quote .uk-h3 {
	line-height: 1.35;
}

/* Case studies: line breaks typed into the fields follow the design, so they
   only apply once the container is at its full 1200px (1280px viewport and
   up). Smaller screens wrap the text naturally. */
@media (max-width: 1279px) {
	.idtek-svc-br { display: none; }
}

/* Case studies on desktop: the design's smaller sizes for its dense copy, in
   the site's fonts. Inter runs wider than the design's font, so these sizes
   keep each of the design's lines on one line. */
@media (min-width: 960px) {
	.idtek-case-study .idtek-svc-copy p:not(.idtek-svc-eyebrow) { font-size: .875rem; } /* 14px */
	.idtek-case-study .idtek-svc-list-items { font-size: .75rem; }    /* 12px */
	.idtek-case-study .idtek-svc-table td { font-size: .75rem; }      /* 12px */
	.idtek-case-study .idtek-svc-callout-text { font-size: .8125rem; } /* 13px */
}

/* Case studies: tag rows the length of the design's */
@media (min-width: 1280px) {
	.idtek-case-study .idtek-svc-tags { max-width: 1040px; }
}

/* Case studies: 50px between the quote mark and the quote on desktop
   (André's review, 2 Oct 2026). The doubled class beats UIkit's heading
   margin, which theme.css (loaded after this file) would otherwise apply. */
@media (min-width: 1200px) {
	.uk-heading-medium.idtek-svc-quote-mark { margin-bottom: 13px; }
}

/* Service page tables: the platform column on desktop, 50% wider than the
   150px it had (Dani's review, 5 Oct 2026). Phones stack the cells, and
   uk-table-responsive resets cell widths there. */
@media (min-width: 960px) {
	.idtek-svc-table .idtek-svc-table-platform { width: 225px; }
}

/* Service pages: every hero the same height, however long the headline
   (André's review, 6 Oct 2026). Each minimum is the hero's height with a
   three-line headline at that screen size (five lines on phones); shorter
   headlines sit centred in it. The case study hero keeps its own height. */
.idtek-svc:not(.idtek-case-study) .idtek-svc-hero {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 422px;
}
@media (min-width: 640px) {
	.idtek-svc:not(.idtek-case-study) .idtek-svc-hero { min-height: 320px; }
}
@media (min-width: 960px) {
	.idtek-svc:not(.idtek-case-study) .idtek-svc-hero { min-height: 493px; }
}
@media (min-width: 1200px) {
	.idtek-svc:not(.idtek-case-study) .idtek-svc-hero { min-height: 519px; }
}