/**
 * Homepage Section Styles
 *
 * Extracted from inline <style> blocks in front-page.php.
 * Loaded only on the homepage via conditional enqueue.
 *
 * @package infiwits-theme
 */


/* ============================================================
   1. SERVICES ACCORDION — Expanding Panels
   ============================================================ */

/* Base panel state */
.iw-acc-panel {
    flex: 1;
    transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Expanded state on hover */
.iw-acc-panel:hover {
    flex: 4;
}

/* Ambient background glow revealed on hover */
.iw-acc-panel:hover .iw-acc-bg {
    opacity: 1 !important;
}

/* Hidden content default state */
.iw-acc-content {
    opacity: 0;
    max-height: 0;
    transform: translateY(30px);
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    overflow: hidden;
}

/* Content revealed on hover */
.iw-acc-panel:hover .iw-acc-content {
    opacity: 1;
    max-height: 500px;
    transform: translateY(0);
    margin-top: 30px;
    transition-delay: 0.1s;
}

/* Mobile: stack panels vertically */
@media (max-width: 900px) {
    .iw-services-accordion {
        flex-direction: column;
        height: auto !important;
    }

    .iw-acc-panel {
        padding: 30px !important;
        flex: none !important;
        min-height: 120px;
    }

    .iw-acc-panel:hover,
    .iw-acc-panel.active {
        min-height: 450px;
    }

    .iw-acc-header h3 {
        white-space: normal !important;
    }
}


/* ============================================================
   2. TERMINAL — Cursor Blink & Syntax Tokens
   ============================================================ */

/* Blinking cursor animation */
@keyframes iw-blink {
    50% { opacity: 0; }
}

/* Syntax highlighting token colors */
.token.keyword  { color: #ff3366; }
.token.function { color: #00f0ff; }
.token.string   { color: #a855f7; }
.token.comment  { color: #666;    }
.token.property { color: #ffbd2e; }