/*!
Theme Name: tricity
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tricity

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

tricity is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
	margin-top: 0 !important;
}

/* Contact Form 7 Custom Styling */
.wpcf7-form {
    font-family: inherit;
}

.wpcf7-form .space-y-6 > * + * {
    margin-top: 1.5rem;
}

.wpcf7-form .grid {
    display: grid;
}

.wpcf7-form .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
    .wpcf7-form .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.wpcf7-form .gap-4 {
    gap: 1rem;
}

/* Style all form inputs */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0;
    font-size: 1rem;
    transition: all 0.2s ease;
    box-sizing: border-box;
    background: white;
}

/* Focus states */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px #9A7D39;
}

/* Textarea specific */
.wpcf7-form textarea {
    resize: none;
    min-height: 100px;
}

/* Submit button */
.wpcf7-form input[type="submit"] {
    background-color: #9A7D39;
    color: white;
    padding: 0.75rem 2rem;
    border: none;
    cursor: pointer;
    font-weight: 500;
    font-size: 1rem;
    transition: background-color 0.2s ease;
    border-radius: 0;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #b45309;
}

/* Remove default CF7 styling */
.wpcf7-form p {
    margin: 0;
}

.wpcf7-form-control-wrap {
    position: relative;
}

/* Error messages */
.wpcf7-not-valid-tip {
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Success/Error response messages */
.wpcf7-response-output {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 4px;
}

.wpcf7-mail-sent-ok {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.wpcf7-validation-errors {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Contact Us Page Form - Separate styling */
.contact-us-form .wpcf7-form {
    font-family: 'Gotham', sans-serif;
}

.contact-us-form .space-y-6 > * + * {
    margin-top: 1.5rem;
}

.contact-us-form .grid {
    display: grid;
}

.contact-us-form .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
    .contact-us-form .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.contact-us-form .gap-6 {
    gap: 1.5rem;
}

.contact-us-form .group {
    position: relative;
}

/* Input and textarea styling */
.contact-us-form input[type="text"],
.contact-us-form input[type="tel"],
.contact-us-form textarea {
    width: 100%;
    height: 4rem;
    border: 2px solid #e5e7eb;
    padding: 0 1.5rem;
    color: #374151;
    font-family: 'Gotham', sans-serif;
    border-radius: 0.75rem;
    background-color: rgba(249, 250, 251, 0.5);
    font-size: 1.125rem;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.contact-us-form textarea {
    height: auto;
    padding: 1rem 1.5rem;
    resize: none;
    line-height: 1.625;
    min-height: 120px;
}

/* Focus states */
.contact-us-form input:focus,
.contact-us-form textarea:focus {
    border-color: #9A7D39;
    outline: none;
    background-color: white;
}

/* Hover states */
.contact-us-form .group:hover input,
.contact-us-form .group:hover textarea {
    border-color: #d1d5db;
}

/* Submit button */
.contact-us-form input[type="submit"] {
    background-color: #9A7D39;
    color: white;
    padding: 1.25rem 2.5rem;
    font-family: 'Gotham', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    border: none;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: translateY(0);
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.contact-us-form input[type="submit"]:hover {
    background-color: #C8AE57;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    transform: translateY(-2px);
}

/* Add arrow icon after submit button */
.contact-us-form input[type="submit"]:after {
    content: "→";
    font-size: 1.2em;
    transition: transform 0.3s ease;
}

.contact-us-form input[type="submit"]:hover:after {
    transform: translateX(4px);
}

/* Remove default CF7 styling */
.contact-us-form .wpcf7-form p {
    margin: 0;
}

.contact-us-form .wpcf7-form-control-wrap {
    position: relative;
}

/* Error messages */
.contact-us-form .wpcf7-not-valid-tip {
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    font-family: 'Gotham', sans-serif;
}

/* Response messages */
.contact-us-form .wpcf7-response-output {
    margin-top: 1.5rem;
    padding: 1rem 1.5rem;
    border-radius: 0.75rem;
    font-family: 'Gotham', sans-serif;
}

.contact-us-form .wpcf7-mail-sent-ok {
    background-color: #d1fae5;
    color: #065f46;
    border: 2px solid #a7f3d0;
}

.contact-us-form .wpcf7-validation-errors {
    background-color: #fee2e2;
    color: #991b1b;
    border: 2px solid #fca5a5;
}