/*
Theme Name: Warsa
Theme URI: https://cozythemes.com/warsa/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Warsa is a powerful WordPress block theme designed for blogs, news websites, and online magazines. With Full Site Editing support, customizable templates, and a seamless drag-and-drop experience, Warsa makes it easy to publish, organize, and showcase content professionally. Its clean design, lightning-fast performance, and mobile-friendly layout help publishers create engaging reading experiences while maintaining complete creative control. Explore more about warsa at https://cozythemes.com/warsa/.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.0.1
Requires at least: 5.9
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: warsa
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Newsletter-WPCF7 */
.warsa-newsletter-form {
  position: relative;

  & form.wpcf7-form {
    & p {
      padding: 5px;
      background-color: var(--wp--preset--color--light-color);
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid var(--wp--preset--color--foreground);
      display: flex;
      align-items: center; /* vertically center both children */
      width: 100%;
      gap: 5px; /* small gap between input and button */
      box-sizing: border-box;

      & br {
        display: none; /* hide the <br> that breaks flex flow */
      }

      & span.wpcf7-form-control-wrap {
        flex: 1; /* email input takes all remaining space */
        min-width: 0; /* prevents overflow in flex context */

        & input {
          width: 100%;
          padding: 14px 18px;
          border: none;
          font-size: var(--wp--preset--font-size--medium);
          outline: none;
          background: transparent;
          box-sizing: border-box;
        }
      }

      & .wpcf7-submit {
        flex-shrink: 0; /* prevent button from shrinking */
        padding: 18px 24px;
        border-radius: 8px;
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--light-color);
        text-transform: uppercase;
        border: none;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
      }

      & .wpcf7-submit:hover {
        background-color: var(--wp--preset--color--secondary);
        color: var(--wp--preset--color--dark-color);
      }

      & .wpcf7-spinner {
        position: absolute;
      }
    }
  }
}