/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

/* Contact Form 7 kutulu ve grid düzeni */
/* Grid yapısı */
.cf7-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.cf7-half {
  flex: 1 1 calc(50% - 15px);
}

.cf7-full {
  flex: 1 1 100%;
}

/* Input ve textarea kutuları */
.cf7-grid input[type="text"],
.cf7-grid input[type="email"],
.cf7-grid input[type="tel"],
.cf7-grid input[type="url"],
.cf7-grid textarea {
  width: 100%;
  padding: 12px;
  background: #f8f8f8;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
}

/* Mesaj alanı (textarea) */
.cf7-grid textarea {
  min-height: 150px;
  resize: vertical;
}

/* Onay kutusu hizalama */
.cf7-grid .wpcf7-acceptance {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #333;
}

/* Gönder butonu */
.cf7-grid input[type="submit"] {
  background-color: #f72558;
  color: #fff;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
  width: 100%;
}

.cf7-grid input[type="submit"]:hover {
  background-color: #e31347;
}