/* ============================================================
   ORNATTO - Correções Globais de Inputs WooCommerce
   Corrige altura, padding e seta dupla nos selects
   ============================================================ */

/* ── INPUTS ────────────────────────────────────────────────── */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="number"],
.woocommerce input.input-text,
.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="password"],
.woocommerce-page input[type="number"],
.woocommerce-page input.input-text {
    min-height: 46px !important;
    height: auto !important;
    padding: 10px 14px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

/* Textarea */
.woocommerce textarea.input-text,
.woocommerce-page textarea.input-text,
.woocommerce-page textarea {
    padding: 10px 14px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

/* ── SELECT: REMOVE SETA DUPLA ─────────────────────────────── */
/* Remove seta nativa do browser, mantém apenas a seta SVG do plugin */
.woocommerce select,
.woocommerce-page select {
    min-height: 46px !important;
    padding: 10px 36px 10px 14px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    line-height: 1.5 !important;
}

/* Select2 enhanced selects - não interferir com o container customizado */
.woocommerce .select2-container,
.woocommerce-page .select2-container {
    min-height: 46px !important;
}

.woocommerce .select2-container .select2-selection--single,
.woocommerce-page .select2-container .select2-selection--single {
    min-height: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-page .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
    padding-left: 14px !important;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__arrow,
.woocommerce-page .select2-container .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}

/* ============================================================
   DESTAQUES DA SEMANA - Redesign dos cards wl-shop-classic
   ============================================================ */

/* Grid */
.wl-shop.wl-shop-classic .cx-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 22px !important;
}

/* Reseta padding do item pai */
.wl-shop.wl-shop-classic .wl-sc-single-product {
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

/* Card */
.wl-shop.wl-shop-classic .wl-sc-single-widget {
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.07) !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.wl-shop.wl-shop-classic .wl-sc-single-product:hover .wl-sc-single-widget {
    transform: translateY(-8px) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.14) !important;
}

/* Imagem */
.wl-shop.wl-shop-classic .wl-sc-product-img {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    background: #f5f3f0 !important;
}

.wl-shop.wl-shop-classic .wl-sc-product-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform .45s ease !important;
}

.wl-shop.wl-shop-classic .wl-sc-single-product:hover .wl-sc-product-img img {
    transform: scale(1.08) !important;
}

/* Overlay gradiente no hover */
.wl-shop.wl-shop-classic .wl-sc-product-img::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to top, rgba(0,0,0,.32) 0%, transparent 55%) !important;
    opacity: 0 !important;
    transition: opacity .3s ease !important;
    pointer-events: none !important;
}

.wl-shop.wl-shop-classic .wl-sc-single-product:hover .wl-sc-product-img::after {
    opacity: 1 !important;
}

/* Detalhes */
.wl-shop.wl-shop-classic .wl-sc-product-details {
    padding: 16px 18px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex: 1 !important;
}

.wl-shop.wl-shop-classic .wl-sc-product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    flex: 1 !important;
}

/* Nome - reseta gradiente do tema e reestiliza */
.wl-shop.wl-shop-classic .wl-sc-product-name a,
.wl-shop.wl-shop-classic .wl-sc-product-name a.wl-gradient-heading {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: #1e1e1e !important;
    -webkit-text-fill-color: #1e1e1e !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    text-decoration: none !important;
    display: block !important;
    transition: color .2s ease !important;
}

.wl-shop.wl-shop-classic .wl-sc-product-name a:hover,
.wl-shop.wl-shop-classic .wl-sc-product-name a.wl-gradient-heading:hover {
    color: #c9924a !important;
    -webkit-text-fill-color: #c9924a !important;
}

/* Preço */
.wl-shop.wl-shop-classic h2.wl-sc-price,
.wl-shop.wl-shop-classic .wl-sc-price {
    font-size: 19px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    color: #c9924a !important;
}

.wl-shop.wl-shop-classic .wl-sc-price .woocommerce-Price-amount,
.wl-shop.wl-shop-classic .wl-sc-price .woocommerce-Price-currencySymbol {
    color: #c9924a !important;
}

/* Esconde o botão original do plugin (JS injeta markup limpo no lugar) */
.wl-shop.wl-shop-classic .wl-cart-area a.wl-sc-product-cart {
    display: none !important;
}

/* Wrapper dos dois botões injetados via JS */
.wl-shop.wl-shop-classic .ornatto-btns-wrap {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
    align-items: stretch !important;
}

.wl .wl-sc-info-icons div {
    width: 205px;
    height: 35px;
    margin-left: 0px;
    line-height: 32px;
    border-radius: 100%;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    justify-self: center;
}

/* Botão Comprar */
.wl-shop.wl-shop-classic .ornatto-btn-buy {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 11px 10px !important;
    background: linear-gradient(135deg, #d4a05a 0%, #c9924a 50%, #b87d38 100%) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(201,146,74,.28) !important;
    transition: filter .2s ease, transform .15s ease, box-shadow .2s ease !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.wl-shop.wl-shop-classic .ornatto-btn-buy:hover {
    filter: brightness(1.1) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(201,146,74,.45) !important;
    color: #fff !important;
}

/* Botão ícone carrinho */
.wl-shop.wl-shop-classic .ornatto-btn-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    flex-shrink: 0 !important;
    border-radius: 10px !important;
    border: 2px solid #c9924a !important;
    color: #c9924a !important;
    background: transparent !important;
    text-decoration: none !important;
    transition: background .2s ease, color .2s ease, transform .15s ease !important;
}

.wl-shop.wl-shop-classic .ornatto-btn-cart:hover {
    background: #c9924a !important;
    color: #fff !important;
    transform: translateY(-3px) !important;
}

/* Responsive */
@media (max-width: 900px) {
    .wl-shop.wl-shop-classic .cx-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}

@media (max-width: 480px) {
    .wl-shop.wl-shop-classic .cx-grid {
        grid-template-columns: 1fr !important;
    }
}
