/**
 * Custom CSS
 *
 * This file is for your custom styles.
 * You can add any CSS rules here to customize the Ghost theme.
 *
 * Note: Changes made directly to this file may be overwritten during theme updates.
 * It's recommended to use the Code Injection feature in Ghost for persistent customizations.
 */

/* Your custom CSS goes below this line */

/* Playfair Display - Custom styles for better typography */
h1, h2, h3, h4, h5, h6 {
    font-feature-settings: "liga" 1, "kern" 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Improve spacing for Playfair Display headings */
h1 {
    letter-spacing: -0.02em;
}

h2, h3 {
    letter-spacing: -0.01em;
}


/* Ocultar seção de autores */
.section-authors {
    display: none !important;
}

/* Contact Popup Styles */
#contact-popup input:focus,
#contact-popup button:focus {
    outline: none;
    border-color: var(--ghost-accent-color);
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}

#contact-popup button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

#contact-popup input::placeholder {
    color: var(--color-secondary);
    opacity: 0.8;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #contact-popup > div {
        margin: 40px 20px !important;
        padding: 30px 20px !important;
        max-width: none !important;
    }
}