/*
Theme Name: My Block Theme
Theme URI: https://github.com/nic-dgl233-wi26/dlu1-project-1-SunyeongJ-dev
Author: Sunyeong Jeon
Author URI: https://github.com/SunyeongJ-dev
Description: A custom block theme portfolio website built for my course. Includes a one-page layout with anchored navigation, a styled contact form, and custom templates (Home, 404).
Version: 1.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-block-theme
Tags: block-styles, custom-colors, custom-fonts, custom-logo
*/

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Contact Form Styles */
.sj-contact-form .wpcf7,
.sj-contact-form .wpcf7 * {
  box-sizing: border-box;
}

.sj-contact-form .wpcf7 form {
  background: #ffffff;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.sj-contact-form .wpcf7 input[type="text"],
.sj-contact-form .wpcf7 input[type="email"],
.sj-contact-form .wpcf7 textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1.2px solid var(--wp--preset--color--primary);
  background: var(--wp--preset--color--base);
}

.sj-contact-form .wpcf7 textarea {
  min-height: 140px;
  resize: none;
  overflow: auto; 
}

.sj-contact-form .wpcf7 input[type="submit"] {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 0;

  background: var(--wp--preset--color--primary);
  color: #ffffff;

  font-family: var(--wp--preset--font-family--orbitron);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;

  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.sj-contact-form .wpcf7 input[type="submit"]:hover {
  background-color: var(--wp--preset--color--secondary);
}

.sj-contact-form .wpcf7-not-valid-tip {
  font-size: 0.95rem;
  margin-top: 6px;
}