/*
Theme Name: Viroprohub
Theme URI: https://viroprohub.com/
Description: Kadence child for viroprohub / MyVPro. Storefront English, 21+. Most shop chrome lives here — do not put it in mu-plugins.
Author: AECSF
Template: kadence
Version: 1.6.52
Text Domain: viroprohub
*/

/* Color tokens — VPRO logo gunmetal / flame red / cyan. Full palette in vpro-kadence-colors.css. */
:root {
  --vp-ink: #0b0b0c;
  --vp-ink-muted: #6c7075;
  --vp-line: #e6e7ea;
  --vp-bg: #ffffff;
  --vp-bg-subtle: #f7f8f9;
  --vp-primary: #c81e26;
  --vp-primary-dark: #a5141a;
  --vp-cyan: #18b8d4;
  --vp-accent: #18b8d4;
  --vp-accent-bg: #e6f9fc;
  --vp-btn: #f04f36;
  --vp-btn-hover: #f2614a;
}

/* Featured image follows Kadence page width, not 100vw alignfull. */
.single-post .article-post-thumbnail.post-thumbnail.alignfull {
  width: 100%;
  max-width: var(--global-content-width, 1360px);
  margin-left: auto;
  margin-right: auto;
}
.single-post .post-thumbnail-inner {
  max-width: var(--global-content-width, 1360px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

html.vp-age-on {
  overflow: hidden;
}

.vp-age {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(11, 11, 12, 0.92);
}

.vp-age:focus {
  outline: none;
}

.vp-age[hidden] {
  display: none;
}

.vp-age__box {
  max-width: 28rem;
  width: 100%;
  padding: 2rem 1.5rem;
  border-radius: 12px;
  background: var(--vp-bg, #fff);
  color: var(--vp-ink, #0b0b0c);
  text-align: center;
}

.vp-age__logo {
  margin: 0 0 1.25rem;
}

.vp-age__logo-img {
  display: block;
  width: auto;
  max-width: 220px;
  height: 42px;
  margin: 0 auto;
  object-fit: contain;
}

.vp-age__wordmark {
  display: inline-block;
  margin-bottom: 1rem;
  color: var(--vp-ink, #0b0b0c);
  font-size: 1.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.vp-age__box h2 {
  margin: 0 0 0.75rem;
  font-size: 1.35rem;
}

.vp-age__box p {
  margin: 0;
  color: var(--vp-ink-muted, #6c7075);
}

.vp-age__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 1.25rem;
}

.vp-age__actions button {
  min-width: 6rem;
  padding: 0.6rem 1rem;
  border: 1px solid var(--vp-ink, #0b0b0c);
  border-radius: 6px;
  background: var(--vp-ink, #0b0b0c);
  color: #fff;
  cursor: pointer;
}

.vp-age__actions button[data-age="no"] {
  background: #fff;
  color: var(--vp-ink, #0b0b0c);
}

.vp-age__actions button[data-age="yes"]:hover,
.vp-age__actions button[data-age="yes"]:focus-visible {
  background: var(--vp-primary, #c81e26);
  border-color: var(--vp-primary, #c81e26);
  color: #fff;
}

.vp-age__actions button[data-age="no"]:hover,
.vp-age__actions button[data-age="no"]:focus-visible {
  background: var(--vp-bg-subtle, #f7f8f9);
}

@media (max-width: 480px) {
  .vp-age__actions {
    flex-direction: column;
  }

  .vp-age__actions button {
    width: 100%;
  }
}