/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* --- Overall Form Container Styling (if needed) --- */
/* If your page background isn't already dark, apply it to the form's parent container */
/* You might need to adjust '.wpcf7' or its parent div selector */
.wpcf7 {
    padding: 20px; /* Adjust padding around the form */
    border-radius: 8px; /* Rounded corners for the whole form container if desired */
    max-width: 600px; /* Limit form width */
    margin: 0 auto; /* Center the form on the page */
}

/* --- Input Fields (Text, Email, Subject) --- */
/* Target all common input types used by CF7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"], /* If you have a URL field */
.wpcf7 input[type="tel"], /* If you have a telephone field */
.wpcf7 input[type="number"], /* If you have a number field */
.wpcf7 input[type="date"], /* If you have a date field */
.wpcf7 select { /* For dropdowns, if any */
    width: 100%;
    padding: 15px 20px; /* Adjust padding for height and internal spacing */
    margin-bottom: 20px; /* Space between fields */
    background-color: #ed6a5a; /* Darker background for input fields */
    border: none; /* Remove default border */
    border-radius: 8px; /* Rounded corners */
    color: #f0f0f0; /* Light text color when user types */
    font-size: 16px; /* Adjust font size if needed */
    box-sizing: border-box; /* Include padding in width calculation */
    -webkit-appearance: none; /* Remove default styling on some browsers */
    -moz-appearance: none;
    appearance: none;
}

/* --- Textarea (Message field) --- */
.wpcf7 textarea {
    width: 100%;
    padding: 15px 20px; /* Adjust padding */
    margin-bottom: 20px; /* Space before the submit button */
    background-color: #ed6a5a; /* Darker background for textarea */
    border: none; /* Remove default border */
    border-radius: 8px; /* Rounded corners */
    color: #f0f0f0; /* Light text color */
    font-size: 16px; /* Adjust font size if needed */
    min-height: 150px; /* Minimum height for the message field */
    resize: vertical; /* Allow vertical resizing only */
    box-sizing: border-box;
}

/* --- Placeholder Text Styling --- */
/* Make placeholder text light grey */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #aaaaaa; /* Lighter grey for placeholder text */
    opacity: 1; /* Ensure full opacity in Firefox */
}

/* For older WebKit browsers */
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
    color: #aaaaaa;
}

/* For Microsoft Edge */
.wpcf7 input::-ms-input-placeholder,
.wpcf7 textarea::-ms-input-placeholder {
    color: #aaaaaa;
}

/* --- Focus State (When a field is clicked) --- */
/* Change outline on focus to match the aesthetic */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    outline: none; /* Remove default browser outline */
    box-shadow: 0 0 0 2px #555555; /* A subtle grey glow on focus */
    /* Or a more vibrant color for focus: box-shadow: 0 0 0 2px #6da5ed; */
}

/* --- Submit Button --- */
.wpcf7 input[type="submit"] {
    background-color: #ffbf00; /* Darker grey button background */
    color: #ffffff; /* White text for the button */
    border: none; /* Remove default button border */
    padding: 12px 30px; /* Adjust padding for button size */
    border-radius: 8px; /* Rounded corners for the button */
    font-size: 16px;
    cursor: pointer; /* Indicate it's clickable */
    transition: background-color 0.3s ease; /* Smooth hover effect */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus {
    background-color: #555555; /* Slightly lighter on hover/focus */
    outline: none;
}

/* --- Success/Error Messages --- */
/* Make sure these messages are visible against your dark background */
.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 10px 1em;
    border-radius: 5px;
    font-weight: bold;
    color: #000000; /* White text for messages */
}

.wpcf7-mail-sent-ok {
    background-color: #28a745; /* Green for success */
    border-color: #28a745;
}

.wpcf7-mail-sent-ng,
.wpcf7-aborted,
.wpcf7-validation-errors {
    background-color: #dc3545; /* Red for errors */
    border-color: #dc3545;
}

.wpcf7-not-valid-tip {
    color: #dc3545; /* Red for inline validation tips */
    font-size: 0.9em;
    display: block; /* Ensure it breaks to a new line */
    margin-top: 5px; /* Space above the tip */
}