/*
Theme Name:  Run Art Inside
Theme URI:   http://runartinside.server-dev
Description: Tema hijo para Run Art Inside - galeria curada by Run Art Foundry, Miami.
Author:      Run Art Foundry
Author URI:  https://runartfoundry.com
Template:    twentytwentyfive
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: runartinside
Requires at least: 6.7
Requires PHP: 8.3
*/

/* === RAI Shortcode Styles === */

.rai-artwork-details,
.rai-artist-meta,
.rai-collection-meta {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.375rem 1.5rem;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.6;
}

.rai-artwork-details dt,
.rai-artist-meta dt,
.rai-collection-meta dt {
    color: var(--rai-color-bronce, #8B7355);
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding-top: 0.125rem;
}

.rai-artwork-details dd,
.rai-artist-meta dd,
.rai-collection-meta dd {
    margin: 0;
    color: var(--wp--preset--color--contrast, #1A1A1A);
}

.rai-artwork-details dd a,
.rai-artist-meta dd a,
.rai-collection-meta dd a {
    color: var(--wp--preset--color--accent-1, #8B7355);
    text-decoration: none;
}

.rai-artwork-details dd a:hover,
.rai-artist-meta dd a:hover,
.rai-collection-meta dd a:hover {
    color: var(--wp--preset--color--accent-3, #6B5B4E);
    text-decoration: underline;
}

/* === Collection dark header meta override === */
.has-contrast-background-color .rai-collection-meta dt {
    color: var(--wp--preset--color--accent-1, #8B7355);
}

.has-contrast-background-color .rai-collection-meta dd {
    color: var(--wp--preset--color--accent-2, #F2F0EC);
}

/* === RAI Contact Form Styles === */

.rai-contact-form {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 600px;
}

.rai-form-field {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.rai-form-field label {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rai-color-bronce, #8B7355);
}

.rai-form-field input,
.rai-form-field textarea {
    font-family: var(--rai-font-body, Inter, sans-serif);
    font-size: 0.9375rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--wp--preset--color--accent-2, #F2F0EC);
    border-radius: 2px;
    background: var(--wp--preset--color--base, #FAFAF8);
    color: var(--wp--preset--color--contrast, #1A1A1A);
    transition: border-color 0.2s ease;
}

.rai-form-field input:focus,
.rai-form-field textarea:focus {
    outline: none;
    border-color: var(--wp--preset--color--accent-1, #8B7355);
}

.rai-form-submit button {
    align-self: flex-start;
}

.rai-form-errors {
    padding: 1rem 1.25rem;
    background: #fef2f2;
    border-left: 3px solid #dc2626;
    margin-bottom: 1rem;
}

.rai-form-errors ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rai-form-errors li {
    font-size: 0.875rem;
    color: #dc2626;
}

.rai-form-success {
    padding: 1rem 1.25rem;
    background: #f0fdf4;
    border-left: 3px solid #16a34a;
    margin-bottom: 1rem;
}

.rai-form-success p {
    margin: 0;
    font-size: 0.875rem;
    color: #16a34a;
}