/*
Theme Name: Rakos Media GP
Theme URI: https://rakosmedia.com/
Description: Rakos Media GP child theme for GeneratePress. Built for AI-assisted development and safe client editing with WordPress blocks.
Author: Rakos Media Group
Author URI: https://rakosmedia.com/
Template: generatepress
Version: 0.1.0
Text Domain: rakos-media-gp
*/

/* ================================================================
   Rakos Media GP
   Keep global design tokens in theme.json.
   Use this file only for behavior/styling theme.json cannot express well.
   ================================================================ */

:root {
    --rakos-transition: 180ms ease;
}

.rakos-section {
    position: relative;
}

.rakos-section-inner {
    width: min(100% - 2rem, var(--wp--style--global--wide-size, 1200px));
    margin-inline: auto;
}

.rakos-eyebrow {
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rakos-lede {
    max-width: 720px;
    font-size: var(--wp--preset--font-size--large);
}

.rakos-card {
    height: 100%;
    border-radius: var(--wp--custom--rakos--radius--medium, 12px);
}

.rakos-card > :last-child,
.rakos-section > :last-child {
    margin-bottom: 0;
}

.rakos-media-frame img {
    width: 100%;
    height: auto;
    border-radius: var(--wp--custom--rakos--radius--large, 20px);
}

.wp-element-button,
.wp-block-button__link {
    transition: transform var(--rakos-transition), box-shadow var(--rakos-transition), opacity var(--rakos-transition);
}

.wp-element-button:hover,
.wp-block-button__link:hover {
    transform: translateY(-1px);
}

.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible,
a:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

@media (max-width: 781px) {
    .rakos-mobile-stack {
        gap: var(--wp--preset--spacing--40) !important;
    }
}

/* Core adds has-border-color to bordered blocks; keep their text color inherited instead of a preset text color. */
.has-border-color:not(.has-text-color) {
    color: inherit !important;
}