/*
Theme Name: DecorNest
Description: A custom, ultra-fast home decor theme converted from Next.js.
Author: DecorNest Team
Version: 1.0.0
Text Domain: decornest
*/

/* 
 * Tailwind CSS is loaded via CDN in header.php for development.
 * Custom theme adjustments can be added below.
 */

/* Fix for WordPress admin bar overlapping the sticky header */
.admin-bar .site-header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px;
    }
}

/* Ensure WordPress aligned images display correctly */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Contact Form 7 Styling */
.wpcf7 {
    font-family: inherit;
}
.wpcf7-form-control-wrap {
    display: block;
    margin-top: 0.5rem;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e5e5e5;
    border-radius: 9999px; /* Tailwind rounded-full for inputs */
    background-color: #ffffff;
    font-family: inherit;
    font-size: 0.875rem; /* text-sm */
    color: #171717; /* neutral-dark */
    outline: none;
    transition: border-color 0.2s;
}
.wpcf7 textarea {
    border-radius: 1rem; /* rounded-2xl for textareas */
    min-height: 120px;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
    border-color: #8B7355; /* secondary color */
}
.wpcf7 input[type="submit"] {
    background-color: #171717; /* neutral-dark */
    color: #ffffff;
    font-weight: 700;
    padding: 0.75rem 2rem;
    border-radius: 9999px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
    font-family: inherit;
}
.wpcf7 input[type="submit"]:hover {
    background-color: #8B7355; /* secondary color */
}
.wpcf7-not-valid-tip {
    font-size: 0.75rem;
    color: #E60023; /* red */
    margin-top: 0.25rem;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #E60023;
    color: #E60023;
    font-size: 0.875rem;
    border-radius: 0.5rem;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #4CAF50;
    color: #4CAF50;
    font-size: 0.875rem;
    border-radius: 0.5rem;
}
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}