*,
*::before,
*::after {
	box-sizing: border-box;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

body.dark-theme .tab-content {
    color: #edf6f9;
    background-color: #333;
}

/* Estilo geral da galeria de produtos */
#product-gallery {
    display: block;
    font-family: 'Poppins', sans-serif;
    gap: 20px;
}

/*
#product-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    font-family: 'Poppins', sans-serif;
}

/ Até 1368px de largura: 3 produtos por linha 
@media screen and (max-width: 1368px) {
    #product-gallery {
        grid-template-columns: repeat(3, 1fr); 
    }
}

/ Entre 1400px e 1680px de largura: 5 produtos por linha 
@media screen and (min-width: 1400px) and (max-width: 1900px) {
    #product-gallery {
        grid-template-columns: repeat(4, 1fr); 
    }
}

/ Acima de 1680px de largura: 6 produtos por linha 
@media screen and (min-width: 1901px) {
    #product-gallery {
        grid-template-columns: repeat(5, 1fr); 
    }
}
*/

.products-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 20px;
}

.gallery-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 70vh; /* ou ajuste conforme altura do container desejada */
  justify-content: flex-start;
}

.product-pagination-wrapper {
  margin-top: auto;
  padding-top: 40px;
  margin-bottom: 20px;
  width: max-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.product-pagination-info {
    color: #47767E;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    margin-bottom: 8px;
}

.product-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

.product-pagination span {
    font-family: Poppins, sans-serif;
    font-size: 13px;
}

.pagination-link {
    font-family: Poppins, sans-serif;
    font-size: 13px !important;
    background: #fff !important;
    color: #47767E !important;
    border: 1px solid #47767E !important;
    border-radius: 4px;
    padding: 4px 8px !important;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    text-decoration: none;
    margin: 0;
    cursor: pointer;
}

.pagination-link.is-active {
    background: #47767E !important;
    color: #fff !important;
    border-color: #47767E !important;
    cursor: default;
}

.pagination-link.is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    pointer-events: none;
}

.product-ellipsis {
    padding: 0 4px;
    color: #47767E !important;
}

/* Ajuste o tamanho fixo de cada produto */

#product-gallery .product-item {
    width: 260px; /* Largura fixa */
    height: 400px; /* Altura fixa */
    background: #f8f8f8; /* Cor #424242 com transparência */
    border-radius: 15px;
    backdrop-filter: blur(15px); /* Efeito envidraçado */
    box-shadow: 0 4px 8px #47767E3D;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*text-align: center;*/
    /*align-items: center;*/
    overflow: hidden; /* Garantir que o conteúdo não extrapole */
    padding: 0%;
}

/* Nome do Produto */
#product-gallery .product-item .notranslate a {
    display: block;
    color: #f35b04 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-align: left !important;
    font-size: 1rem;
    padding-left: 10px;
}
/*
#product-gallery .product-item {
    width: 184px; 
    height: 260px; 
    background: rgba(22, 22, 22, 0.6); 
    border-radius: 15px;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    text-align: center;
    align-items: center;
    overflow: hidden; 
}
*/

body.dark-theme #product-gallery .product-item {
    background: #424242;
    color: #edf6f9;
}

body.dark-theme #product-gallery .product-item .product-price,
body.dark-theme .product-commission, body.dark-theme .product-commission-value,
body.dark-theme .product-discount, body.dark-theme .product-discount-value,
body.dark-theme .affiliate-commission-total {
    color: #edf6f9;
}

/*}

/* Imagem do produto */
#product-gallery .product-item img {
    width: 100%;
    height: 200px;                  /* espaço fixo da vitrine */
    object-fit: cover;             /* mantém proporção preenchendo o frame */
    object-position: center;        /* centraliza no container */
    background-color: #f8f8f8;         /* fundo branco (ou #edf6f9 da sua paleta) */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: transform 0.3s ease;
}

/*
#product-gallery .product-item img {
    width: 100% !important;
    height: 180px !important;
    object-fit: fill !important;
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    transition: transform 0.3s ease !important;
}
*/

/* Preço do produto */
.store-name, .product-categories, 
.affiliate-commission-total, .product-sold-count,
.product-commission, .product-commission-value,
.product-discount, .product-discount-value {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    /*color: #424242; */
    margin: 5px 0;
    text-align: left !important;
    display:flex ;
    justify-content: left;
    padding-left: 10px;
    gap: 5%;
    margin-bottom: 5px;
}


/* Preço do produto */
.store-name, .product-categories,
.affiliate-commission-total, .product-sold-count,
.product-commission, .product-commission-value,
.product-discount, .product-discount-value {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #424242; 
    margin: 5px 0;
    text-align: left !important;
    display:flex ;
    justify-content: left;
    padding-left: 0px;
    gap: 5%;
    margin-bottom: 5px;
}

.store-sale {
    display: flex;
    gap: 20px;
}

.store-sale-value {
    display: inline-block;
    gap: 5px;
    padding-left: 10px;
    /* padding-top: 10px; */
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    margin-top: 5%;
}

#product-gallery .product-item .product-price {
    display: inline-block;
    gap: 5px;
    padding-left: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #424242;
}

/*
#product-gallery .product-item .product-price span bdi {
    color: #f35b04;
}
*/

.product-price em {
    padding-left: 5px;
}

.price-quantity-container {
    display: flex;
    gap: 20px;
}

.product-sold-count {
    display: flex;
    /*flex-direction: column;*/ /* Coloca o rótulo acima do valor */
    align-items: flex-start; /* Alinha à esquerda; use center se preferir centralizado */
    padding-left: 15%;
}

.affiliate-commission-total {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    margin: 5px 0;
    text-align: left !important;
    display:flex ;
    justify-content: left;
    padding-left: 10px;
    gap: 5%;
    margin-bottom: 5px;
}
.affiliate-commission-total-value {
    font-size: 22px;
    font-weight: 600;
    color: #f35b04;/* #47767E;*/
    text-align: left;
    padding-left: 10px;
    padding-bottom: 5px;
}

.comissao-desconto {
    display: flex;
    gap: 10px; /* Espaço entre os dois grupos */
    padding-left: 0%;
}

.commission-pair {
    display: flex;
    flex-direction: column; /* Coloca o rótulo acima do valor */
    align-items: flex-start; /* Alinha à esquerda; use center se preferir centralizado */
    padding-left: 10px;
    width: 50%;
}

.discount-pair {
    display: flex;
    flex-direction: column; /* Coloca o rótulo acima do valor */
    align-items: flex-start; /* Alinha à esquerda; use center se preferir centralizado */
    /*padding-left: 10%;*/
    width: 50%;
}


.product-image-container {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-color: #f8f8f8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    flex: 0 0 200px;
}

.product-image-container .product-link {
    display: block;
    width: 100%;
    height: 100%;
}

.product-image-container img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}



/* ----------------------------------------------------- */




.sold-overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    background-color: #f35b04;
    color: white;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.sold-title {
    font-size: 10px;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.sold-value {
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-style: italic;
}



/* Botão "View Details" */
#product-gallery .view-details-button {
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #47767E;
    color: #edf6f9;
    text-decoration: none;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#product-gallery .view-details-button:hover {
    background-color: #365c63;
    transform: scale(1.05);
}

/* Efeito hover no card */
#product-gallery .product-item:hover {
    background: #47767E1D;
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}

#product-gallery .product-item:hover .product-image {
    transform: scale(1.1);
}

/* Espaçamento entre os elementos */
.product-item > * {
    margin-bottom: 3px;
}

.product-item > *:last-child {
    margin-bottom: 0;
}

/* Tabela de produtos */
#vendor-products-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #333;
}

#vendor-products-table th {
    background-color: #47767E;
    color: #fff;
    padding: 10px;
    text-align: left;
    font-weight: 600;
}

#vendor-products-table td {
    border: 1px solid #ddd;
    padding: 10px;
}

#vendor-products-table img {
    border-radius: 4px;
}

/* Botões gerais */
.btn {
    background-color: #47767E;
    color: white;
    padding: 8px 12px;
    border-radius: 5px;
    text-decoration: none;
    margin: 5px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.btn:hover {
    background-color: #365c63;
    transform: scale(1.05);
}

.btn.disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}

/* Botões específicos */
.edit-product,
.request-delete-product,
#view-product, .toggle-product-status,
.toggle-hidden-status,
.product-approval-status {
    background-color: #47767E;
    color: white;
    padding: 4px 7px; /* Reduz o padding para diminuir o tamanho */
    border: none;
    border-radius: 3px; /* Reduz o arredondamento */
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 12px; /* Ajusta o tamanho da fonte */
    font-weight: 600;
    text-align: center;
}

.edit-product:hover,
.delete-product:hover,
#view-product:hover {
    background-color: #365c63 !important;
    transform: scale(1.05) !important;
}


#edit-product-form {
    font-family: 'Poppins', sans-serif;
    max-width: 80%; 
    margin: 0 auto;
    padding: 20px;
    background-color: transparent; /* Remove fundo */
    border: none; /* Remove borda */
    box-shadow: none; /* Remove qualquer sombra */
}


/*#add-image-button:hover,*/
#edit-product-form button[type="submit"]:hover {
    background-color: #365c63;
    transform: scale(1.05);
}

/* Botão "Remove" para imagens */
.remove-image {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #ff4d4d;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
}

.remove-image:hover {
    background-color: #cc0000;
}

/* Tabela de Edição */
#edit-product-form table {
    width: 90%;
    margin: 0 auto 20px; /* Centralizado */
    border-collapse: collapse;
    table-layout: fixed; /* Colunas de largura fixa */
}

#edit-product-form table td {
    padding: 15px;
    vertical-align: top;
}

#edit-product-form table label {
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
    font-family: 'Poppins', sans-serif;
}

#edit-product-form table input, 
#edit-product-form table textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

/* Contêiner de Imagens */
#product-images-container {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

/* Cada Imagem no Contêiner */
.product-image-item {
    position: relative;
    width: 150px;
    height: 150px;
    text-align: center;
    background-color: #f9f9f9; /* Fundo padrão */
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Imagem Ajustada */
.product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Preenche o contêiner mantendo proporções */
    border-radius: 5px;
    transition: transform 0.3s ease;
}

/* Efeito Hover nas Imagens */
.product-image-item:hover img {
    transform: scale(1.05);
}

/* Botão "Remove" */
.product-image-item .remove-image {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #ff4d4d;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
}

.product-image-item .remove-image:hover {
    background-color: #cc0000;
}


/* Botão "Remove" */
.product-image-item .remove-image {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #ff4d4d;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
}

.product-image-item .remove-image:hover {
    background-color: #cc0000;
}

/* Efeito hover para Imagens */
.product-image-item:hover img {
    transform: scale(1.05);
}

/* Contêiner de Conteúdo */
#content-container {
    padding: 5px;
    margin-left: 5px;
   /* background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;*/
    margin-top: 15px;
}

#save-changes-button {
    background-color: #47767E;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    margin-top: 20px;
}

#save-changes-button:hover {
    background-color: #365c63;
    transform: scale(1.05);
}

/* Tabela de Produtos */
#edit-product-table {
    width: 100%; /* Ocupa 100% da largura do formulário */
    border-collapse: collapse;
    margin-bottom: 20px;
    border: none; /* Remove a borda da tabela externa */
    background: none; /* Remove qualquer fundo da tabela "de trás" */
}

#edit-product-table td {
    padding: 15px;
    vertical-align: top;
    border: none; /* Remove bordas internas */
}

#edit-product-table label {
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
    font-family: 'Poppins', sans-serif;
}

#edit-product-table input,
#edit-product-table textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    background-color: #fff;
}

/*------------------------------------*/
Edicao de Produtos

/* Tabela de Blocos */
.block-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 50px;
    background-color: #f9f9f9;
    border: none !important; /* Remova bordas */
    box-shadow: none !important; /* Remova sombras */
}

/* Cabeçalho dos Blocos */
.block-table thead th {
    background-color: #47767E;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    text-align: left;
    border-radius: 8px; /* Mantém o arredondamento no cabeçalho */
    border: none !important; /* Remova bordas dos cabeçalhos */
}

/* Células da Tabela */
.block-table td {
    padding: 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    border: none !important; /* Remova bordas das células */
}

/* Inputs e Textareas */
.block-table input,
.block-table textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}

/* Botão de Salvar */
#save-changes-button {
    background-color: #47767E;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#save-changes-button:hover {
    background-color: #365c63;
    transform: scale(1.05);
}

/* Imagens */
#product-images-container {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.product-image-item {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}


.product-image-item .remove-image {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #ff4d4d;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    cursor: pointer;
}

/* Botão "Remove" para Atributos */
form#edit-product-form .remove-attribute,
.block-table .remove-attribute-button {
    background-color: #f51313;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    margin-left: 5px; /* Ajusta o espaçamento */
}



#variations-container .upload-image-button {
    background-color: #47767E;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    margin-left: 5px; /* Ajusta o espaçamento */
}

form#edit-product-form .remove-attribute:hover {
    background-color: #cc0000;
    transform: scale(1.05);
}

/* Botão "Add Attribute" */
form#edit-product-form #add-image-button,
#add-download-file-button,
#add-image-button,
#add-attribute-button,
#add-variation-button {
    background-color: #47767E;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

form#edit-product-form #add-image-button:hover,
#add-attribute-button:hover,
#add-variation-button:hover {
    background-color: #365c63;
    transform: scale(1.05);
}

/* Linha decorativa antes do Save Changes */
form#edit-product-form .decorative-line {
    width: 50%; /* Ocupa 50% da largura */
    height: 1px; /* Linha bem fina */
    background-color: #47767E3D; /* Cor semi-transparente */
    margin: 20px auto; /* Centraliza e adiciona espaço */
}

select[name="product_category"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

input[name="product_tags"] + span {
    cursor: help;
}

#download-files-row {
    display: none; /* Visibilidade inicial */
}

#download-files-section {
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.download-files-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.download-files-table th,
.download-files-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

.download-files-table th {
    background-color: #f1f1f1;
    font-weight: bold;
}

.download-files-table input[type="text"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.add-file-btn {
    background-color: #0073aa;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.add-file-btn:hover {
    background-color: #005177;
}

.choose-file-btn {
    background-color: #ddd;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.choose-file-btn:hover {
    background-color: #bbb;
}

.remove-file-btn {
    background-color: #f44336;
    color: white;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.remove-file-btn:hover {
    background-color: #d32f2f;
}

/*
.download-file-row input {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.download-file-row label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    justify-content: grid;
    align-items: center;
    text-align: center;
}

.download-file-row .btn {
    margin-top: 25px;
}
*/
/* Estilização do botão "Remove" dentro da classe "download-file-row" */
.download-file-row .remove-download-file-button {
    background-color: #f51313; /* Cor de fundo padrão do site */
    color: white; /* Cor do texto */
    border: none; /* Sem borda */
    border-radius: 5px; /* Borda arredondada */
    padding: 5px 15px; /* Espaçamento interno */
    font-family: 'Poppins', sans-serif; /* Fonte padrão */
    font-size: 12px; /* Tamanho da fonte */
    cursor: pointer; /* Cursor de ponteiro */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Transições suaves */
}

.download-file-row .remove-download-file-button:hover {
    background-color: #f51313; /* Cor mais escura para o hover */
    transform: scale(1.05); /* Aumenta levemente o tamanho no hover */
}

.download-file-row .open-media-library {
    background-color: #47767E; /* Cor de fundo padrão do site */
    color: white; /* Cor do texto */
    border: none; /* Sem borda */
    border-radius: 5px; /* Borda arredondada */
    padding: 5px 15px; /* Espaçamento interno */
    font-family: 'Poppins', sans-serif; /* Fonte padrão */
    font-size: 12px; /* Tamanho da fonte */
    cursor: pointer; /* Cursor de ponteiro */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Transições suaves */
}


.download-file-row .open-media-library:hover {
    background-color: #36595E; /* Cor mais escura para o hover */
    transform: scale(1.05); /* Aumenta levemente o tamanho no hover */
}

/*
* Search
*/
/* Container principal para alinhar resultados logo abaixo do campo de busca */
#product-search-container {
    position: relative !important; /* Torna o container o ponto de referência */
    width: 100%; /* Garante que o campo de busca ocupe a largura desejada */
    display: flex !important; /* Alinha o botão e o campo de busca */
    justify-content: center !important; /* Centraliza o conteúdo */
    align-items: center !important;
    gap: 10px !important; /* Espaço entre o botão e o campo */
}

.search-result-link {
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #47767E;
    font-weight: 600;
}

.search-result-link:hover {
    text-decoration: underline;
    color:#47767E;
}


#search-suggestions li img {
    width: 50px; /* Tamanho fixo da imagem */
    height: 50px;
    object-fit: cover;
    margin-right: 10px;
    border: 1px solid #ccc;
}


/* Container dos resultados */
#product-search-results-container {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    background-color: #fff;
    border: 1px solid #47767E;
    z-index: 9999;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    padding: 10px;
}


/* Estilo da lista de resultados */
#product-search-results {
    list-style: none;
    margin: 0;
    padding: 10px;
    max-height: 400px; /* Altura máxima com rolagem */
    overflow-y: auto;
}

/* Estilo de cada item da lista */
#product-search-results li {
    display: flex;
    align-items: left;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    transition: background-color 0.3s ease;
}

#product-search-results li:hover {
    background-color: #47767E3D; /* Fundo ao passar o mouse */
}

/* Imagem dos produtos */
#product-search-results li img {
    width: 50px; /* Tamanho fixo da imagem */
    height: 50px;
    object-fit: cover;
    margin-right: 10px;
    border: 1px solid #ccc;
}

/* Links dos produtos */
#product-search-results li a {
    text-decoration: none;
    color: #47767E;
    font-weight: bold;
    font-size: 12px;
}

#product-search-results li a:hover {
    text-decoration: underline;
}

/* Campo de busca */
#product-search-container #product-search-input {
    width: 100%;
    padding-top: 5px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px !important;
    border: 1px solid #47767E !important;
    border-radius: 10px !important;
}    

/* Botão de busca */
#product-search-button {
    background: #47767E;
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;;
    display: flex;
    align-items: center;
}

#product-search-button:hover {
    background-color: #375d66; /* Cor mais escura ao passar o mouse */
}

#containerg {
    background-color: #47767E;
    max-height: 60px; /* Ajuste para o valor desejado */
    margin: 0 auto; /* Centraliza o contêiner */
}

/*.elementor-size-default,*/
#containergname,
#containerglabel {
    color: #ffffff !important;
}

#labelg h2 {
    color:#47767E !important;
}

.variation-row {
    display: flex;
    align-items: center; /* Alinha todos os itens verticalmente */
    gap: 10px; /* Adiciona espaçamento entre os elementos */
    padding: 5px 0;
}


#save-product-button,
#save-changes-button {
    background-color: #47767E;
    color: #ffffff;
    border: none;
    padding: 12px 25px;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3sease;
    margin-top: 20px;
}

#cancel-product-button {
    background-color: #f51313;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: bold !important;
}

.image-upload-container {
    display: flex;
    align-items: center;
    gap: 10px; /* Espaço entre o campo e o botão */
}

.image-upload-container input {
    flex-grow: 1; /* Faz o campo expandir para ocupar o espaço disponível */
}

/*
** Icones de Help
*/
#edit-product-form .help-icon {
    cursor: help;
    font-size: 12px;
    margin-left: 5px;
    color: #fff;
    float: right; 
}



.readonly-input {
    background-color: #f0f0f0; /* Cinza claro para parecer desabilitado */
    color: #666; /* Texto em cinza escuro */
    border: 1px solid #ccc; /* Borda mais suave */
    cursor: not-allowed; /* Cursor indicando que não pode ser editado */
    pointer-events: none; /* Evita clique dentro do campo */
}

.notranslate, [data-no-translation="true"] {
    translate: none !important;
    unicode-bidi: plaintext !important;
}


/* Variations */

/* Certifique-se de que cada linha da tabela seja exibida corretamente */
#edit-product-form .block-table #variations-container {
    width: 100%;
    border-collapse: collapse; /* Junta as bordas das células */
    justify-content: center;
    align-items: center;
}

#edit-product-form .block-table #variations-container th, 
#edit-product-form .block-table #variations-container td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

#edit-product-form .block-table #variations-container tbody tr {
    display: table-row !important; /* Garante que cada linha seja uma nova linha */
    width: 100%;
}

#edit-product-form .block-table #variations-container tbody td {
    vertical-align: middle;
    white-space: nowrap; /* Evita quebra de texto dentro do input */
}

#edit-product-form .block-table #variations-container tbody td div {
    display: flex;
    align-items: center;
}

#edit-product-form .block-table #variations-container tbody td input {
    width: 100%;
    max-width: 100%;
}

#create-product-form #variations-container .remove-variation,
#edit-product-form #variations-container .remove-variation {
    background-color: #f51313;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    margin-left: 5px; 
    align-items: center;
    justify-content: center;
    display: flex;
}

#create-product-form #variations-container .remove-variation:hover,
#edit-product-form #variations-container .remove-variation:hover {
    background-color: #c44a02;
}

#edit-product-form #variations-container input[type="number"] {
    text-align: center;
}

#edit-product-form h2 {
    color: #47767E;
    font-size: 28px;
    font-weight: 600;
}

/* Download Files (Edit) */
.download-file-row {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 15px;
    background: #e3e3e3;
    padding: 15px;
    border-radius: 8px;
  }
  
  .file-field {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 150px;
  }
  
  .file-field label {
    font-weight: bold;
    margin-bottom: 5px;
  }
  
  .file-field input,
  .file-field button {
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  
  .file-field button {
    background-color: #47767E;
    color: #fff;
    border: none;
    cursor: pointer;
  }
  
  .file-field button:hover {
    background-color: #355c63;
  }
  
  .reports-container {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 500;
  }

.grpms-orders-table {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

/*
#variations-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
*/

#create-product-form {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

/* Container da parte esquerda */
#vendor-products-table_length {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    float: left;
}

#vendor-products-table_length select {
    font-size: 12px;
    font-family: Poppins, sans-serif;
}

/* Container da parte direita */
#vendor-products-table_filter {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-family: Poppins, sans-serif;
    float: right;
}

#vendor-products-table_filter input[type="search"],
select {
    height: 32px;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 4px;
    line-height: 1.2;
    border-color: #47767E;
}

#vendor-products-table_previous,
#vendor-products-table_next,
#vendor-products-table_info {
    font-size: 12px;
    font-family: Poppins, sans-serif;
    color: #47767E;
}

select[name="stock_status"] {
    height: auto;
}


/* Estilo das abas */
.custom-tabs {
    display: flex;
    border-bottom: 2px solid #ccc;
    padding-left: 0;
    margin-bottom: 20px;
    list-style: none;
    gap: 2px;
}

.custom-tabs li a {
    display: block;
    padding: 12px 18px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    color: #47767E;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.custom-tabs li a:hover {
    background: #edf6f9;
    color: #f35b04;
}

.custom-tabs li a.active {
    background: #fff;
    color: #f35b04;
    border-color: #47767E;
    font-weight: bold;
}

/* Esconde o conteúdo das abas */
.tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    border-radius: 0 0 10px 10px;
}

.tab-content.active {
    display: block;
}


/* ----------------------------------------
   Estado “Affiliated” para produtos já afiliados
   ---------------------------------------- */

/* Escurecer/cinzentar a imagem */
#product-gallery .product-item.affiliated .product-image-container img {
  filter: grayscale(100%);
  opacity: 0.6;
}

/* Faixa diagonal “Affiliated” */
#product-gallery .product-item.affiliated .ribbon {
  position: absolute;
  top: 10px;
  left: -40px;
  transform: rotate(-45deg);
  background-color: #47767E;  /* cor principal do projeto */
  color: #edf6f9;             /* textos claros */
  font-weight: bold;
  padding: 5px 60px;
  font-size: 12px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  pointer-events: none;
  z-index: 10;
}


/* ----------------------------------------
   Badge em imagem para informar o tipo de produto
   ---------------------------------------- */

/* Container da imagem deve permitir posicionamento absoluto dos filhos */
.product-image-container {
  position: relative;
  overflow: hidden;
}

/* Aba inferior (badge) para tipo do produto) */
.product-kind-badge {
  position: absolute;
  right: 0;               /* encosta no lado direito */
  bottom: 0;              /* encosta no fundo da imagem */
  width: 50%;             /* metade da largura da imagem */
  padding: 6px 8px;
  border-radius: 8px 0 0 0; /* arredonda só canto superior esquerdo */
  text-align: center;     /* centraliza texto dentro da aba */
  font-size: 10px;
  font-weight: 700;
  color: #edf6f9;
  background: rgba(245, 118, 45, 0.80); /* cor base */
  box-shadow: 0 -2px 8px rgba(0,0,0,0.14);
  pointer-events: none;
}

.product-kind-badge--digital {
  background: rgba(243, 91, 4, 0.80); /* cor vibrante p/ digital */
}


/* Ajuste responsivo: badge menor em telas estreitas */
@media (max-width: 480px) {
  .product-kind-badge {
    font-size: 11px;
    padding: 5px 10px;
    bottom: 6px;
  }
}

/* ----------------------------------------
   Tuzzello marketplace opportunities layout
   ---------------------------------------- */
.marketplace-opportunities-shell {
  color: #243b42;
  font-family: Poppins, sans-serif;
  margin: 0 auto;
  max-width: min(1880px, calc(100vw - 72px));
  padding: 28px 16px 48px;
  width: 100%;
}

.mydash-content #content-container.grpms-marketplace-content {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

.marketplace-opportunities-hero {
  align-items: center;
  background: linear-gradient(135deg, #073039 0%, #47767e 100%);
  border: 1px solid rgba(199, 240, 228, 0.24);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(7, 48, 57, 0.12);
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-bottom: 18px;
  min-height: 126px;
  overflow: hidden;
  padding: 24px 28px;
  position: relative;
}

.marketplace-opportunities-hero::after {
  background: #f35b04;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
}

.marketplace-opportunities-icon {
  align-items: center;
  background: rgba(199, 240, 228, 0.12);
  border: 1px solid rgba(199, 240, 228, 0.24);
  border-radius: 8px;
  color: var(--tz-dashboard-title, #c7f0e4);
  display: inline-flex;
  font-size: 30px;
  height: 64px;
  justify-content: center;
  width: 64px;
}

.marketplace-opportunities-copy {
  min-width: 0;
}

.marketplace-opportunities-copy p {
  color: color-mix(in srgb, var(--tz-dashboard-title, #c7f0e4) 82%, transparent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.marketplace-opportunities-copy h1 {
  color: var(--tz-dashboard-title, #c7f0e4);
  font-size: clamp(1.55rem, 2vw, 2.2rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0 0 8px;
}

.marketplace-opportunities-copy span {
  color: rgba(237, 246, 249, 0.86);
  display: block;
  font-size: 0.92rem;
  font-weight: 600;
}

.marketplace-opportunities-currency {
  background: rgba(237, 246, 249, 0.14);
  border: 1px solid rgba(237, 246, 249, 0.22);
  border-radius: 8px;
  min-width: 130px;
  padding: 14px 16px;
}

.marketplace-opportunities-currency span {
  color: rgba(237, 246, 249, 0.72);
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.marketplace-opportunities-currency strong {
  color: #ffffff;
  display: block;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
}

.marketplace-search-panel {
  align-items: center;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(71, 118, 126, 0.18);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(7, 48, 57, 0.08);
  display: grid !important;
  gap: 14px;
  grid-template-columns: minmax(240px, 1fr) auto;
  justify-content: stretch !important;
  margin: 0 0 18px !important;
  padding: 14px 16px;
  position: relative;
  text-align: left !important;
}

.marketplace-search-field {
  align-items: center;
  border: 1px solid rgba(71, 118, 126, 0.22);
  border-radius: 6px;
  display: flex;
  gap: 10px;
  height: 42px;
  margin: 0;
  padding: 0 14px;
}

.marketplace-search-field i {
  color: #47767e;
  font-size: 16px;
}

#product-search-container .marketplace-search-field #product-search-input {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #243b42;
  flex: 1;
  font-size: 0.9rem !important;
  height: 100%;
  outline: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.marketplace-filter-pill {
  align-items: center;
  background: rgba(199, 240, 228, 0.52);
  border: 1px solid rgba(71, 118, 126, 0.16);
  border-radius: 999px;
  color: #2f6870;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  gap: 8px;
  height: 34px;
  justify-content: center;
  padding: 0 14px;
  white-space: nowrap;
}

.marketplace-filter-pill i {
  color: #f35b04;
}

#product-gallery {
  display: block;
}

#product-gallery .gallery-wrapper {
  min-height: 0;
}

#product-gallery .products-container {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
  justify-content: stretch;
  padding: 0;
}

#product-gallery .product-item.marketplace-product-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(71, 118, 126, 0.14);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(7, 48, 57, 0.1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  margin: 0 !important;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  width: auto;
}

#product-gallery .product-item.marketplace-product-card:hover {
  border-color: rgba(243, 91, 4, 0.42);
  box-shadow: 0 18px 38px rgba(7, 48, 57, 0.16);
  transform: translateY(-3px);
}

#product-gallery .marketplace-product-card .product-image-container {
  background: #edf6f9;
  border-radius: 0;
  flex: 0 0 215px;
  height: 215px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#product-gallery .marketplace-product-card .product-image-container .product-link {
  display: block !important;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
}

#product-gallery .marketplace-product-card .product-image-container img {
  background: #edf6f9;
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.25s ease;
  width: 100%;
}

#product-gallery .marketplace-product-card:hover .product-image-container img {
  transform: scale(1.03);
}

#product-gallery .marketplace-product-card .product-kind-badge {
  align-items: center;
  background: linear-gradient(135deg, rgba(243, 91, 4, 0.96), rgba(245, 118, 45, 0.88));
  border-radius: 8px 0 0 0;
  bottom: 0;
  box-shadow: 0 -6px 16px rgba(7, 48, 57, 0.18);
  color: #ffffff;
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 800;
  justify-content: center;
  line-height: 1;
  min-height: 25px;
  padding: 7px 8px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  width: 50%;
  z-index: 14;
}

#product-gallery .marketplace-product-card .product-kind-badge--digital {
  background: linear-gradient(135deg, rgba(195, 74, 0, 0.96), rgba(243, 91, 4, 0.9));
}

#product-gallery .marketplace-product-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 13px 14px 14px;
}

#product-gallery .marketplace-product-title {
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.22;
  margin: 0 0 4px !important;
  min-height: 2.32em;
  text-align: left;
}

#product-gallery .marketplace-product-title a {
  color: #f35b04 !important;
  display: block;
  padding: 0 !important;
  text-decoration: none;
}

#product-gallery .marketplace-product-store {
  color: #4c5e64;
  font-size: 0.73rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 10px;
  min-height: 1.2em;
  text-align: left;
}

#product-gallery .marketplace-product-store em {
  color: #243b42;
  font-style: italic;
  font-weight: 700;
}

#product-gallery .marketplace-product-price-row {
  border-top: 1px solid rgba(71, 118, 126, 0.16);
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) 62px;
  padding-top: 10px;
}

#product-gallery .marketplace-product-price,
#product-gallery .marketplace-product-sales {
  min-width: 0;
}

#product-gallery .marketplace-product-price span,
#product-gallery .marketplace-product-sales span,
#product-gallery .marketplace-product-metrics span,
#product-gallery .marketplace-product-payout span {
  color: #62777d;
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 5px;
}

#product-gallery .marketplace-product-price strong,
#product-gallery .marketplace-product-sales strong {
  color: #243b42;
  display: block;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.35;
}

#product-gallery .marketplace-product-metrics {
  border-top: 1px solid rgba(71, 118, 126, 0.16);
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
  padding-top: 10px;
}

#product-gallery .marketplace-product-metrics strong {
  color: #243b42;
  display: block;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.35;
}

#product-gallery .marketplace-product-payout {
  align-items: center;
  border-top: 1px solid rgba(71, 118, 126, 0.16);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) 96px;
  margin-top: 10px;
  padding-top: 10px;
}

#product-gallery .marketplace-product-payout strong {
  color: #f35b04;
  display: block;
  font-size: 1.12rem;
  font-weight: 800;
  line-height: 1.1;
}

#product-gallery .marketplace-product-actions {
  display: none;
}

#product-gallery .marketplace-btn {
  align-items: center;
  border-radius: 6px;
  display: inline-flex !important;
  font-size: 0.68rem;
  font-weight: 800;
  height: 30px;
  justify-content: center;
  line-height: 1;
  padding: 0 10px;
  text-align: center;
  text-decoration: none !important;
}

.mydash-content #content-container #product-gallery .marketplace-btn,
.mydash-content #content-container #product-gallery .marketplace-btn.product-link {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 8px !important;
  text-align: center !important;
}

#product-gallery .marketplace-btn-secondary {
  background: #ffffff;
  border: 1px solid rgba(71, 118, 126, 0.36);
  color: #2f6870 !important;
}

#product-gallery .marketplace-btn-primary {
  background: #f35b04;
  border: 1px solid #f35b04;
  box-shadow: 0 10px 18px rgba(243, 91, 4, 0.2);
  color: #ffffff !important;
}

#product-gallery .marketplace-btn:hover {
  transform: translateY(-1px);
}

#product-gallery .product-item.affiliated .ribbon {
  background: #2f6870;
  border-radius: 0;
  color: #edf6f9;
  font-size: 0.68rem;
  font-weight: 800;
  left: -38px;
  padding: 5px 58px;
  position: absolute;
  top: 10px;
  transform: rotate(-45deg);
  z-index: 15;
}

#product-search-results-container {
  left: 16px;
  right: auto;
  top: calc(100% + 8px);
  transform: none;
  width: min(520px, calc(100% - 32px));
  z-index: 1000;
}

body.dark-theme .marketplace-opportunities-shell {
  color: #c7f0e4;
}

body.dark-theme .marketplace-search-panel,
body.dark-theme #product-gallery .product-item.marketplace-product-card {
  background: rgba(199, 240, 228, 0.045);
  border-color: rgba(199, 240, 228, 0.18);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

body.dark-theme .marketplace-search-field {
  background: rgba(13, 39, 45, 0.42);
  border-color: rgba(199, 240, 228, 0.18);
}

body.dark-theme #product-search-container .marketplace-search-field #product-search-input {
  color: #edf6f9;
}

body.dark-theme #product-search-container .marketplace-search-field #product-search-input::placeholder {
  color: rgba(237, 246, 249, 0.56);
}

body.dark-theme #product-gallery .marketplace-product-card .product-image-container {
  background: rgba(199, 240, 228, 0.05);
}

body.dark-theme #product-gallery .marketplace-product-store,
body.dark-theme #product-gallery .marketplace-product-price span,
body.dark-theme #product-gallery .marketplace-product-sales span,
body.dark-theme #product-gallery .marketplace-product-metrics span,
body.dark-theme #product-gallery .marketplace-product-payout span {
  color: rgba(199, 240, 228, 0.7);
}

body.dark-theme #product-gallery .marketplace-product-store em,
body.dark-theme #product-gallery .marketplace-product-price strong,
body.dark-theme #product-gallery .marketplace-product-sales strong,
body.dark-theme #product-gallery .marketplace-product-metrics strong {
  color: rgba(237, 246, 249, 0.9);
}

body.dark-theme #product-gallery .marketplace-product-payout strong {
  color: #c7f0e4;
}

body.dark-theme #product-gallery .marketplace-product-price,
body.dark-theme #product-gallery .marketplace-product-price-row,
body.dark-theme #product-gallery .marketplace-product-metrics,
body.dark-theme #product-gallery .marketplace-product-payout {
  border-color: rgba(199, 240, 228, 0.16);
}

body.dark-theme #product-gallery .marketplace-btn-secondary {
  background: rgba(237, 246, 249, 0.08);
  border-color: rgba(199, 240, 228, 0.22);
  color: #c7f0e4 !important;
}

@media (max-width: 980px) {
  .marketplace-opportunities-hero {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .marketplace-opportunities-currency {
    grid-column: 1 / -1;
    width: max-content;
  }
}

@media (max-width: 680px) {
  .marketplace-opportunities-shell {
    padding: 18px 12px 36px;
  }

  .marketplace-opportunities-hero,
  .marketplace-search-panel {
    grid-template-columns: 1fr;
  }

  .marketplace-opportunities-icon {
    display: none;
  }

  #product-gallery .products-container {
    grid-template-columns: 1fr;
  }
}