/**
 * Hybrid Theme Styles
 * Custom styles for hybrid theme block editor and frontend
 */

/* Custom button styles */
.wp-block-button.is-style-tophair-primary .wp-block-button__link {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
    border: 2px solid var(--wp--preset--color--primary);
    border-radius: 4px;
    padding: 12px 24px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.wp-block-button.is-style-tophair-primary .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-tophair-secondary .wp-block-button__link {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--background);
    border: 2px solid var(--wp--preset--color--secondary);
    border-radius: 4px;
    padding: 12px 24px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.wp-block-button.is-style-tophair-secondary .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-tophair-accent .wp-block-button__link {
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--background);
    border: 2px solid var(--wp--preset--color--accent);
    border-radius: 4px;
    padding: 12px 24px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.wp-block-button.is-style-tophair-accent .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--accent);
}

/* Custom block styles for CPTs */
.wp-block-group.tophair-salon-details {
    background-color: var(--wp--preset--color--background);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 2rem;
    margin: 2rem 0;
}

.wp-block-group.tophair-salon-details h2 {
    color: var(--wp--preset--color--primary);
    margin-bottom: 1rem;
}

/* Editor-specific styles */
.editor-styles-wrapper .wp-block-button.is-style-tophair-primary .wp-block-button__link {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
}

.editor-styles-wrapper .wp-block-button.is-style-tophair-secondary .wp-block-button__link {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--background);
}

.editor-styles-wrapper .wp-block-button.is-style-tophair-accent .wp-block-button__link {
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--background);
}