/* ToFindAI Console Theme (image-based sci-fi chassis)
   Visual layer only — does not change layout JS/PHP.
*/

/* Local Orbitron font (site-wide) */
@font-face{
  font-family:'Orbitron';
  src:url('/assets/fonts/orbitron/Orbitron-VariableFont_wght.woff2') format('woff2'),
      url('/assets/fonts/orbitron/Orbitron-VariableFont_wght.ttf') format('truetype');
  font-weight:400 900;
  font-style:normal;
  font-display:swap;
}
:root{ --font-ui:'Orbitron','Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; }



body.theme-console{
  background-color:#050608;
  background-image:url('/assets/img/console/bg-chassis-tile.png');
  background-repeat:repeat;
  background-attachment:fixed;
}

body.theme-console::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  /* vignette + subtle cool haze */
  background:
    radial-gradient(1200px 700px at 50% 10%, rgba(255,255,255,0.06), rgba(0,0,0,0.00) 60%),
    radial-gradient(900px 600px at 15% 55%, rgba(212,175,55,0.05), rgba(0,0,0,0.00) 65%),
    radial-gradient(900px 600px at 85% 55%, rgba(255,45,45,0.05), rgba(0,0,0,0.00) 65%),
    linear-gradient(180deg, rgba(0,0,0,0.55), rgba(0,0,0,0.70));
  z-index:-1;
}

/* Reduce “rounded friendly UI” */
body.theme-console .hero,
body.theme-console .card,
body.theme-console .category-card,
body.theme-console .listing-card,
body.theme-console .form-section,
body.theme-console .admin-top{
  border-radius:10px !important;
}

/* ===== HERO: frame overlay (9-slice) ===== */
body.theme-console .hero{
  background: rgba(10,12,16,0.55);
  position:relative;
  overflow:hidden;
  /* ensure content stays away from frame */
  padding: clamp(2.8rem, 5vw, 4.6rem) clamp(1.4rem, 4vw, 5.2rem);
}

/* Unified hero (admin-driven) */
body.theme-console .tfa-hero{
  margin: 0 auto 1.6rem auto;
  width: 100%;
  background: rgba(8,10,12,0.55);
  border-style: solid;
  /* Border widths match the frame thickness; scales down on small screens */
  border-width: 72px 112px;
  border-image-source: url('/assets/img/console/block2/BLOCK_2_HERO_Banner.png');
  border-image-slice: 178 287 178 287 fill;
  border-image-repeat: stretch;
  border-radius: 12px;
  box-shadow: 0 26px 90px rgba(0,0,0,0.62);
  min-height: var(--hero-min-desktop, 260px);
  display: flex;
  align-items: center;
  justify-content: center;
}

body.theme-console .tfa-hero__inner{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: center;
  justify-items: center;
  text-align: center;
  padding: 10px 8px;
}

body.theme-console .tfa-hero__text h1{
  margin: 0 0 8px 0;
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  letter-spacing: .2px;
}

body.theme-console .tfa-hero__text p{
  margin: 0;
  color: var(--text-muted);
  max-width: 760px;
}

body.theme-console .tfa-hero__media img{
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

@media (max-width: 768px){
  body.theme-console .tfa-hero{
    border-width: 56px 86px;
    min-height: var(--hero-min-mobile, 240px);
  }
}

@media (max-width: 420px){
  body.theme-console .tfa-hero{
    border-width: 48px 72px;
  }
}

body.theme-console .hero::before{content:none !important;}

/* Keep hero text above overlay */
body.theme-console .hero > *{ position:relative; z-index:1; }

/* ===== PANELS / CARDS: frame overlay (9-slice) ===== */
body.theme-console .category-card,
body.theme-console .card,
body.theme-console .form-section,
body.theme-console .listing-card,
body.theme-console .admin-top{
  background: rgba(10,12,16,0.66) !important;
  border: none !important;
  box-shadow: 0 20px 70px rgba(0,0,0,0.55) !important;
  position:relative;
  overflow:hidden;
}

/* remove existing glossy overlays */
body.theme-console .category-card::before,
body.theme-console .card::before,
body.theme-console .form-section::before,
body.theme-console .listing-card::before{
  background:none !important;
}

body.theme-console .listing-card::after,
body.theme-console .admin-top::before{content:none !important;}

/* ===== CATEGORY CARDS: lighter “thin corner” hardware (avoid busy frame behind text) ===== */
body.theme-console .category-card{
  /* keep cards readable; let the title/description sit on a calm core */
  background:
    linear-gradient(180deg, rgba(0,0,0,0.28), rgba(0,0,0,0.55)),
    url('/assets/img/console/tile-perf.png');
  background-size: auto, 360px 360px;
  background-repeat: no-repeat, repeat;
  padding: 2.2rem 1.6rem !important;
}

/* thin corner overlays (no stretching of the art — we stamp them at a fixed size) */
body.theme-console .category-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    url('/assets/img/console/block2/BLOCK_2_LEFT_TOP.png'),
    url('/assets/img/console/block2/BLOCK_2_RIGHT_TOP.png'),
    url('/assets/img/console/block2/BLOCK_2_LEFT_BOTTOM.png'),
    url('/assets/img/console/block2/BLOCK_2_RIGHT_BOTTOM.png');
  background-repeat:no-repeat;
  background-position:left top, right top, left bottom, right bottom;
  background-size:50% 50%;
  opacity:1;
}

/* Give content breathing room so it doesn’t sit under the corners */
body.theme-console .category-card > *{ position:relative; z-index:1; }

body.theme-console .card,
body.theme-console .form-section,
body.theme-console .listing-card{ padding: 2.6rem 2rem !important; }

/* ensure inner content is above frame overlay */
body.theme-console .category-card > *,
body.theme-console .card > *,
body.theme-console .form-section > *,
body.theme-console .listing-card > *,
body.theme-console .admin-top > *{ position:relative; z-index:1; }

/* ===== Perforated texture zones (subtle) ===== */
body.theme-console .sidebar,
body.theme-console .category-hero,
body.theme-console .pricing-card{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.20), rgba(0,0,0,0.45)),
    url('/assets/img/console/tile-perf.png');
  background-size: auto, 360px 360px;
  background-repeat: repeat, repeat;
}

/* ===== Header: add thin rails, keep readable ===== */
body.theme-console header{
  background: rgba(8,10,14,0.80) !important;
  backdrop-filter: blur(8px);
}
body.theme-console header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.00), rgba(255,45,45,0.70), rgba(212,175,55,0.55), rgba(0,0,0,0.00));
  pointer-events:none;
}

/* ===== Buttons: avoid red-on-red; gunmetal defaults ===== */
body.theme-console .btn-secondary,
body.theme-console button,
body.theme-console .search-box button{
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(212,175,55,0.28) !important;
  color: rgba(245,247,250,0.95) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.55);
}

body.theme-console .btn-primary{
  background: linear-gradient(180deg, #ff3d3d, #b31414) !important;
  border: 1px solid rgba(255,45,45,0.55) !important;
  box-shadow: 0 16px 44px rgba(255,45,45,0.28);
}

/* chips/toggles (sponsor placements etc.) */
body.theme-console .pill,
body.theme-console .chip,
body.theme-console .toggle,
body.theme-console .sidebar-link,
body.theme-console .plan-card{
  background: rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(199,208,219,0.18) !important;
  color: rgba(245,247,250,0.92) !important;
}

/* Active sidebar links: strong contrast */
body.theme-console .sidebar-link.active{
  background: rgba(255,45,45,0.18) !important;
  border-color: rgba(255,45,45,0.55) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,45,45,0.12);
}
body.theme-console .sidebar-link,
body.theme-console .sidebar-link *{ position:relative; z-index:1; }

/* Mobile: reduce frame thickness so it doesn’t eat content */
@media (max-width: 680px){
  body.theme-console .hero{ padding: 2.6rem 1.2rem; }
  body.theme-console .hero::before{content:none !important;}

  body.theme-console .card::after,
  body.theme-console .form-section::after,
  body.theme-console .listing-card::after{ border-width: 40px; border-image-width: 40; }

  body.theme-console .category-card{ padding: 1.8rem 1.1rem !important; }
  body.theme-console .category-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    url('/assets/img/console/block2/BLOCK_2_LEFT_TOP.png'),
    url('/assets/img/console/block2/BLOCK_2_RIGHT_TOP.png'),
    url('/assets/img/console/block2/BLOCK_2_LEFT_BOTTOM.png'),
    url('/assets/img/console/block2/BLOCK_2_RIGHT_BOTTOM.png');
  background-repeat:no-repeat;
  background-position:left top, right top, left bottom, right bottom;
  background-size:50% 50%;
  opacity:1;
}
  body.theme-console .card,
  body.theme-console .form-section,
  body.theme-console .listing-card{ padding: 2.0rem 1.3rem !important; }
}


/* Submit page: Premium Add-ons layout fix (prevents huge empty space with checkbox) */
body.theme-console #logo-addon-wrap label,
body.theme-console .logo-addon label{
  display:grid !important;
  grid-template-columns:22px 1fr !important;
  column-gap:12px !important;
  align-items:start !important;
}
body.theme-console #logo-addon-wrap input[type="checkbox"],
body.theme-console .logo-addon input[type="checkbox"]{
  margin-top:6px !important;
}
body.theme-console #logo-addon-wrap input[type="file"],
body.theme-console .logo-addon input[type="file"]{
  max-width:100% !important;
}