/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");


/* textfield – minimal & borderless */
    .search-bar input {
      flex: 1 1 0;     
      padding: 8px;
      font-size: 1.1rem;
      font-weight: 400;
      color: #1a2b3c;
      letter-spacing: -0.01em;
      outline: none;
      font-family: inherit;
	border:1px solid #7b82a1;
    }

    .search-bar input::placeholder {
      color: #9fb0c2;
      font-weight: 300;
      font-size: 1rem;
      letter-spacing: -0.2px;
      opacity: 0.8;
    }

    /* search button – elegant & inviting */
    .search-bar button {
      background: #009fdc;         /* deep slate with soft blue */
      border: none;
      border-radius: 5px;
      padding: 0.75rem 2rem;
      margin: 0.2rem;
      color: white;
      font-weight: 480;
      font-size: 1.05rem;
      letter-spacing: 0.4px;
      cursor: pointer;

      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      white-space: nowrap;
      font-family: inherit;
      backdrop-filter: blur(2px);
    }

    /* hover + active effects */
    .search-bar button:hover {
      background: #04196c;         /* richer, deeper */
      box-shadow: 0 8px 16px -10px #0b1f2b, 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
      transform: scale(1.02);
    }

    /* responsive adjustment */
    @media (max-width: 480px) {
      .demo-card { padding: 1.8rem 1.2rem; }
      .search-bar { padding: 0.2rem 0.2rem 0.2rem 1.2rem; }
      .search-bar input { font-size: 1rem; padding: 0.7rem 0.2rem; }
      .search-bar button { padding: 0.65rem 1.2rem; font-size: 0.95rem; }
      .search-bar button::before { margin-right: 5px; }
    }