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

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
}

body {
	font-family: var(--font-body);
	font-size: 1rem;
	line-height: 1.7;
	color: var(--text-primary);
	background: var(--bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img, video, svg { display: block; max-width: 100%; height: auto; }
img { object-fit: contain; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; font: inherit; border: none; background: none; }
ul, ol { list-style: none; }
input, textarea, select { font: inherit; }

/* ── Typography ───────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-display);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--text-primary);
}

h1 { font-size: clamp(2.4rem, 5vw, 3.8rem); }
h2 { font-size: clamp(1.9rem, 4vw, 3rem); }
h3 { font-size: clamp(1.4rem, 3vw, 2rem); }
h4 { font-size: clamp(1.1rem, 2vw, 1.4rem); }
h5 { font-size: 1.1rem; }
h6 { font-size: 1rem; }

em { font-family: var(--font-accent); font-style: italic; }
:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 3px;
	border-radius: var(--radius-xs);
}


/* ── Scrollbar ── */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--client-color-700);
    border-radius: var(--radius-pill);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--client-color-600);
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--client-color-700) transparent;
}

/* ── Text selection ── */
::selection {
    background: var(--section-bg-color);
    color: var(--section-color);
}

/* =========================================
   REMOVE SCROLLBAR ARROWS
========================================= */

/* Chrome, Edge, Safari */
::-webkit-scrollbar-button{
	display:none;
	width:0;
	height:0;
}

/* =========================================
   CUSTOM SCROLLBAR
========================================= */

/* Width */
::-webkit-scrollbar{
	width:10px;
	height:10px;
}

/* Track */
::-webkit-scrollbar-track{
	background:var(--slate-100);
	border-radius: var(--radius-pill);
}

/* Thumb */
::-webkit-scrollbar-thumb{
	background:
		linear-gradient(
			180deg,
			var(--gold-400),
			var(--gold-600)
		);

	border-radius: var(--radius-pill);

	border:2px solid var(--slate-100);
}

/* Hover */
::-webkit-scrollbar-thumb:hover{
	background:
		linear-gradient(
			180deg,
			var(--gold-500),
			var(--gold-700)
		);
}

/* Firefox */
*{
	scrollbar-width:thin;
	scrollbar-color:var(--gold-500) var(--slate-100);
}



.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
 
table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--secondary-color);
}
 
thead tr {
  background-color: var(--client-color);
}
 
thead th {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  color: var(--bg-color-1);
  text-align: left;
  padding: 8px 16px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-right: 1px solid rgba(176,141,87,0.3);
  white-space: nowrap;
}
 
thead th:last-child { border-right: none; }
 
tbody tr:nth-child(even) { background: var(--color-white); }
tbody tr:nth-child(odd)  { background: var(--color-bg); }
 
 
tbody td {
  font-size: 14px;
  color: var(--slate-800);
  padding: 6px 16px;
  border-right: 1px solid rgba(176,141,87,0.2);
  border-bottom: 1px solid rgba(176,141,87,0.15);
}
 
tbody td:last-child { border-right: none; }
tbody tr:last-child td { border-bottom: none; }
 
tbody td.bold { font-weight: 500; color: var(--client-color); }
 
.badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: var(--radius-2);
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.badge-gold  { background: var(--gold-200); color: var(--gold-800); }
.badge-slate { background: var(--slate-200); color: var(--slate-700); }
.badge-teal  { background: var(--color-pill-market-bg); color: var(--color-tag-suggested); }
 
@media (max-width: 600px) {
  thead th, tbody td { padding: 4px 6px; font-size: 13px; }
}



/* ── Standard WordPress page content (page.php) ─────────────── */
.adn-wp-page__content h1,
.adn-wp-page__content h2,
.adn-wp-page__content h3,
.adn-wp-page__content h4 { font-family: var(--font-display); color: var(--text-primary); margin: 2rem 0 0.75rem; }
.adn-wp-page__content h1 { font-size: 2rem; }
.adn-wp-page__content h2 { font-size: 1.5rem; border-bottom: 2px solid var(--secondary-color); padding-bottom: 6px; }
.adn-wp-page__content h3 { font-size: 1.15rem; }
.adn-wp-page__content p  { color: var(--text-secondary); line-height: 1.8; margin-bottom: 1rem; }
.adn-wp-page__content ul,
.adn-wp-page__content ol { color: var(--text-secondary); line-height: 1.8; margin: 0 0 1rem 1.5rem; }
.adn-wp-page__content li { margin-bottom: 0.4rem; }
.adn-wp-page__content a  { color: var(--client-color); text-decoration: underline; }
.adn-wp-page__content a:hover { color: var(--secondary-color); }
.adn-wp-page__content strong { color: var(--text-primary); }

.adn-wp-page__description {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color, #e5e7eb);
}

.back-to-top{
  display: none;
}

.faq-section-heading {
    font-size: larger;
    border-left: 5px solid var(--accent-light);
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 6px;
    color: var(--accent-light);
}