/*
Theme Name: Woodmart Child
Template: woodmart
Author: XTemos
Author URI: http://xtemos.com
Description: Woodmart Child Theme
Version: 1.0.0.1755186727
Updated: 2025-08-14 15:52:07

*/

.whb-general-header {
    border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
    border-color: #516d56 !important;
}
:where(
  #wc-shipping-sim, .wc-shipping-sim, .wc-shipping-simulator, [id*="shipping-sim"], [class*="shipping-sim"], [id*="shipping_sim"], [class*="shipping_sim"], [data-shortcode*="shipping"]
) :is(button, .button, input[type="submit"], input[type="button"], a.button) {
    align-items: center !important;
    background-color: var(--wd-primary-color, #3c82f6) !important;
    border: 1px solid transparent !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-radius: 8px !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: var(--wd-text-font, inherit) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    justify-content: center !important;
    letter-spacing: .02em !important;
    line-height: 1.2 !important;
    min-height: 44px !important;
    padding: 0 24px !important;
    text-decoration: none !important;
    -moz-transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease !important;
    -webkit-transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease !important;
    -o-transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease !important;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease !important;
    white-space: nowrap !important;
    all: unset;
}
:where(
  #wc-shipping-sim, .wc-shipping-sim, .wc-shipping-simulator, [id*="shipping-sim"], [class*="shipping-sim"], [id*="shipping_sim"], [class*="shipping_sim"], [data-shortcode*="shipping"]
) :is(button, .button, input[type="submit"], input[type="button"], a.button):hover, :where(
  #wc-shipping-sim, .wc-shipping-sim, .wc-shipping-simulator, [id*="shipping-sim"], [class*="shipping-sim"], [id*="shipping_sim"], [class*="shipping_sim"], [data-shortcode*="shipping"]
) :is(button, .button, input[type="submit"], input[type="button"], a.button):focus-visible {
    background-color: color-mix(in srgb, var(--wd-primary-color, #3c82f6) 90%, #000) !important;
    color: #fff !important;
    outline: none !important;
}
:where(
  #wc-shipping-sim, .wc-shipping-sim, .wc-shipping-simulator, [id*="shipping-sim"], [class*="shipping-sim"], [id*="shipping_sim"], [class*="shipping_sim"], [data-shortcode*="shipping"]
) :is(button[disabled], .button[disabled], input[type="submit"][disabled], input[type="button"][disabled]) {
    cursor: not-allowed !important;
    opacity: .55 !important;
}

/* === MOLDURA COM PROPORÇÃO FIXA (crop) === */
.wd-products .product .product-element-top .product-image-link {
  display: block;
  position: relative;         /* vira âncora */
  aspect-ratio: 1 / 1;        /* defina aqui: 1/1, 4/5, 3/4, etc. */
  overflow: hidden;           /* faz o crop da foto */
}

/* A foto preenche a moldura sem distorcer */
.wd-products .product .product-element-top img,
.wd-products .product .product-element-top img.wd-hover-img,
.wd-products .product .product-element-top img.wd-main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === AÇÕES (wishlist/compare/quick view) DENTRO DO CROP ===
   O WoodMart usa .wd-buttons ou .wd-product-actions dependendo do estilo.
   Posicionamos o container dentro da moldura para não ser cortado. */
.wd-products .product .product-element-top .product-image-link .wd-buttons,
.wd-products .product .product-element-top .product-image-link .wd-product-actions {
  position: absolute !important;
  right: 12px !important;     /* ajuste fino 10–16px */
  bottom: 12px !important;
  top: auto !important;
  left: auto !important;
  z-index: 20 !important;
  margin: 0 !important;
  transform: none !important;
  display: flex;
  gap: 8px;
  pointer-events: auto;
}

/* Se o tema renderizar as ações FORA do link da imagem,
   mantemos visível E as “puxamos” para cima do crop. */
.wd-products .product .product-element-top {
  position: relative;         /* âncora alternativa */
  overflow: visible;          /* não corta overlays */
}
.wd-products .product .product-element-top > .wd-buttons,
.wd-products .product .product-element-top > .wd-product-actions {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  transform: none !important;
  z-index: 20 !important;
}

/* Neutraliza translates/margens que empurram o coração pra fora */
.wd-products .product .product-element-top :is(.wd-buttons,.wd-product-actions) .wd-action-btn,
.wd-products .product .product-element-top :is(.wd-buttons,.wd-product-actions) [class*="wishlist"],
.wd-products .product .product-element-top :is(.wd-buttons,.wd-product-actions) .yith-wcwl-add-to-wishlist,
.wd-products .product .product-element-top :is(.wd-buttons,.wd-product-actions) .tinvwl_add_to_wishlist_button {
  position: static !important;
  margin: 0 !important;
  transform: none !important;
}

/* Em alguns hovers o tema põe um backdrop acima da imagem; joga pra trás */
.wd-products .product .product-element-top .wd-hover-backdrop,
.wd-products .product .product-element-top:before,
.wd-products .product .product-element-top:after {
  z-index: 1 !important;
}

/* Nested Forms (jQuery UI) - barra do título do modal */
.gpnf-dialog .ui-dialog-titlebar {
  background-color: #516d56 !important; /* verde principal */
  border-color: #516d56 !important;
}

/* Header do modal tingle */
.gpnf-modal .gpnf-modal-header {
  background-color: #516d56 !important;
  color: #fff !important;
}

/* Ícone de fechar (X) no título do dialog - mantém branco */
.gpnf-dialog .ui-icon:after {
  color: #fff !important;
  opacity: 1 !important;
}

/* Ações/links com sublinhado dentro da tabela — mantêm herança da sua paleta */
.gpnf-row-actions button,
.gpnf-row-actions a {
  color: inherit !important;
}

/* “Delete” permanece vermelho (do plugin), ok */
.gpnf-row-actions .delete a,
.gpnf-row-actions .delete-button {
  color: #c02b0a !important;
}
/* === BOTÕES DO MODAL (adicionar AO FINAL do seu CSS existente) === */

/* Enviar (Tingle / GPNF) */
.gpnf-modal .tingle-modal-box__footer .tingle-btn--primary {
  background-color: #516d56 !important;
  border-color: #516d56 !important;
  color: #fff !important;
}
.gpnf-modal .tingle-modal-box__footer .tingle-btn--primary:hover,
.gpnf-modal .tingle-modal-box__footer .tingle-btn--primary:focus {
  background-color: #6f8b74 !important;
  border-color: #6f8b74 !important;
}

/* Cancelar / Botão “neutro” (Tingle / GPNF) */
.gpnf-modal .tingle-modal-box__footer .tingle-btn--default,
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-cancel {
  background-color: #eff2d5 !important;
  border-color: #6f8b74 !important;
  color: #516d56 !important;
}
.gpnf-modal .tingle-modal-box__footer .tingle-btn--default:hover,
.gpnf-modal .tingle-modal-box__footer .tingle-btn--default:focus,
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-cancel:hover,
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-cancel:focus {
  background-color: #e7edcf !important;
  border-color: #6f8b74 !important;
  color: #516d56 !important;
}

/* Próximo / Anterior (quando existirem) */
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-next,
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-previous {
  background-color: #516d56 !important;
  border-color: #516d56 !important;
  color: #fff !important;
}
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-next:hover,
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-next:focus,
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-previous:hover,
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-previous:focus {
  background-color: #6f8b74 !important;
  border-color: #6f8b74 !important;
}

/* Variante Danger (manter vermelho quando houver) */
.gpnf-modal .tingle-modal-box__footer .tingle-btn--danger,
.gpnf-modal .tingle-modal-box__footer .gpnf-btn-delete {
  background-color: #c02b0a !important;
  border-color: #c02b0a !important;
  color: #fff !important;
}

/* jQuery UI dialog (fallback em algumas telas) */
.gpnf-dialog .ui-dialog-buttonpane .ui-button:not(.ui-priority-secondary),
.gpnf-dialog .ui-dialog-buttonpane button:not(.ui-priority-secondary) {
  background-color: #516d56 !important;
  border-color: #516d56 !important;
  color: #fff !important;
}
.gpnf-dialog .ui-dialog-buttonpane .ui-button.ui-priority-secondary,
.gpnf-dialog .ui-dialog-buttonpane button.ui-priority-secondary {
  background-color: #eff2d5 !important;
  border-color: #6f8b74 !important;
  color: #516d56 !important;
}
.gpnf-dialog .ui-dialog-buttonpane .ui-button:hover,
.gpnf-dialog .ui-dialog-buttonpane button:hover,
.gpnf-dialog .ui-dialog-buttonpane .ui-button:focus,
.gpnf-dialog .ui-dialog-buttonpane button:focus {
  background-color: #6f8b74 !important;
  border-color: #6f8b74 !important;
}
/* Botão "Enviar" (submit principal do Gravity Forms) */
#gform_submit_button_2,
.gform_wrapper .gform_footer .gform_button,
.gform_wrapper .gform_page_footer .gform_button,
.gform_button.button {
  background-color: #516d56 !important; /* verde principal */
  border-color: #516d56 !important;
  color: #fff !important;
  border-radius: 9999px !important; /* arredondado */
  padding: .7rem 1.25rem !important;
  font-weight: 600 !important;
  text-align: center;
}

#gform_submit_button_2:hover,
.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform_page_footer .gform_button:hover,
.gform_button.button:hover {
  background-color: #6f8b74 !important; /* verde hover */
  border-color: #6f8b74 !important;
}
/* === BOTÕES (Nested) — ADD/UPLOAD + ENVIAR — com curvatura do site === */

/* ADD / UPLOAD (arquivo e adicionar entrada) */
.gpnf-add-entry,
.gform_button_select_files,
.gform_fileupload_add {
  background-color: #516d56 !important;
  border-color: #516d56 !important;
  color: #fff !important;
  border-radius: 9999px !important; /* mais arredondado */
  padding: .7rem 1.25rem !important;
}
.gpnf-add-entry:hover,
.gform_button_select_files:hover,
.gform_fileupload_add:hover {
  background-color: #6f8b74 !important;
  border-color: #6f8b74 !important;
}

/* ENVIAR (dentro do modal nested – Tingle + fallback GF) */
.gpnf-modal .tingle-modal-box__footer .tingle-btn--primary,
.gpnf-modal .gform_footer input[type=submit],
.gpnf-modal .gform_footer .gform_button {
  background-color: #516d56 !important;
  border-color: #516d56 !important;
  color: #fff !important;
  border-radius: 9999px !important; /* mais arredondado */
  padding: .7rem 1.25rem !important;
}
.gpnf-modal .tingle-modal-box__footer .tingle-btn--primary:hover,
.gpnf-modal .gform_footer input[type=submit]:hover,
.gpnf-modal .gform_footer .gform_button:hover {
  background-color: #6f8b74 !important;
  border-color: #6f8b74 !important;
}