/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
Version: 1.0
*/

/* =========================
   Small UI helpers (CiviServe)
   ========================= */

.civis-hero-badges{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}


.civis-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  transition: .2s;
}

.civis-badge{
  background: #f9f9f9;
  font-weight: 500;
  color: #333;
}


.civis-badge{
  border: 1px solid rgba(0,0,0,.12);
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 14px;
}
.civis-card{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 16px;
  padding: 18px;
}
.civis-cta{
  border-radius: 999px;
  padding: 12px 18px;
}

/* ==================================================
   Contact Form 7 – 1 COLUMN, slightly smaller fields
   ================================================== */

/* Prevent overflow in Gutenberg columns */
.wp-block-column{
  min-width: 0 !important;
}

/* Safety: CF7 never exceeds container */
.wpcf7,
.wpcf7 *{
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* CF7 wraps each field in <p> */
.wpcf7 .civis-form p{
  margin: 12px 0 !important; /* λίγο πιο μικρό από default */
}

/* Labels */
.wpcf7 .civis-form label{
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

/* Inputs + Select (NORMAL but slightly smaller than default) */
.wpcf7 .civis-form input.wpcf7-form-control,
.wpcf7 .civis-form select.wpcf7-form-control{
  display: block !important;
  width: 100% !important;
  padding: 8px 12px !important;     /* πιο μικρό */
  min-height: 40px !important;      /* πιο μικρό από 44 */
  font-size: 16px !important;
  line-height: 1.2 !important;
  border-radius: 12px !important;
}

/* Textarea – override any inline width/height */
.wpcf7 .civis-form textarea.wpcf7-form-control{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 130px !important;     /* λίγο πιο μικρό */
  padding: 10px 12px !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  border-radius: 12px !important;
  resize: vertical !important;
}

/* Submit button */
.wpcf7 .civis-form input.wpcf7-submit{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-size: 16px !important;
}

/* Keep spinner aligned */
.wpcf7 .wpcf7-spinner{
  vertical-align: middle;
}

/* Hard safety: never overflow card */
.wp-block-group .wpcf7,
.wp-block-group .wpcf7 form,
.wp-block-group .wpcf7 .civis-form{
  overflow: hidden !important;
}


















/* Premium touch for CF7 fields */
.wpcf7 .civis-form input.wpcf7-form-control,
.wpcf7 .civis-form select.wpcf7-form-control,
.wpcf7 .civis-form textarea.wpcf7-form-control{
  border: 1px solid rgba(0,0,0,.18) !important;
  background: #fff !important;
}

/* Focus state */
.wpcf7 .civis-form input.wpcf7-form-control:focus,
.wpcf7 .civis-form select.wpcf7-form-control:focus,
.wpcf7 .civis-form textarea.wpcf7-form-control:focus{
  outline: none !important;
  border-color: rgba(0,0,0,.45) !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.08) !important;
}

/* Button looks like a real CTA */
.wpcf7 .civis-form input.wpcf7-submit{
  border: 1px solid rgba(0,0,0,.35) !important;
  cursor: pointer;
}
.wpcf7 .civis-form input.wpcf7-submit:hover{
  transform: translateY(-1px);
}



.whatsapp-float i{
  font-size:32px;
  line-height:58px;
}



.wa-inline i{
  font-size:22px;
  margin-right:8px;
  vertical-align:middle;
}


.wa-inline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  font-weight:700;
}
.wa-ico{
  width:22px;
  height:22px;
  color:#25d366;
}




/* CiviServe - Floating WhatsApp Button */
.civis-wa-float{
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0,0,0,.20);
  z-index: 9999;
}

.civis-wa-float img{
  width: 20px;
  height: 20px;
  display: block;
}

.civis-wa-float:hover{
  transform: translateY(-1px);
}





/* Floating CALL button */
.civis-call-float{
  position: fixed;
  right: 16px;
  bottom: 70px; /* πάνω από WhatsApp */
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #0b5cab;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0,0,0,.20);
  z-index: 9999;
  font-size:20px;
}


.rounded-box{
  border-radius:16px;
}













/*test*/