/*
Theme Name: Cre8fans
Theme URI: https://www.cre8fans.com/
Author: Cre8fans
Author URI: https://www.cre8fans.com/
Description: The official Cre8fans website theme — homepage, Companies (/brands) and Commerce Connectors (/connectors), with the shared Cre8fans header, contact system and footer. Standard pages (including existing legal pages) render inside the same design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cre8fans
*/

*,*::before,*::after{box-sizing:border-box}
html{background:#0B0B0B;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#0B0B0B;color:#F2F2F0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
a{color:#F2F2F0;text-decoration:none}
a:hover{color:#F75932}
:focus-visible{outline:2px solid #F75932;outline-offset:3px}
::selection{background:#F75932;color:#0B0B0B}
input::placeholder,textarea::placeholder{color:#6F6F6B}
select option{background:#141414;color:#F2F2F0}

/* Runtime helpers (layout-neutral wrappers) */
c8f-if{display:contents}
c8f-if[hidden]{display:none!important}
c8f-t{display:inline}
.c8f-mq-showLinks{display:none}
@media (min-width: 1120px){.c8f-mq-showLinks{display:contents}}
.c8f-mq-showBurger{display:none}
@media (max-width: 1119.98px){.c8f-mq-showBurger{display:contents}}
.c8f-mq-orbitMode{display:none}
@media (min-width: 760px){.c8f-mq-orbitMode{display:contents}}
.c8f-mq-spineMode{display:none}
@media (max-width: 759.98px){.c8f-mq-spineMode{display:contents}}
.c8f-mq-stairs{display:none}
@media (min-width: 760px){.c8f-mq-stairs{display:contents}}
.c8f-mq-ladder{display:none}
@media (max-width: 759.98px){.c8f-mq-ladder{display:contents}}
.c8f-mq-trackWide{display:none}
@media (min-width: 900px){.c8f-mq-trackWide{display:contents}}
.c8f-mq-trackStack{display:none}
@media (max-width: 899.98px){.c8f-mq-trackStack{display:contents}}
.c8f-mq-lanes{display:none}
@media (min-width: 1100px){.c8f-mq-lanes{display:contents}}
.c8f-mq-stack{display:none}
@media (max-width: 1099.98px){.c8f-mq-stack{display:contents}}

/* Interaction states from the approved build */
.c8f-f1:focus{top:12px !important}
.c8f-h2:hover{color:#FFFFFF !important}
.c8f-h3:hover{background:#FFFFFF !important;color:#0B0B0B !important}
.c8f-h4:hover{background:#FF7650 !important;color:#0B0B0B !important}
.c8f-h5:hover{border-color:#F2F2F0 !important;background:rgba(242,242,240,.06) !important;color:#F2F2F0 !important}
.c8f-h6:hover{color:#F75932 !important}
.c8f-f7:focus{border-color:#F75932 !important;box-shadow:0 0 0 3px rgba(247,89,50,.25) !important}
.c8f-h8:hover{background:#FF7650 !important}
.c8f-h9:hover{border-color:#F2F2F0 !important;color:#F2F2F0 !important}
.c8f-h10:hover{color:#B8360F !important}
.c8f-h11:hover{background:#1A1A19 !important;color:#F2F2F0 !important}
.c8f-h12:hover{background:#0B0B0B !important;color:#F2F2F0 !important}

/* WordPress admin bar offset for the fixed header */
body.admin-bar header[data-ref="navRef"]{top:32px}
@media screen and (max-width:782px){body.admin-bar header[data-ref="navRef"]{top:46px}}

/* Document pages (legal + standard WordPress pages) — quiet, highly readable */
.c8f-doc{position:relative;padding:calc(68px + clamp(56px,9vw,120px)) 0 clamp(96px,11vw,160px)}
.c8f-doc__glow{position:absolute;left:0;right:0;top:0;height:520px;pointer-events:none;background:radial-gradient(50% 70% at 85% 0%,rgba(247,89,50,.10),rgba(247,89,50,0) 70%)}
.c8f-doc__wrap{position:relative;max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.c8f-doc__article{max-width:860px}
.c8f-title{margin:0;font-size:clamp(34px,5.2vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.04em;text-transform:uppercase;color:#F2F2F0;text-wrap:balance;overflow-wrap:break-word}
.c8f-doc__meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:clamp(24px,3vw,32px) 0 clamp(40px,5vw,64px);padding-bottom:24px;border-bottom:1px solid #262626;font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8C8C88}
.c8f-prose{max-width:780px;font-size:17px;line-height:1.7;color:#D6D6D2;overflow-wrap:break-word}
.c8f-prose>*:first-child{margin-top:0}
.c8f-prose h1,.c8f-prose h2,.c8f-prose h3,.c8f-prose h4,.c8f-prose h5,.c8f-prose h6{color:#F2F2F0;font-weight:800;letter-spacing:-.02em;line-height:1.18;margin:2em 0 .6em;text-transform:none}
.c8f-prose h1,.c8f-prose h2{font-size:clamp(22px,2.4vw,30px)}
.c8f-prose h3{font-size:clamp(19px,1.8vw,23px)}
.c8f-prose h4,.c8f-prose h5,.c8f-prose h6{font-size:18px}
.c8f-prose p{margin:0 0 1.1em}
.c8f-prose a{color:#F75932;text-decoration:underline;text-underline-offset:3px}
.c8f-prose a:hover{color:#FF7650}
.c8f-prose ul,.c8f-prose ol{padding-left:1.3em;margin:0 0 1.2em}
.c8f-prose li{margin:.35em 0}
.c8f-prose li>ul,.c8f-prose li>ol{margin:.35em 0 0}
.c8f-prose dl{margin:0 0 1.2em}
.c8f-prose dt{color:#F2F2F0;font-weight:700;margin-top:1em}
.c8f-prose dd{margin:.25em 0 0 1.2em}
.c8f-prose strong,.c8f-prose b{color:#F2F2F0}
.c8f-prose hr{border:0;border-top:1px solid #262626;margin:2.5em 0}
.c8f-prose blockquote{margin:1.5em 0;padding-left:1.1em;border-left:2px solid #F75932;color:#C9C9C5}
.c8f-prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px;line-height:1.5;display:block;overflow-x:auto}
.c8f-prose th,.c8f-prose td{border:1px solid #2A2A28;padding:10px 12px;text-align:left;vertical-align:top}
.c8f-prose th{color:#F2F2F0;background:#141414}
.c8f-prose img,.c8f-prose video,.c8f-prose iframe{max-width:100%;height:auto}
.c8f-prose code,.c8f-prose pre{font-family:'Geist Mono',ui-monospace,monospace;font-size:.9em}
.c8f-prose pre{white-space:pre-wrap;background:#141414;border:1px solid #262626;border-radius:10px;padding:16px}
/* Neutralize styling carried over from the previous site inside stored content */
.c8f-doc__content *{font-family:inherit!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}
.c8f-doc__content :where(p,li,td,th,dd,dt,span,div,em,small,font,label){color:inherit!important}
.c8f-doc__content :where(h1,h2,h3,h4,h5,h6,strong,b){color:#F2F2F0!important}
.c8f-doc__content a,.c8f-doc__content a *{color:#F75932!important}
.c8f-doc__content :where(font){font-size:inherit!important}
.c8f-doc__content :where(div,section,[class*="wp-block-group"],[class*="elementor"],[class*="vc_"],[class*="et_pb"],[class*="fl-"]){max-width:100%!important;width:auto!important;padding-left:0!important;padding-right:0!important;min-height:0!important}
.c8f-doc__content :where(nav,header,footer,.site-header,.site-footer,.main-navigation,.menu,.skip-link,.breadcrumbs,.elementor-location-header,.elementor-location-footer){display:none!important}
.c8f-doc__content [style*="position:fixed"],.c8f-doc__content [style*="position: fixed"]{position:static!important}
.c8f-meta{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8C8C88}
.c8f-list{list-style:none;margin:0;padding:0;border-top:1px solid #222}
.c8f-list li{padding:22px 0;border-bottom:1px solid #222}
.c8f-list a{font-size:clamp(22px,2.4vw,32px);font-weight:800;letter-spacing:-.02em;color:#F2F2F0}
.c8f-list a:hover{color:#F75932}
.alignleft{float:left;margin:.3em 1.4em 1em 0}
.alignright{float:right;margin:.3em 0 1em 1.4em}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption,.wp-block-image figcaption{font-size:14px;color:#A6A6A2}
.sticky,.bypostauthor,.gallery-caption{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;display:block;left:5px;top:5px;padding:14px 20px;background:#F2F2F0;color:#0B0B0B;z-index:100000}