/*
Theme Name: DCWB Woodmart Child
Theme URI: https://dengoza.com.br/
Description: Child theme para blindar customizacoes do Woodmart.
Author: Dengoza
Template: woodmart
Version: 1.8.0
Text Domain: dcwb-woodmart-child
*/

.single-post .dcwb-post-header{
	margin-bottom:28px;
}

.single-post .dcwb-post-meta{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:16px;
}

.single-post .dcwb-post-meta-item{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 12px;
	border:1px solid rgba(17,24,39,.10);
	border-radius:999px;
	background:#F8FAFC;
	color:#334155;
	font-size:13px;
	line-height:1.4;
}

.single-post .dcwb-post-meta-label{
	font-weight:700;
	color:#111827;
}

.single-post .dcwb-post-meta-item a{
	color:#5B25B1;
	font-weight:700;
}

.single-post .dcwb-post-meta-item a:hover{
	color:#441C85;
}

.single-post .wd-post-cat.wd-style-with-bg a{
	border-radius:999px;
	padding:7px 12px;
	background:#F3EDFC;
	color:#5B25B1;
	font-weight:700;
}

.single-post .widgettitle,
.blog .widgettitle,
.archive .widgettitle{
	font-size:18px;
	line-height:1.25;
	color:#111827;
	margin-bottom:18px;
}

.single-post .widget_categories ul,
.single-post .wd-widget-recent-posts ul,
.blog .widget_categories ul,
.blog .wd-widget-recent-posts ul,
.archive .widget_categories ul,
.archive .wd-widget-recent-posts ul{
	display:grid;
	gap:12px;
}

.single-post .widget_categories li a,
.blog .widget_categories li a,
.archive .widget_categories li a{
	color:#334155;
	font-weight:600;
}

.single-post .widget_categories li a:hover,
.blog .widget_categories li a:hover,
.archive .widget_categories li a:hover{
	color:#5B25B1;
}

.single-post .wd-widget-recent-posts .recent-posts-widget__item,
.blog .wd-widget-recent-posts .recent-posts-widget__item,
.archive .wd-widget-recent-posts .recent-posts-widget__item{
	padding:0 0 14px;
	border-bottom:1px solid rgba(148,163,184,.20);
}

.single-post .wd-widget-recent-posts .recent-posts-widget__item:last-child,
.blog .wd-widget-recent-posts .recent-posts-widget__item:last-child,
.archive .wd-widget-recent-posts .recent-posts-widget__item:last-child{
	border-bottom:0;
	padding-bottom:0;
}

@media (max-width: 768px){
	.single-post .dcwb-post-meta{
		gap:10px;
	}

	.single-post .dcwb-post-meta-item{
		width:100%;
		justify-content:flex-start;
	}
}

/* ─── Barra fixa mobile (dcwb-mobile-cta): corrige overflow do WCI ─── */

/*
 * O plugin Woo Custom Installments injeta um bloco flex de parcelamento dentro
 * de .dcwb-mobile-cta-amount (<strong>). Isso faz o container crescer
 * verticalmente e quebrar o layout da barra.
 *
 * Solução: converte os wrappers WCI para display:inline (nunca criam bloco)
 * e oculta todos os filhos menos o preço principal.
 */

/* Converte os wrappers do WCI de flex/block para inline puro */
.dcwb-dz-nano .dcwb-mobile-cta-amount .woo-custom-installments-group,
.dcwb-dz-nano .dcwb-mobile-cta-amount .woo-custom-installments-group-main-price {
    display: inline !important;
}

/* Oculta tudo que não é o valor em si */
.dcwb-dz-nano .dcwb-mobile-cta-amount .wci-single-prefix,
.dcwb-dz-nano .dcwb-mobile-cta-amount .woo-custom-installments-text-after-price,
.dcwb-dz-nano .dcwb-mobile-cta-amount .wci-single-installments,
.dcwb-dz-nano .dcwb-mobile-cta-amount .wci-open-popup,
.dcwb-dz-nano .dcwb-mobile-cta-amount .wci-open-popup-link {
    display: none !important;
}

/* Preço herda tipografia do <strong> pai e fica inline */
.dcwb-dz-nano .dcwb-mobile-cta-amount .woo-custom-installments-price {
    display: inline !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* Impede que o preço quebre em múltiplas linhas */
.dcwb-dz-nano .dcwb-mobile-cta-amount {
    white-space: nowrap !important;
    overflow: hidden;
}

/* ─── Painel "Sobre o produto" (abaixo da galeria) ─── */

/* Card — mesmo nível visual que galeria e summary */
.dcwb-dz-nano .dcwb-short-desc-panel {
    margin-top: 14px;
    background: #fff;
    border-radius: var(--dcwb-radius-xl, 28px);
    box-shadow: var(--dcwb-shadow, 0 15px 40px rgba(0,0,0,.08));
    border: 1px solid rgba(91,37,177, 0.05);
    overflow: hidden;
}

/* Faixa de cabeçalho com gradiente azul claro */
.dcwb-dz-nano .dcwb-short-desc-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 22px;
    background: linear-gradient(to right, #EDE0FB 0%, #F3EDFC 60%, #FFFFFF 100%);
    border-bottom: 1px solid rgba(91,37,177, 0.10);
    color: var(--dcwb-blue-900, #5B25B1);
}

.dcwb-dz-nano .dcwb-short-desc-head span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

/* Ícone no header — tamanho compacto sem fundo */
.dcwb-dz-nano .dcwb-short-desc-head .dcwb-icon-center {
    display: inline-flex !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: var(--dcwb-blue-900, #5B25B1);
}

.dcwb-dz-nano .dcwb-short-desc-head svg {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 2.2;
}

/* Corpo do painel */
.dcwb-dz-nano .dcwb-short-desc-body {
    padding: 18px 22px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--dcwb-muted, #6B7280);
}

.dcwb-dz-nano .dcwb-short-desc-body > p {
    margin: 0 0 10px;
}

.dcwb-dz-nano .dcwb-short-desc-body > p:last-child,
.dcwb-dz-nano .dcwb-short-desc-body > p:only-child {
    margin-bottom: 0;
}

/* Parágrafo único: destaque com cor mais forte */
.dcwb-dz-nano .dcwb-short-desc-body > p:only-child {
    font-size: 15px;
    color: var(--dcwb-text, #111827);
}

/* Listas: itens como chips com check mark azul */
.dcwb-dz-nano .dcwb-short-desc-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 7px;
}

.dcwb-dz-nano .dcwb-short-desc-body ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    background: #F3EDFC;
    border-radius: 12px;
    border: 1px solid rgba(91,37,177, 0.08);
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--dcwb-text, #111827);
}

/* Check mark circular azul via mask SVG */
.dcwb-dz-nano .dcwb-short-desc-body ul li::before {
    content: "";
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 50%;
    background: var(--dcwb-blue-900, #5B25B1);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 12px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 12px no-repeat;
}

@media (max-width: 767px) {
    .dcwb-dz-nano .dcwb-short-desc-panel {
        margin-top: 10px;
        border-radius: 22px;
    }
    .dcwb-dz-nano .dcwb-short-desc-head {
        padding: 10px 18px;
    }
    .dcwb-dz-nano .dcwb-short-desc-body {
        padding: 14px 18px;
    }
}

/* Telas estreitas (≤400px): reduz fonte do preço e largura do botão
   para que "R$ 699,00" caiba sem corte na coluna 1fr da grade */
@media (max-width: 400px) {
    .dcwb-dz-nano .dcwb-mobile-cta-amount {
        font-size: 15px !important;
    }
    .dcwb-dz-nano .dcwb-mobile-cta-button {
        min-width: 110px !important;
        font-size: 13px !important;
        padding: 0 10px !important;
    }
}