/* ============================================================
   APONTEB — SELEÇÃO DE EMPRESA
   CARDS 100% ESTÁTICOS + MENU SEM RECORTE
============================================================ */


/* ============================================================
   ESTRUTURA
============================================================ */

body.aponteb-company-page
.aponteb-company-screen,

body.aponteb-company-page
.aponteb-company-grid,

body.aponteb-company-page
#company-selection-list {

    overflow: visible !important;
}


/* ============================================================
   CARD
============================================================ */

body.aponteb-company-page
.aponteb-company-card {

    position: relative !important;

    overflow: visible !important;

    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;

    animation: none !important;

    transition:
        border-color .14s ease !important;
}


/* ============================================================
   HOVER — SEM MOVIMENTO
============================================================ */

body.aponteb-company-page
.aponteb-company-card:hover {

    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;

    animation: none !important;

    box-shadow: none !important;

    border-color: #8ca9ba !important;
}


/* ============================================================
   FOCO
============================================================ */

body.aponteb-company-page
.aponteb-company-card:focus,

body.aponteb-company-page
.aponteb-company-card:focus-within {

    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;

    animation: none !important;

    z-index: 50 !important;
}


/* ============================================================
   FILHOS DO CARD
   Nenhum elemento interno pode subir, crescer ou deslizar.
============================================================ */

body.aponteb-company-page
.aponteb-company-card:hover > *,

body.aponteb-company-page
.aponteb-company-card:hover button,

body.aponteb-company-page
.aponteb-company-card:hover svg,

body.aponteb-company-page
.aponteb-company-card:hover [class*="icon"],

body.aponteb-company-page
.aponteb-company-card:hover [class*="arrow"] {

    transform: none !important;
    translate: none !important;
    scale: none !important;

    animation: none !important;
}


/* ============================================================
   MENU DOS TRÊS PONTOS
============================================================ */

/*
 * O card que contém o menu precisa ficar acima dos demais.
 */
body.aponteb-company-page
.aponteb-company-card:focus-within {

    z-index: 100 !important;
}


/*
 * Qualquer container de ação/menu/dropdown dentro do card
 * pode extrapolar os limites sem ser cortado.
 */
body.aponteb-company-page
.aponteb-company-card [class*="action"],

body.aponteb-company-page
.aponteb-company-card [class*="menu"],

body.aponteb-company-page
.aponteb-company-card [class*="dropdown"],

body.aponteb-company-page
.aponteb-company-card [class*="more"] {

    overflow: visible !important;
}


/*
 * Menus flutuantes devem aparecer acima da grade.
 */
body.aponteb-company-page
.aponteb-company-card [class*="menu"],

body.aponteb-company-page
.aponteb-company-card [class*="dropdown"] {

    z-index: 999 !important;
}


/* ============================================================
   GRID
============================================================ */

body.aponteb-company-page
.aponteb-company-grid {

    isolation: auto !important;
}


/* ============================================================
   EMPRESA VITRINE
============================================================ */

body.aponteb-company-page
.aponteb-company-showcase,

body.aponteb-company-page
.showcase-company-card {

    transform: none !important;
    translate: none !important;
    scale: none !important;

    animation: none !important;

    transition:
        border-color .14s ease !important;
}


body.aponteb-company-page
.aponteb-company-showcase:hover,

body.aponteb-company-page
.showcase-company-card:hover {

    transform: none !important;
    translate: none !important;
    scale: none !important;

    animation: none !important;

    box-shadow: none !important;

    border-color: #b88a3b !important;
}


/* ============================================================
   DESLIGANDO TRANSIÇÕES DE MOVIMENTO NESTA TELA
============================================================ */

body.aponteb-company-page
.aponteb-company-card,

body.aponteb-company-page
.aponteb-company-card * {

    transition-property:
        color,
        background-color,
        border-color,
        opacity !important;
}

/* ============================================================
   AJUSTE DE ALTURA — VIEWPORT
   Cabeçalho fixo na composição.
   Rolagem somente na lista de empresas.
============================================================ */

body.aponteb-company-page {

    height: 100vh;
    height: 100dvh;

    overflow: hidden !important;
}


body.aponteb-company-page
.aponteb-company-screen {

    height: 100vh;
    height: 100dvh;

    min-height: 0 !important;

    display: flex;
    flex-direction: column;

    overflow: hidden !important;
}


body.aponteb-company-page
.aponteb-company-main {

    flex: 1;
    min-height: 0;

    display: flex;
    flex-direction: column;

    overflow: hidden !important;
}


body.aponteb-company-page
.aponteb-company-heading,

body.aponteb-company-page
.aponteb-company-toolbar {

    flex-shrink: 0;
}


body.aponteb-company-page
.aponteb-company-grid,

body.aponteb-company-page
#company-selection-list {

    flex: 1;
    min-height: 0;

    overflow-y: auto !important;
    overflow-x: visible !important;

    padding-right: 6px;

    align-content: start;

    overscroll-behavior: contain;

    scrollbar-gutter: stable;
}


/* ============================================================
   RESPONSIVIDADE — TELAS MENORES
   Mantém o visual atual no desktop e deixa a tela mais compacta.
============================================================ */

@media (max-width: 1440px) {

    body.aponteb-company-page
    .aponteb-company-main {

        width: min(100% - 56px, 1120px);

        padding-top: 34px;
        padding-bottom: 28px;
    }


    body.aponteb-company-page
    .aponteb-company-heading {

        margin-bottom: 20px;
    }


    body.aponteb-company-page
    .aponteb-company-toolbar {

        margin-bottom: 14px;
    }


    body.aponteb-company-page
    .aponteb-company-grid {

        gap: 12px;
    }


    body.aponteb-company-page
    .aponteb-company-card {

        min-height: 76px;
    }
}


@media (max-width: 1180px) {

    body.aponteb-company-page
    .aponteb-company-main {

        width: min(100% - 40px, 1020px);
    }


    body.aponteb-company-page
    .aponteb-company-heading h1 {

        font-size: 34px;
    }


    body.aponteb-company-page
    .aponteb-company-search {

        width: min(100%, 420px);
    }
}