/* Extracted from resources/views/Query.blade.php. */

.hp-field{position:absolute!important;left:-9999px!important;height:0!important;overflow:hidden!important;}

:root{
  --ecw-yellow:#FFE000;
  --ecw-text:#EDEDED;
  --ecw-muted:#9CA3AF;
  --ecw-line:#2A2A2A;
}

/* Section spacing */
.blog-details{padding-block:clamp(24px,6vw,72px);}
.blog-details .post-content{color:var(--ecw-text);}



/* Headings */
.text-one{
  font-size:clamp(22px,1.2vw + 20px,32px);
  line-height:1.25;
  margin-bottom:14px;
}

/* Layout helpers */
@media (min-width: 992px){
  .blog-details .col-lg-7{padding-right:2rem;}
}

/* Image */
.block-gallery{display:block;}
.block-gallery img{
  width:100%;
  height:auto;
  display:block;
  border-radius:.5rem;
}
@media (max-width: 767.98px){
  .block-gallery{max-width:520px;margin-inline:auto;}
}

/* Form grid */
form.responsive-form{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:768px){
  form.responsive-form{grid-template-columns:1fr 1fr;gap:16px;}
}
@media (min-width:1200px){
  form.responsive-form{gap:20px;}
}

/* Full-width by default; half-width only for .inline-input on md+ */
.responsive-form .control-group{grid-column:1 / -1;}
@media (min-width:768px){
  .responsive-form .inline-input{grid-column:span 1;}
}


/* Inputs */
.form-control{
  background:transparent;
  border:1px solid var(--ecw-line);
  color:var(--ecw-text);
  padding:.7rem .9rem;
  border-radius:.375rem;
}
.form-control::placeholder{color:var(--ecw-muted);}
.form-control:focus{
  outline:0;
  border-color:var(--ecw-yellow);
  box-shadow:0 0 0 .25rem rgba(255,224,0,.15);
}



/* Textarea */
textarea.form-control{min-height:130px;resize:vertical}

.help-block.text-danger{
  margin:.35rem 0 0;
  min-height:1.25rem;
  font-size:.875rem;
}

.is-invalid{border-color:#dc3545;}
.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.15);}



/* Submit row always full width */
.form-actions{grid-column:1 / -1;margin-top:.25rem}

/* Button (keeps your brand colors) */
.btn{
  background:var(--ecw-yellow);
  color:#121212;
  border:0;
  padding:.85rem 1.25rem;
  border-radius:.5rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  transition:transform .14s ease, filter .14s ease;
}
.btn:hover{filter:brightness(.95); transform:translateY(-1px);}
.btn:active{transform:translateY(0);}


.hp-field{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;height:1px!important;
  overflow:hidden!important;opacity:0!important;
}
