) onde o tema mete recuo indesejado
* - line-height e font-family quando o tema impõe valores estranhos
* - max-width: none em imagens dentro do plugin
*
* O CSS original do plugin (frontend.css, account-page.css) continua a
* funcionar e a definir a aparência. Este ficheiro só impede que o tema
* atropele essas regras.
*
* QUANDO REMOVER
* --------------
* Quando o plugin migrar para Laravel/Next.js, este ficheiro deixa de ser
* necessário (a aplicação fica isolada do tema por arquitectura).
*/
/* ============================================================================
* 1. RESET DE LINKS DENTRO DOS CONTAINERS
* ----------------------------------------------------------------------------
* O tema Foxiz aplica `text-decoration: underline` e `background-image`
* (gradient como pseudo-underline) em `.entry-content a`. Vencemos com
* selector mais específico.
* ============================================================================ */
.onemz-artist-dashboard a,
.onemz-artist-dashboard a:hover,
.onemz-artist-dashboard a:focus,
.onemz-artist-dashboard a:active,
.onemz-artist-dashboard a:visited,
.onemz-login-container a,
.onemz-login-container a:hover,
.onemz-login-container a:focus,
.onemz-login-container a:active,
.onemz-login-container a:visited,
.onemz-auth-form a,
.onemz-auth-form a:hover,
.onemz-auth-form a:focus,
.onemz-auth-form a:active,
.onemz-auth-form a:visited {
text-decoration: none !important;
text-decoration-line: none !important;
text-decoration-color: transparent !important;
background-image: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
.onemz-artist-dashboard a::before,
.onemz-artist-dashboard a::after,
.onemz-login-container a::before,
.onemz-login-container a::after,
.onemz-auth-form a::before,
.onemz-auth-form a::after {
content: none !important;
display: none !important;
}
/* ============================================================================
* 2. BOTÕES — .onemz-btn e variantes (.btn-primary, .btn-secondary, .btn-outline)
* ----------------------------------------------------------------------------
* Aqui o tema costuma fazer o pior estrago: força background transparente,
* remove cor, remove box-shadow. Bombardeamos com !important em todas as
* propriedades que o tema toca.
* ============================================================================ */
/* Base dos botões — força layout, padding, tipografia */
.onemz-artist-dashboard a.onemz-btn,
.onemz-artist-dashboard button.onemz-btn,
.onemz-artist-dashboard input[type="submit"].onemz-btn,
.onemz-artist-dashboard .onemz-btn,
.onemz-login-container a.onemz-btn,
.onemz-login-container button.onemz-btn,
.onemz-login-container input[type="submit"].onemz-btn,
.onemz-login-container .onemz-btn,
.onemz-auth-form a.onemz-btn,
.onemz-auth-form button.onemz-btn,
.onemz-auth-form input[type="submit"].onemz-btn,
.onemz-auth-form .onemz-btn {
display: inline-block !important;
width: 100% !important;
padding: 15px !important;
border: none !important;
border-radius: var(--radius-sm, 6px) !important;
font-size: 15px !important;
font-weight: 600 !important;
cursor: pointer !important;
text-align: center !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
line-height: normal !important;
font-family: inherit !important;
text-shadow: none !important;
background-image: none !important;
}
/* Botão PRIMÁRIO — fundo branco/accent, texto preto */
.onemz-artist-dashboard a.btn-primary,
.onemz-artist-dashboard button.btn-primary,
.onemz-artist-dashboard input[type="submit"].btn-primary,
.onemz-artist-dashboard .btn-primary,
.onemz-login-container a.btn-primary,
.onemz-login-container button.btn-primary,
.onemz-login-container input[type="submit"].btn-primary,
.onemz-login-container .btn-primary,
.onemz-auth-form a.btn-primary,
.onemz-auth-form button.btn-primary,
.onemz-auth-form input[type="submit"].btn-primary,
.onemz-auth-form .btn-primary {
background: var(--accent-color, #ffffff) !important;
background-color: var(--accent-color, #ffffff) !important;
background-image: none !important;
color: #000000 !important;
border: none !important;
}
.onemz-artist-dashboard a.btn-primary:hover,
.onemz-artist-dashboard button.btn-primary:hover,
.onemz-artist-dashboard .btn-primary:hover,
.onemz-login-container a.btn-primary:hover,
.onemz-login-container button.btn-primary:hover,
.onemz-login-container .btn-primary:hover,
.onemz-auth-form a.btn-primary:hover,
.onemz-auth-form button.btn-primary:hover,
.onemz-auth-form .btn-primary:hover {
opacity: 0.9 !important;
transform: translateY(-1px) !important;
background: var(--accent-color, #ffffff) !important;
background-color: var(--accent-color, #ffffff) !important;
color: #000000 !important;
}
.onemz-artist-dashboard a.btn-primary:visited,
.onemz-artist-dashboard a.btn-primary:focus,
.onemz-login-container a.btn-primary:visited,
.onemz-login-container a.btn-primary:focus,
.onemz-auth-form a.btn-primary:visited,
.onemz-auth-form a.btn-primary:focus {
color: #000000 !important;
background: var(--accent-color, #ffffff) !important;
background-color: var(--accent-color, #ffffff) !important;
}
/* Botão SECUNDÁRIO — fundo cinzento escuro, texto branco */
.onemz-artist-dashboard a.btn-secondary,
.onemz-artist-dashboard button.btn-secondary,
.onemz-artist-dashboard input[type="submit"].btn-secondary,
.onemz-artist-dashboard .btn-secondary,
.onemz-login-container a.btn-secondary,
.onemz-login-container button.btn-secondary,
.onemz-login-container .btn-secondary,
.onemz-auth-form a.btn-secondary,
.onemz-auth-form button.btn-secondary,
.onemz-auth-form .btn-secondary {
background: #333333 !important;
background-color: #333333 !important;
background-image: none !important;
color: #ffffff !important;
border: none !important;
}
.onemz-artist-dashboard a.btn-secondary:hover,
.onemz-artist-dashboard button.btn-secondary:hover,
.onemz-artist-dashboard .btn-secondary:hover,
.onemz-login-container a.btn-secondary:hover,
.onemz-login-container button.btn-secondary:hover,
.onemz-login-container .btn-secondary:hover,
.onemz-auth-form a.btn-secondary:hover,
.onemz-auth-form button.btn-secondary:hover,
.onemz-auth-form .btn-secondary:hover {
background: #444444 !important;
background-color: #444444 !important;
color: #ffffff !important;
}
.onemz-artist-dashboard a.btn-secondary:visited,
.onemz-artist-dashboard a.btn-secondary:focus,
.onemz-login-container a.btn-secondary:visited,
.onemz-login-container a.btn-secondary:focus,
.onemz-auth-form a.btn-secondary:visited,
.onemz-auth-form a.btn-secondary:focus {
color: #ffffff !important;
background: #333333 !important;
background-color: #333333 !important;
}
/* Botão OUTLINE — transparente com borda */
.onemz-artist-dashboard a.btn-outline,
.onemz-artist-dashboard button.btn-outline,
.onemz-artist-dashboard input[type="submit"].btn-outline,
.onemz-artist-dashboard .btn-outline,
.onemz-login-container a.btn-outline,
.onemz-login-container button.btn-outline,
.onemz-login-container .btn-outline,
.onemz-auth-form a.btn-outline,
.onemz-auth-form button.btn-outline,
.onemz-auth-form .btn-outline {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 1px solid #555555 !important;
color: #cccccc !important;
}
.onemz-artist-dashboard a.btn-outline:hover,
.onemz-artist-dashboard button.btn-outline:hover,
.onemz-artist-dashboard .btn-outline:hover,
.onemz-login-container a.btn-outline:hover,
.onemz-login-container button.btn-outline:hover,
.onemz-login-container .btn-outline:hover,
.onemz-auth-form a.btn-outline:hover,
.onemz-auth-form button.btn-outline:hover,
.onemz-auth-form .btn-outline:hover {
background: #222222 !important;
background-color: #222222 !important;
color: #ffffff !important;
border-color: #777777 !important;
}
.onemz-artist-dashboard a.btn-outline:visited,
.onemz-artist-dashboard a.btn-outline:focus,
.onemz-login-container a.btn-outline:visited,
.onemz-login-container a.btn-outline:focus,
.onemz-auth-form a.btn-outline:visited,
.onemz-auth-form a.btn-outline:focus {
color: #cccccc !important;
background: transparent !important;
background-color: transparent !important;
}
/* ============================================================================
* 3. INPUTS, SELECTS, TEXTAREAS — neutralizar estilos do tema
* ----------------------------------------------------------------------------
* Alguns temas (Foxiz inclusive) forçam estilos em formulários do conteúdo:
* border, border-radius, box-shadow, background. Isto rebenta com o look
* do plugin. Repomos os defaults sãos.
* ============================================================================ */
.onemz-artist-dashboard input[type="text"],
.onemz-artist-dashboard input[type="email"],
.onemz-artist-dashboard input[type="password"],
.onemz-artist-dashboard input[type="number"],
.onemz-artist-dashboard input[type="tel"],
.onemz-artist-dashboard input[type="url"],
.onemz-artist-dashboard input[type="search"],
.onemz-artist-dashboard input[type="date"],
.onemz-artist-dashboard select,
.onemz-artist-dashboard textarea,
.onemz-login-container input[type="text"],
.onemz-login-container input[type="email"],
.onemz-login-container input[type="password"],
.onemz-login-container input[type="number"],
.onemz-login-container input[type="tel"],
.onemz-login-container select,
.onemz-login-container textarea,
.onemz-auth-form input[type="text"],
.onemz-auth-form input[type="email"],
.onemz-auth-form input[type="password"],
.onemz-auth-form input[type="number"],
.onemz-auth-form input[type="tel"],
.onemz-auth-form select,
.onemz-auth-form textarea {
box-shadow: none !important;
text-shadow: none !important;
box-sizing: border-box !important;
/* [1.5.128] CORRECÇÃO: removido `width: 100% !important` que estava a
* partir o input do referral (que precisa de width: 180px). O width
* agora é controlado pelo .rmbz-input no CSS principal (que já tem
* width: 100% sem !important) ou por inline styles específicos.
*
* Os 4 inputs PIN têm `width: 100%` no inline style desde 1.5.125, logo
* não dependem desta regra do shield para ficarem alinhados.
*
* Mantemos margin-left/right: 0 para neutralizar margens estranhas do
* tema (causa original do bug do PIN), e float: none para casos onde
* o tema mete float em inputs do conteúdo. */
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
}
/* ============================================================================
* 4. LISTAS — UL e OL dentro do plugin
* ----------------------------------------------------------------------------
* Foxiz mete `padding-left: 40px` em ULs do conteúdo e marker styles
* que partem layouts compactos. Repomos.
* ============================================================================ */
.onemz-artist-dashboard ul,
.onemz-artist-dashboard ol,
.onemz-login-container ul,
.onemz-login-container ol,
.onemz-auth-form ul,
.onemz-auth-form ol {
list-style-position: outside !important;
}
/* Listas com class do plugin: assumir que o CSS do plugin define padding/margin
correctos — o tema NÃO mete pa */
.onemz-artist-dashboard ul[class],
.onemz-artist-dashboard ol[class],
.onemz-login-container ul[class],
.onemz-login-container ol[class],
.onemz-auth-form ul[class] {
list-style: none !important;
}
/* ============================================================================
* 5. IMAGENS — max-width livre dentro do plugin
* ----------------------------------------------------------------------------
* Alguns temas metem `max-width: 100%` fixo, partindo avatares pequenos
* ou ícones que precisam de tamanho exacto. Devolvemos controlo ao plugin.
* ============================================================================ */
.onemz-artist-dashboard img,
.onemz-login-container img,
.onemz-auth-form img {
max-width: none; /* sem !important — só remove constraint, plugin pode definir */
height: auto;
}
/* ============================================================================
* 6. HEADINGS DENTRO DO PLUGIN — neutralizar tipografia do tema
* ----------------------------------------------------------------------------
* Foxiz força font-family específica em h1-h6, e às vezes line-height
* exagerado. Devolvemos `inherit` para que o plugin controle via parent.
* ============================================================================ */
.onemz-artist-dashboard h1,
.onemz-artist-dashboard h2,
.onemz-artist-dashboard h3,
.onemz-artist-dashboard h4,
.onemz-artist-dashboard h5,
.onemz-artist-dashboard h6,
.onemz-login-container h1,
.onemz-login-container h2,
.onemz-login-container h3,
.onemz-login-container h4,
.onemz-auth-form h1,
.onemz-auth-form h2,
.onemz-auth-form h3,
.onemz-auth-form h4 {
font-family: inherit !important;
text-shadow: none !important;
text-transform: none !important;
}
/* ============================================================================
* 7. PARÁGRAFOS — limpar margens excessivas do tema
* ----------------------------------------------------------------------------
* Foxiz mete `margin-bottom: 1.5em` em . Em cards compactos isto fica feio.
* Damos margem zero por defeito; o CSS do plugin pode reactivar onde precisar.
* ============================================================================ */
.onemz-artist-dashboard p,
.onemz-login-container p,
.onemz-auth-form p {
text-shadow: none !important;
}
/* ============================================================================
* 8. WP-BLOCK-* — neutralizar wrappers do Gutenberg que envolvem o shortcode
* ----------------------------------------------------------------------------
* Quando o shortcode é colocado dentro de um wp-block-group ou
* wp-block-post-content, o tema aplica padding/margens extra. Anulamos
* dentro do nosso scope.
* ============================================================================ */
.onemz-artist-dashboard .wp-block-group,
.onemz-artist-dashboard .wp-block-post-content,
.onemz-login-container .wp-block-group,
.onemz-login-container .wp-block-post-content {
padding: 0 !important;
margin: 0 !important;
background: none !important;
}
/* ============================================================================
* 12. SINO DE NOTIFICAÇÕES (.rmbz-bell) — proteger dimensões fixas
* ----------------------------------------------------------------------------
* [1.5.120] O tema Foxiz aplica `button { width: 100% }` em algumas
* resoluções, esticando o sino até virar uma elipse gigante. Forçamos as
* dimensões originais (42x42px circular) e do ícone interno (20x20px) com
* !important para vencer o tema.
* ============================================================================ */
.onemz-artist-dashboard .rmbz-bell,
.onemz-artist-dashboard button.rmbz-bell {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
padding: 0 !important;
border-radius: 50% !important;
box-sizing: border-box !important;
background-image: none !important;
cursor: pointer !important;
}
.onemz-artist-dashboard .rmbz-bell__icon,
.onemz-artist-dashboard .rmbz-bell svg {
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
flex-shrink: 0 !important;
display: block !important;
}
.onemz-artist-dashboard .rmbz-bell__badge {
position: absolute !important;
top: -4px !important;
right: -4px !important;
box-sizing: border-box !important;
}
/* ============================================================================
* 13. FULLBLEED na MINHA CONTA — anular max-width de 900px
* ----------------------------------------------------------------------------
* [1.5.122] A minha conta agora usa .onemz-artist-dashboard.rmbz-fullbleed
* para alargar até 1280px (mesmo comportamento da distribuição). O CSS
* existente em frontend.css aplica `max-width: 900px` à .onemz-artist-dashboard
* — anulamos quando .rmbz-fullbleed também está presente.
*
* [1.5.124] Técnica de escape: `position: relative; left: 50%; margin-left: -50vw;
* width: 100vw` em desktop, e `transform: translateX(-50%)` em monitores muito
* grandes (>1340px) para centrar a 1280px. Esta técnica é IMUNE a temas que
* tenham containers pai descentrados — usa o viewport directamente.
* ============================================================================ */
/* Desktop (≥769px): escape full-bleed da coluna do tema */
@media (min-width: 769px) {
.onemz-artist-dashboard.rmbz-fullbleed {
position: relative !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
width: 100vw !important;
max-width: 100vw !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
box-sizing: border-box !important;
}
}
/* Monitores muito grandes (>1340px): centrar a 1280px */
@media (min-width: 1340px) {
.onemz-artist-dashboard.rmbz-fullbleed {
position: relative !important;
left: 50% !important;
right: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: translateX(-50%) !important;
width: 1280px !important;
max-width: 1280px !important;
}
}
/* Mobile (≤768px): respeita a coluna do tema, sem escape */
@media (max-width: 768px) {
.onemz-artist-dashboard.rmbz-fullbleed {
position: static !important;
left: auto !important;
right: auto !important;
transform: none !important;
width: auto !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 15px !important;
margin-bottom: 15px !important;
box-sizing: border-box !important;
}
}
/* ============================================================================
* 14. BLINDAGEM DE ELEMENTOS CIRCULARES/QUADRADOS COM TAMANHO FIXO
* ----------------------------------------------------------------------------
* [1.5.122] Pesquisa identificou estes elementos com mesmo padrão do sino
* (dimensões fixas + risco de tema esticar). Reforçamos com !important.
*
* Inline styles ainda mais agressivos foram aplicados aos elementos mais
* críticos directamente no PHP (avatar, sino) — aqui cobrimos os restantes.
* ============================================================================ */
/* Avatar — espelha o que está em inline style no PHP, redundância protectiva */
.onemz-artist-dashboard .rmbz-avatar {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
box-sizing: border-box !important;
padding: 0 !important;
}
.onemz-artist-dashboard .rmbz-avatar--sm {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
}
/* Botão ícone (rmbz-btn--icon) — quadrado 40x40 ou 32x32 ou 48x48 */
.onemz-artist-dashboard button.rmbz-btn--icon,
.onemz-artist-dashboard a.rmbz-btn--icon {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
min-height: 40px !important;
height: 40px !important;
padding: 0 !important;
box-sizing: border-box !important;
flex-shrink: 0 !important;
}
.onemz-artist-dashboard button.rmbz-btn--icon.rmbz-btn--sm,
.onemz-artist-dashboard a.rmbz-btn--icon.rmbz-btn--sm {
width: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
height: 32px !important;
min-height: 32px !important;
}
.onemz-artist-dashboard button.rmbz-btn--icon.rmbz-btn--lg,
.onemz-artist-dashboard a.rmbz-btn--icon.rmbz-btn--lg {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
}
/* Feature card icon (48x48 quadrado com SVG dentro) */
.onemz-artist-dashboard .rmbz-feature-card__icon {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.onemz-artist-dashboard .rmbz-feature-card__icon svg {
width: 24px !important;
height: 24px !important;
flex-shrink: 0 !important;
}
/* Gate icon (cartões de bloqueio) */
.onemz-artist-dashboard .rmbz-gate__icon {
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.onemz-artist-dashboard .rmbz-gate__icon svg {
flex-shrink: 0 !important;
}
/* Type card icon (steps/wizard) */
.onemz-artist-dashboard .rmbz-type-card__icon {
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.onemz-artist-dashboard .rmbz-type-card__icon svg {
flex-shrink: 0 !important;
}
/* Pending alert icon */
.onemz-artist-dashboard .rmbz-pending-alert__icon {
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* ============================================================================
* 15. SELECT e OPTION — forçar fundo escuro e texto branco
* ----------------------------------------------------------------------------
* [1.5.126] Tema Foxiz aplica `option { background: #fff; color: #fff }` ou
* similar nas opções do dropdown, fazendo com que o texto fique invisível
* (branco em fundo branco) até o utilizador passar o rato. Forçamos aqui
* cores escuras consistentes com o resto do plugin.
*
* Nota: estilizar