/*
 Theme Name:   Kadence Child
 Theme URI:    https://www.kadencewp.com/kadence-theme/
 Description:  Child theme for the Kadence theme
 Author:       Hugh Jarrams
 Author URI:   https://chaparralwirelessltd.com
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/

/* =========================
   Contact Page (page-id-46)
   ========================= */

/* Radio options: spacing + typography */
body.page-id-46 label[for="field570aad2f-17_0"],
body.page-id-46 label[for="field570aad2f-17_1"]{
  display: block !important;
  margin-bottom: 12px !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* Space between radio circle and text */
body.page-id-46 #field570aad2f-17_0,
body.page-id-46 #field570aad2f-17_1{
  margin-right: 10px !important;
}

/* Space between “How would you like…” and first radio (“Email”) */
body.page-id-46 label[for="field570aad2f-17_0"]{
  margin-top: 16px !important;
}

/* Match radio group label typography */
body.page-id-46 .kb-adv-form-field > label{
  font-size: 1rem !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
}

/* Animation (JS toggles cw-anim + cw-show) */
body.page-id-46 .cw-anim{
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  overflow: hidden;
  transition: max-height .25s ease, opacity .25s ease, transform .25s ease;
}

body.page-id-46 .cw-anim.cw-show{
  max-height: 220px; /* enough for label + input */
  opacity: 1;
  transform: translateY(0);
}

/* Force Phone Number label above input (fix inline bleed) */
body.page-id-46 .kb-adv-form-field:has(input[name="phone_number"]){
  display: block !important;
}

body.page-id-46 .kb-adv-form-field:has(input[name="phone_number"]) > label{
  display: block !important;
  margin-bottom: 6px;
}

body.page-id-46 .kb-adv-form-field:has(input[name="phone_number"]) input{
  display: block;
  width: 100%;
}

/* =========================
   Cards (Selected Work)
   ========================= */

.card{
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

@media (prefers-reduced-motion: reduce){
  .card{ transition: none; }
  .card:hover{ transform: none; }
}

/* Full-card clickable overlay
   Add a Paragraph block at the TOP of the card:
   text: .
   link it to the case study page
   class: card-overlay-link
*/
.card .card-overlay-link{
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

.card .card-overlay-link a{
  position: absolute;
  inset: 0;
  z-index: 10;     /* overlay above content */
  opacity: 0;
  display: block;
}

/* Keep the visible button above the overlay (optional) */
.card .card-link{
  position: relative;
  z-index: 20;
}

/* Ensure overlay receives clicks */
.card .card-overlay-link a{
  pointer-events: auto !important;
  z-index: 999 !important;
}

/* Let clicks pass through common content layers */
.card h1, .card h2, .card h3, .card p, .card blockquote, .card em, .card strong, .card span{
  pointer-events: none;
}

/* Keep button clickable normally */
.card .card-link,
.card .card-link *{
  pointer-events: auto !important;
  position: relative;
  z-index: 1000;
}

.card { outline: none; }
.card:focus { box-shadow: 0 0 0 3px rgba(0,0,0,0.15); }