﻿/* ========== SNAPTRANS THEME LAYER (High-tech AI look) ========== */
:root{
  --snap-blue:#2563eb;
  --snap-cyan:#06b6d4;
  --snap-dark:#020617;
  --snap-panel:rgba(15,23,42,.88);
  --snap-border:rgba(148,163,184,.22);
  --snap-text:#e5e7eb;
  --snap-muted:rgba(226,232,240,.75);
}

/* Global background */
body{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(37,99,235,.30), transparent 55%),
    radial-gradient(900px 500px at 80% 20%, rgba(6,182,212,.22), transparent 60%),
    #020617;
  color:var(--snap-text);
}

/* Header */
.snaptrans-forced-header{
  position:sticky;
  top:0;
  z-index:999;
  background:linear-gradient(to bottom, rgba(2,6,23,.92), rgba(2,6,23,.72));
  border-bottom:1px solid var(--snap-border);
  backdrop-filter:blur(12px);
}
.snaptrans-forced-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 28px;
}
.snaptrans-brand img{
  height:64px;
}
.snaptrans-brand .title{
  display:none !important;
}

/* Nav */
.snaptrans-nav a{
  margin:0 12px;
  color:var(--snap-text);
  text-decoration:none;
  font-weight:500;
}
.snaptrans-nav a:hover{
  color:var(--snap-cyan);
}

/* CTA */
.snaptrans-cta a{
  background:linear-gradient(135deg, var(--snap-blue), var(--snap-cyan));
  padding:10px 18px;
  border-radius:14px;
  color:#fff;
  text-decoration:none;
}

/* Panels / Pillars */
.snaptrans-panel,
.wp-block-group.has-background{
  background:var(--snap-panel) !important;
  border:1px solid var(--snap-border) !important;
  border-radius:18px !important;
}
.wp-block-group.has-background *{
  color:var(--snap-text) !important;
}



/* SNAPTRANS_CARD_TEXT_FIX */

.snaptrans-panel, .snaptrans-panel * { color: rgba(229,231,235,.92) !important; }

.wp-block-group.snaptrans-panel { background: rgba(11,18,32,.72) !important; border: 1px solid rgba(148,163,184,.18) !important; }

.wp-block-group.snaptrans-panel a { color: rgba(147,197,253,.95) !important; }




/* ===== SNAPTRANS_HIDE_TT5_HEADER =====

   Remove Twenty Twenty-Five default header/nav (prevents duplicate CTA).

*/

header.wp-block-template-part { display:none !important; }

/* Optional: remove the accessibility skip link from TT5 if it appears */

a.skip-link { display:none !important; }




/* SNAPTRANS_HIDE_PAGE_TITLES_V1 */

/* Hide default theme-generated page/post titles (TT5 / FSE) */

.wp-block-post-title,

header .wp-block-post-title,

.entry-title,

.page .entry-header,

.single .entry-header {

  display: none !important;

}






/* SNAPTRANS_LOGO_SIZE_V2 */

.snaptrans-forced-header {

  min-height: 84px !important;

}



.snaptrans-forced-header img {

  height: 64px !important;

  max-height: 64px !important;

  width: auto !important;

}



.snaptrans-cta .cta {

  padding: 10px 16px !important;

  font-size: 14px !important;

}






/* SNAPTRANS_CF7_FIX_V1: Make CF7 usable on dark/gradient themes */

.wpcf7 form { position: relative; z-index: 2; }

.wpcf7 form * { pointer-events: auto; }



.wpcf7 input[type="text"],

.wpcf7 input[type="email"],

.wpcf7 input[type="tel"],

.wpcf7 input[type="url"],

.wpcf7 textarea,

.wpcf7 select {

  width: 100%;

  color: rgba(229,231,235,.95) !important;

  background: rgba(15,23,42,.55) !important;

  border: 1px solid rgba(148,163,184,.22) !important;

  border-radius: 14px !important;

  padding: 12px 14px !important;

  outline: none !important;

  box-shadow: none !important;

}



.wpcf7 textarea { min-height: 140px; }



.wpcf7 input::placeholder,

.wpcf7 textarea::placeholder { color: rgba(203,213,225,.65) !important; }



.wpcf7 input:focus,

.wpcf7 textarea:focus,

.wpcf7 select:focus {

  border-color: rgba(56,189,248,.55) !important;

  box-shadow: 0 0 0 3px rgba(56,189,248,.18) !important;

}



.wpcf7 .wpcf7-submit {

  color: #0b1220 !important;

  background: linear-gradient(90deg, rgba(56,189,248,.95), rgba(37,99,235,.95)) !important;

  border: 0 !important;

  border-radius: 999px !important;

  padding: 12px 18px !important;

  font-weight: 700 !important;

  cursor: pointer !important;

}



.wpcf7 .wpcf7-response-output {

  color: rgba(229,231,235,.95) !important;

  border-color: rgba(148,163,184,.22) !important;

  background: rgba(15,23,42,.55) !important;

  border-radius: 14px !important;

}

