/*
Theme Name: Starpilots
Theme URI: https://www.starpilots.jp/
Author: Starpilots
Author URI: https://www.starpilots.jp/
Description: Starpilots Studio Management - WordPress theme converted from Eleventy
Version: 1.0.0
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: starpilots
*/

/* メインスタイルは assets/css/style.css から読み込み */

.smf-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.smf-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.smf-form .smf-select-control {
  display: block;
}
.smf-select-control:has(select) {
  width: 100%;
  max-width: 400px;
}
.smf-form .smf-select-control__control {
  border-radius: 4px;
  overflow: hidden;
}
.smf-form .smf-select-control__toggle {
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  overflow: hidden;
}
.smf-action {
  margin-top: 60px;
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}
.smf-action .smf-button-control__control {
  max-width: 320px;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  background: var(--color-contrast);
  color: white;
  border: none;
  border-radius: 4px;
  padding: 0.5em 1.5em;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.smf-form textarea.smf-textarea-control__control {
  height: 10lh;
}
.smf-action .smf-button-control__control[data-action="back"] {
  background: #ccc;
  color: #000;
}
.smf-action .smf-button-control + .smf-button-control {
  margin-left: 0;
}