/*
Theme Name: Inklined Blog
Theme URI: https://beinklined.com/blog
Description: Inklined-branded child theme of Lettre, a newsletter theme by Automattic. Customized with purple brand colors, Geist typography, and modern rounded UI.
Author: Inklined
Author URI: https://beinklined.com
Template: lettre
Version: 1.0.0
Requires at least: 6.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lettre-inklined
*/

/* ==========================================
   CSS overrides beyond theme.json
   ========================================== */

/* Gradient buttons — theme.json cannot do gradient backgrounds */
.wp-block-button .wp-block-button__link,
.wp-element-button {
    background: linear-gradient(135deg, #A855F7 0%, #7C3AED 100%) !important;
    border: none;
    transition: opacity 0.2s ease, transform 0.15s ease;
}
.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}
.wp-block-button .wp-block-button__link:active,
.wp-element-button:active {
    transform: translateY(0);
}

/* Outline button variant */
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent !important;
    color: #7C3AED;
    border: 2px solid #7C3AED;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: linear-gradient(135deg, #A855F7 0%, #7C3AED 100%) !important;
    color: #FFFFFF;
}

/* Links */
a:where(:not(.wp-element-button)) {
    color: #7C3AED;
    text-decoration-color: rgba(124, 58, 237, 0.3);
}
a:where(:not(.wp-element-button)):hover {
    color: #A855F7;
    text-decoration-color: #A855F7;
}

/* Rounded images */
.wp-block-image img {
    border-radius: 10px;
}

/* Code blocks */
pre.wp-block-code,
code {
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Blockquote accent */
.wp-block-quote {
    border-left-color: #A855F7 !important;
}

/* Search input */
.wp-block-search .wp-block-search__input {
    border-radius: 10px;
}

/* Group blocks with background */
.wp-block-group.has-background {
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
}