/*
 Theme Name:   Atleta Confirmado
 Theme URI:    https://iconedigital.com.br/
 Description:  Tema filho para personalizações o Atleta Confirmado
 Author:       Pablo-GPT
 Author URI:   https://iconedigital.com.br/
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-child
*/

/* Ajustes para o título do popup */
.media-modal-content .media-frame-title h1 {
    font-size: 1rem; /* Ajusta o tamanho da fonte */
    font-weight: bold; /* Deixa em negrito */
    color: #08C168; /* Verde da marca */
    text-align: left; /* Alinha à esquerda */
    margin-bottom: 10px; /* Espaço abaixo do título */
}

/* Ajustes para o botão de fechar no popup */
.media-modal-close {
    top: 10px; /* Ajusta a posição para não ficar encostado */
    right: 10px; /* Ajusta a posição para não ficar encostado */
    color: #ff0000; /* Vermelho para chamar atenção */
    font-size: 1.2rem; /* Ajusta o tamanho do ícone */
}

/* Estilização dos botões "Enviar arquivos" e "Biblioteca de mídia" */
.media-frame-router {
    display: flex; /* Exibe os botões em linha */
    justify-content: flex-start; /* Alinha os botões à esquerda */
    /*gap: 10px;  Espaçamento entre as abas */
    margin-bottom: 15px; /* Espaço abaixo das abas */
}

.media-frame-router .media-menu-item {
    font-size: 1rem; /* Tamanho da fonte */
    padding: 8px 12px; /* Espaçamento interno */
    border: 1px solid #08C168; /* Borda verde */
    border-radius: 4px; /* Bordas arredondadas */
    background-color: #fff; /* Fundo branco */
    color: #08C168; /* Texto verde */
    transition: all 0.3s ease; /* Animação suave */
}

/* Botão ativo "Biblioteca de mídia" */
.media-frame-router .media-menu-item.active {
    background-color: #08C168; /* Fundo verde */
    color: #fff; /* Texto branco */
    border: 1px solid #08C168; /* Borda verde */
}

/* Botão ativo com hover */
.media-frame-router .media-menu-item.active:hover {
    background-color: #008E4A; /* Verde mais escuro no hover */
    color: #fff; /* Texto branco */
}

/* Botão inativo com hover */
.media-frame-router .media-menu-item:hover {
    background-color: #f5f5f5; /* Fundo cinza claro no hover */
    color: #08C168; /* Texto verde */
}

/* Ajustes para o filtro "Filtrar mídia" */
.media-toolbar-secondary .media-attachments-filter-heading {
    font-size: 0.9rem; /* Reduz o tamanho da fonte */
    margin-right: 10px; /* Espaçamento à direita */
    color: #333; /* Cor neutra */
}

.attachment-filters {
    font-size: 0.9rem; /* Reduz o tamanho da fonte */
    padding: 6px 10px; /* Ajusta o espaçamento interno */
    border: 1px solid #ddd; /* Borda cinza clara */
    border-radius: 4px; /* Bordas arredondadas */
}

/* Ajustes para o botão "Usar esta imagem" */
.media-toolbar-primary .media-button-select {
    background-color: #08C168; /* Cor verde */
    color: white; /* Texto branco */
    border: none; /* Sem borda */
    border-radius: 8px; /* Bordas arredondadas */
    padding: 10px 20px; /* Espaçamento interno */
    font-size: 1rem; /* Tamanho da fonte */
    transition: background-color 0.3s ease; /* Animação suave */
}

.media-toolbar-primary .media-button-select:disabled {
    background-color: #ddd; /* Botão desativado em cinza */
    color: #999; /* Texto desativado */
    cursor: not-allowed; /* Cursor de não permitido */
}

.media-toolbar-primary .media-button-select:hover:not(:disabled) {
    background-color: #008E4A; /* Hover para o botão verde */
}

/* Ajustes para a lista de anexos (imagens no popup) */
.attachments-wrapper .attachment {
    margin: 10px; /* Espaçamento entre os itens */
    border: 1px solid #ddd; /* Borda cinza clara */
    border-radius: 4px; /* Bordas arredondadas */
    overflow: hidden; /* Impede elementos de sair do container */
    transition: box-shadow 0.3s ease; /* Animação suave */
}

.attachments-wrapper .attachment:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra ao passar o mouse */
    border-color: #08C168; /* Borda verde ao passar o mouse */
}

.attachment .thumbnail img {
    max-width: 100%; /* Garante que a imagem não ultrapasse o container */
    height: auto; /* Mantém a proporção da imagem */
}

/* Ajuste para o formulário de cadastro de produto */
.dokan-form-group label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.dokan-form-group input,
.dokan-form-group select,
.dokan-form-group button {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 8px 12px;
}

.dokan-form-group button {
    background-color: #08C168;
    color: white;
    font-weight: bold;
    border: none;
}

.dokan-form-group button:hover {
    background-color: #008E4A;
    cursor: pointer;
}

.dokan-form-group .help-block {
    font-size: 12px;
    color: #666;
}

#event_cover_preview img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}