/*
 * v2 skin, theme pages (cart, confirmations, account): the v2 capsule nav and footer replace the theme header,
 * the v12 header snippet and the Astra footer. Loaded only while design v2 is on (PTP_V2_Skin).
 */
body.ptp-v2-skin { background: var(--ptp-color-smoke) !important; color: var(--ptp-color-ink); font-family: var(--ptp-font-body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.ptp-v2-skin #masthead, body.ptp-v2-skin #ptp-header-v12, body.ptp-v2-skin #ptp-site-header, body.ptp-v2-skin .ptph, body.ptp-v2-skin .ptp-hdr-spacer,
body.ptp-v2-skin .ptp-cinema-nav, body.ptp-v2-skin .th-nav, /* older page navs the v12 header used to hide (2026-11-05: v12 no longer prints here) */
body.ptp-v2-skin .site-footer, body.ptp-v2-skin #colophon, body.ptp-v2-skin #ast-scroll-top { display: none !important; }
body.ptp-v2-skin .site-content, body.ptp-v2-skin #content { padding-top: 104px; background: transparent; }
body.ptp-v2-skin.admin-bar .site-content { padding-top: 120px; }
body.ptp-v2-skin .v2-nav { font-family: var(--ptp-font-body); color: var(--ptp-color-ink); }
body.ptp-v2-skin .v2-nav a, body.ptp-v2-skin .v2-footer a { color: inherit; }
body.ptp-v2-skin .v2-nav *, body.ptp-v2-skin .v2-footer *, body.ptp-v2-skin .v2-menu * { box-sizing: border-box; }
body.ptp-v2-skin .v2-footer { font-family: var(--ptp-font-body); margin-top: 64px; }
body.ptp-v2-skin .v2-footer p { margin-bottom: 0; }
body.ptp-v2-skin .v2-menu[hidden] { display: none; }
body.ptp-v2-skin :focus-visible { outline: var(--ptp-focus-ring); outline-offset: 2px; box-shadow: var(--ptp-focus-halo); }
body.ptp-v2-skin .v2-footer :focus-visible { outline: var(--ptp-focus-ring-on-dark); }
/* Gold buttons (the nav's Find your camp): ink ring with a paper halo, as on v2 pages (components.css), not gold on gold. */
body.ptp-v2-skin .v2-btn--yellow:focus-visible, body.ptp-v2-skin .v2-nav__cta:focus-visible { outline: var(--ptp-focus-ring); box-shadow: var(--ptp-focus-halo-on-yellow); }
/* The nav's color: inherit (above) also beat the gold button's hover text, so it went ink on ink; keep the v2 hover. */
body.ptp-v2-skin .v2-nav a.v2-btn--yellow:hover { color: var(--ptp-color-yellow); }
/* Open menu sheet (2026-11-05 BROWSER-01; the sheet was clipped before, which hid these): the same inherit made the dark
   "Find your camp" ink on ink, and Astra's button colors (white x on white, blue on hover) plus the shared design
   system's !important radius reached the round close button. */
body.ptp-v2-skin .v2-nav .v2-menu a.v2-btn--dark { color: #fff; }
body.ptp-v2-skin .v2-nav .v2-menu a.v2-btn--dark:hover { color: var(--ptp-color-ink); }
body.ptp-v2-skin .v2-menu .v2-menu__close, body.ptp-v2-skin .v2-menu .v2-menu__close:hover, body.ptp-v2-skin .v2-menu .v2-menu__close:focus { background: #fff; color: var(--ptp-color-ink); border: 1px solid var(--ptp-color-ink); padding: 0; }
html body.ptp-v2-skin .v2-menu .v2-menu__close { border-radius: 50% !important; }
body.ptp-v2-skin .v2-arrow { display: inline-block; font-size: 1.2em; font-weight: 400; line-height: 1; margin-left: .35em; }
body.ptp-v2-skin .v2-btn .v2-arrow { margin-left: 0; }
/* Astra containers read as the v2 canvas */
body.ptp-v2-skin.ast-separate-container .ast-article-single, body.ptp-v2-skin.ast-separate-container .ast-article-post,
body.ptp-v2-skin .ast-separate-container .site-main > .ast-row { background: transparent; }
@media (max-width: 650px) { body.ptp-v2-skin .site-content, body.ptp-v2-skin #content { padding-top: 88px; } }
/* Theme heading, list and link rules must not reach the v2 nav and footer */
body.ptp-v2-skin .v2-footer h2.v2-footer__h { font: 700 12px/1.5 var(--ptp-font-body) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--ptp-color-yellow); margin: 0 0 4px; }
body.ptp-v2-skin .v2-footer p.v2-footer__tag { font: 700 28px/1.05 var(--ptp-font-display); text-transform: uppercase; color: #EEE; }
body.ptp-v2-skin .v2-footer__cols nav, body.ptp-v2-skin .v2-footer__contact { line-height: 1.5; }
body.ptp-v2-skin .v2-footer a, body.ptp-v2-skin .v2-nav a { text-decoration: none; }
body.ptp-v2-skin .v2-brand__mark { font-family: var(--ptp-font-display); font-weight: 800; }
body.ptp-v2-skin .v2-nav__toggle { box-shadow: none; }
@media (max-width: 782px) { body.ptp-v2-skin.admin-bar .v2-nav { top: 56px; } }