/*
Theme Name: Palash by TP
Theme URI: https://thepalashhomes.com/
Author: Tech Pumpkin Inc.
Author URI: https://techpumpkin.ca/
Description: Lightweight WordPress block theme starter with clean defaults and modern theme.json controls.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: palash
Tags: blog, custom-colors, custom-logo, editor-style, full-site-editing, one-column, two-columns
*/

/* Small non-block-editor CSS for the front-end (kept minimal). */





 *, *::before, *::after { box-sizing: border-box; }
    html, body { height: 100%; }
    body {
      margin: 0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      color: #fff;
      overflow: hidden; /* no scroll */
      background: #009e21;
    }

    :root{
      --overlay: rgba(0,0,0,.8);
      --accent: #E02B20;
      --bottom-bar-h: 64px;
      --max-content-w: 1100px;
    }

    .hero{
      position: relative;
      min-height: 100vh;
      text-align: center;
      background: url("palash-homes-2.jpg") center/cover no-repeat fixed;
      isolation: isolate;
    }
    .hero::before{
      content: "";
      position: absolute; inset: 0;
      background: rgb(0 0 0 / 89%);
      z-index: 0;
    }

    /* Start content at 30vh from top, horizontally centered */
    .center-wrap{
      position: absolute;
      top: 30vh;           /* << requested offset */
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      width: min(92vw, var(--max-content-w));
      display: grid;
      gap: 1.1rem;
      justify-items: center;
    }

    h1{
      margin: 0;
      line-height: 1.08;
      font-weight: 800;
      letter-spacing: -0.02em;
      font-size: clamp(2.25rem, 4.5vw + 0.5rem, 4rem);
    }
    h2{
      margin: 0;
      opacity: .9;
      font-weight: 500;
      line-height: 1.25;
      font-size: clamp(1.125rem, 1.2vw + .75rem, 1.75rem);
    }

    /* Form directly under H2 with 60px margin */
    .form-slot{
      margin-top: 60px;     /* << requested spacing */
      width: 100%;
    }
    .form-slot > *{ width: 100%; }

    /* Optional styles for whatever shortcode renders */
    .form-slot form{
      display: grid;
      gap: .75rem;
      justify-items: center;
    }
    .form-slot input, .form-slot select, .form-slot textarea{
      width: min(560px, 92vw);
      padding: .9rem 1rem;
      border-radius: .75rem;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      color: #fff;
      outline: none;
    }
    .form-slot button, .form-slot input[type="submit"]{
      padding: .9rem 1.25rem;
      border-radius: .75rem;
      border: 0;
      background: var(--accent);
      color: #fff;
      font-weight: 700;
      cursor: pointer;
    }

    /* Bottom email bar (fixed to bottom: 0) */
    .bottom-bar{
      position: fixed;
      left: 0; right: 0; bottom: 0;
      height: var(--bottom-bar-h);
      display: grid;
      align-items: center;
      justify-items: center;
      background: #002007;
      backdrop-filter: blur(6px);
      border-top: 1px solid rgba(255,255,255,.12);
      z-index: 2;
      padding: 0 .75rem;
    }
    .email-form{
      width: min(720px, 100%);
      display: grid;
      grid-template-columns: 1fr auto;
      gap: .5rem;
    }
    .email-form input[type="email"]{
      height: 42px;
      padding: 0 12px;
      border-radius: .6rem;
      border: 1px solid rgba(255,255,255,.2);
      background: rgba(255,255,255,.1);
      color: #fff;
      outline: none;
    }
    .email-form button{
      height: 42px;
      padding: 0 16px;
      border-radius: .6rem;
      border: 0;
      background: var(--accent);
      color: #fff;
      font-weight: 700;
      cursor: pointer;
      white-space: nowrap;
    }

    /* Tighten on very short screens (still no scroll) */
    @media (max-height: 520px){
      .center-wrap{ gap: .6rem; }
      h1{ font-size: clamp(1.75rem, 5vw + .25rem, 3rem); }
      h2{ font-size: clamp(1rem, 1.5vw + .5rem, 1.25rem); }
      .form-slot{ margin-top: 36px; }
    }


    /* EMAIL BUTTON */
    .email-btn {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    padding: 0.9rem 1.2rem;
    /* border-radius: 0.6rem; */
    border: none;
    background: #000000;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    transition: background 0.25s 
ease, transform 0.15s 
ease;
}

  .email-btn:hover {
    background: #c6221a;
    transform: translateY(-2px);
  }

  .email-btn:active {
    background: #a61c15;
    transform: translateY(0);
  }
  
  
  
  /* form styling */
  
  form#wpforms-form-6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    justify-content: center;
}

.wpforms-submit-container {
    padding: 0;
    margin: 0 !important;
}

button#wpforms-submit-6 {
    border-radius: 0;
    border: 1px solid #ffffff;
    background-color: #e5a811;
}

input#wpforms-6-field_1 {
    border-radius: 0;
    /* width: 100%; */
}