/*
================================================

Space Vanta Theme 1.0

Featured Function:
Find

Module:
Trigger

File:
public/header/featured-functions/find/trigger.css

Version:
FIND-TRIGGER-007

Purpose:
Find Trigger Signature Presentation

Responsibilities:
- Find trigger layout
- Find cube and label relationship
- Header icon frame
- Header cube visual scale
- Find brand typography
- Trigger interaction surface

Does NOT handle:
- Cube base geometry
- Cube material
- Cube depth
- Cube shadow
- Cube hover deformation
- Cube animation
- Cube transition
- Discovery logic
- Find Panel Cube

Visual Direction:

Spatial Object
      ↓
  Functional Name

The Find cube remains the primary visual object.
The Header presentation is scaled independently
from the base Cube geometry.

================================================
*/


/* =================================================
   01. FIND TRIGGER
================================================= */

.sv-featured-trigger--find {

    position:
        relative;

    display:
        inline-flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        4px;

    cursor:
        pointer;

}


/* =================================================
   02. ICON FRAME
================================================= */

.sv-featured-trigger--find .sv-featured-trigger__icon {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        36px;

    height:
        26px;

    flex:
        0 0 26px;

    perspective:
        520px;

    margin-top:
        0;

}


/* =================================================
   03. HEADER CUBE VISUAL SCALE

   The base Cube geometry remains 52 × 52.

   This Header-only scale keeps the existing
   Cube geometry untouched while bringing the
   visual footprint into the same hierarchy
   as the Vision Aperture.

   Base:
   52 × 52

   Header:
   approximately 30 × 30

================================================= */

.sv-featured-trigger--find .sv-find-cube {

    position:
        relative;

    scale:
        .58;

}


/* =================================================
   04. ICON VISUAL FIELD
================================================= */

.sv-featured-trigger--find .sv-featured-trigger__icon .sv-find-cube {

    position:
        relative;

}


/* =================================================
   05. FIND SIGNATURE LABEL
================================================= */

.sv-featured-trigger--find .sv-featured-trigger__label {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    white-space:
        nowrap;

    font-family:
        var(--sv-font-brand), sans-serif;

    font-size:
        10px;

    font-weight:
        500;

    line-height:
        1;

    letter-spacing:
        .08em;

}


/* =================================================
   06. FIND CUBE — HEADER FRAGMENT ALIGNMENT
================================================= */

.sv-featured-trigger--find .sv-find-cube__fragment--a {

    translate:
        -2px 2px 3px;

}


/* =================================================
   07. MOBILE
================================================= */

@media (max-width: 767px) {

    .sv-featured-trigger--find {

        gap:
            3px;

    }


    /* ---------------------------------------------
       Mobile Icon Frame
    --------------------------------------------- */

    .sv-featured-trigger--find .sv-featured-trigger__icon {

        width:
            34px;

        height:
            25px;

        flex:
            0 0 25px;

        perspective:
            480px;

        margin-top:
            0;

    }


    /* ---------------------------------------------
       Mobile Cube Scale
       
       Base Cube:
       48 × 48

       Header visual:
       approximately 28 × 28
    --------------------------------------------- */

    .sv-featured-trigger--find .sv-find-cube {

        scale:
            .58;

    }


    /* ---------------------------------------------
       Mobile Label
    --------------------------------------------- */

    .sv-featured-trigger--find .sv-featured-trigger__label {

        font-size:
            9px;

        font-weight:
            500;

        line-height:
            1;

        letter-spacing:
            .08em;

    }

}


/* =================================================
   08. REDUCED MOTION
================================================= */

@media (prefers-reduced-motion: reduce) {

    .sv-featured-trigger--find {

        transition:
            none;

    }

}