/* ==========================================================================
   Cookie consent — H Metal brand theme
   --------------------------------------------------------------------------
   Overrides ONLY the custom properties vanilla-cookieconsent already exposes, so
   the vendor file stays pristine and can be swapped for a newer release without
   re-doing any of this.

   Loaded AFTER Resources/CSS/vendor/cookieconsent.css — see index.php.
   ========================================================================== */

#cc-main {
	/* Typography + shape, matching :root in style.css */
	--cc-font-family: 'Roboto', Calibri, Arial, Helvetica, sans-serif;
	--cc-modal-border-radius: 14px;         /* --radius */
	--cc-btn-border-radius: 8px;            /* --radius-sm */
	--cc-pm-toggle-border-radius: 20px;     /* --radius-lg */

	/* Surfaces + text */
	--cc-bg: #ffffff;                       /* --bg */
	--cc-primary-color: #1e293b;            /* --text */
	--cc-secondary-color: #64748b;          /* --text-light */
	--cc-link-color: #2563eb;               /* --accent */
	--cc-separator-border-color: #e2e8f0;   /* --border */
	--cc-overlay-bg: rgba(10, 22, 40, 0.75);/* --primary, translucent */

	/* Primary action = brand orange CTA, same as .btn-primary on the site */
	--cc-btn-primary-bg: #f97316;           /* --highlight */
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-border-color: #f97316;
	--cc-btn-primary-hover-bg: #ea580c;     /* --highlight-hover */
	--cc-btn-primary-hover-color: #ffffff;
	--cc-btn-primary-hover-border-color: #ea580c;

	/* Secondary action = reject / manage. Deliberately a real, legible button and
	   not a washed-out "dark pattern" — one click, same size as accept. */
	--cc-btn-secondary-bg: #f1f5f9;         /* --bg-subtle */
	--cc-btn-secondary-color: #1e293b;      /* --text */
	--cc-btn-secondary-border-color: #e2e8f0;
	--cc-btn-secondary-hover-bg: #e2e8f0;
	--cc-btn-secondary-hover-color: #0a1628;
	--cc-btn-secondary-hover-border-color: #cbd5e1;

	/* Category blocks in the preferences modal */
	--cc-cookie-category-block-bg: #f8fafc;             /* --bg-alt */
	--cc-cookie-category-block-border: #e2e8f0;
	--cc-cookie-category-block-hover-bg: #f1f5f9;
	--cc-cookie-category-block-hover-border: #cbd5e1;
	--cc-cookie-category-expanded-block-bg: #ffffff;
	--cc-cookie-category-expanded-block-hover-bg: #f8fafc;
	--cc-section-category-border: #e2e8f0;

	/* Toggles — on = brand blue, so "enabled" reads the same as the rest of the UI */
	--cc-toggle-on-bg: #2563eb;             /* --accent */
	--cc-toggle-off-bg: #94a3b8;            /* --text-lighter */
	--cc-toggle-on-knob-bg: #ffffff;
	--cc-toggle-off-knob-bg: #ffffff;
	--cc-toggle-enabled-icon-color: #ffffff;
	--cc-toggle-disabled-icon-color: #ffffff;

	/* Footer strip of the preferences modal */
	--cc-footer-bg: #f8fafc;
	--cc-footer-color: #64748b;
	--cc-footer-border-color: #e2e8f0;
}

/* Sit above the site header (z-index 1000 in style.css) and the cart drawer. */
#cc-main {
	z-index: 2147483000;
}

/* --------------------------------------------------------------------------
   Footer "cookie settings" link — matches the sibling legal links exactly
   -------------------------------------------------------------------------- */
.footer-bottom-links a[data-cc] {
	cursor: pointer;
}

/* --------------------------------------------------------------------------
   Cookie table on Resources/Pages/cookies.php
   --------------------------------------------------------------------------
   Deliberately NOT .product-specs-table: that class carries `white-space: nowrap`
   (which would make the Scop column unreadable) and main.js's column-0 tagger walks
   every .product-specs-table on the page — it would bold, tint and `position: sticky`
   the Cookie column of a legal table it knows nothing about.
   -------------------------------------------------------------------------- */
.cookie-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	background: var(--bg, #ffffff);
	min-width: 640px;              /* .table-wrapper scrolls it on mobile */
}

.cookie-table thead th {
	background: var(--primary, #0a1628);
	color: #ffffff;
	font-weight: 600;
	text-align: left;
	padding: 10px 14px;
	white-space: nowrap;
}

.cookie-table tbody td {
	padding: 10px 14px;
	border-bottom: 1px solid var(--border, #e2e8f0);
	color: var(--text, #1e293b);
	vertical-align: top;
	line-height: 1.6;
}

.cookie-table tbody tr:nth-child(even) td {
	background: var(--bg-alt, #f8fafc);
}

/* First + last columns are short identifiers; keep them from wrapping oddly. */
.cookie-table tbody td:first-child {
	font-family: 'Courier New', Courier, monospace;
	font-weight: 600;
	white-space: nowrap;
}

.cookie-table tbody td:last-child {
	white-space: nowrap;
}

/* The policy page's "manage preferences" button sits in a <p> inside .legal-content,
   which sets a paragraph line-height that would stretch the button. */
.legal-content button[data-cc] {
	line-height: 1.2;
}