/*
Theme Name: Ayonn
Theme URI: https://ayonn.co
Author: Ayonn
Author URI: https://ayonn.co
Description: Tema institucional da Ayonn — WordPress e engenharia de software. Port fiel do design estático (./dist).
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.4
License: Proprietary
Text Domain: ayonn
Domain Path: /languages
*/

/* ── Base ─────────────────────────────────────────────────────────────────── */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #f6f7f5;
}

::selection {
    background: #10b981;
    color: #0c1f1a;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
}

/* ── Keyframes ────────────────────────────────────────────────────────────── */
@keyframes ayonn-orbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ayonn-marquee {
    to {
        transform: translateX(-50%);
    }
}

/* ── Marquee (home) ───────────────────────────────────────────────────────── */
.marquee-track {
    animation: ayonn-marquee 34s linear infinite;
}

.marquee-mask:hover .marquee-track {
    animation-play-state: paused;
}

.marquee-mask {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.marquee-track span {
    transition: color 0.2s;
}

.marquee-track span:hover {
    color: #0c1f1a;
}

/* ── Details / dropdown / FAQ ─────────────────────────────────────────────── */
details > summary {
    list-style: none;
    cursor: pointer;
}

details > summary::-webkit-details-marker {
    display: none;
}

details[open] .ayonn-faq-plus {
    transform: rotate(45deg);
}

.nav-dd[open] .nav-caret {
    transform: rotate(180deg);
}

/* ── Link underline (masthead + footer) ───────────────────────────────────── */
.ayonn-link {
    position: relative;
}

.ayonn-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -3px;
    height: 1.5px;
    background: #10b981;
    transition: right 0.25s;
}

.ayonn-link:hover::after {
    right: 0;
}

/* ── Hover states (convertidos dos atributos style-hover do runtime) ──────── */
.ayonn-btn-primary {
    transition: background 0.2s;
}

.ayonn-btn-primary:hover {
    background: #0e9e6e;
}

.ayonn-btn-outline {
    transition: all 0.2s;
}

.ayonn-btn-outline:hover {
    background: #0c1f1a;
    color: #f6f7f5;
}

.ayonn-dd-item {
    transition: background 0.15s;
}

.ayonn-dd-item:hover {
    background: #f6f7f5;
}

.ayonn-svc-card {
    transition:
        border-color 0.2s,
        box-shadow 0.2s;
}

.ayonn-svc-card:hover {
    border-color: #10b981;
    box-shadow: 0 8px 30px rgba(16, 185, 129, 0.08);
}

.ayonn-svc-card-dark {
    transition:
        border-color 0.2s,
        background 0.2s;
}

.ayonn-svc-card-dark:hover {
    border-color: #10b981;
    background: rgba(16, 185, 129, 0.08);
}

/* ── Motion ───────────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .orbit-spin {
        animation: none !important;
    }
}