/* DoggyCraft · mini carrito (panel lateral del widget «Menu Cart» de Elementor Pro)
   Solo actúa si dentro está la plantilla propia (.dcc-mc). */

/* ---- el panel de Elementor ---- */
.elementor-menu-cart__main:has(.dcc-mc){width:430px!important;max-width:100vw!important;padding:0!important;border-radius:20px 0 0 20px!important;box-shadow:-12px 0 40px rgba(0,0,0,.18)!important;overflow:hidden!important;min-height:0!important;margin-top:0!important}
.elementor-menu-cart__main:has(.dcc-mc) > .elementor-menu-cart__close-button,
.elementor-menu-cart__main:has(.dcc-mc) > .elementor-menu-cart__close-button-custom{display:none!important}
.elementor-menu-cart__main:has(.dcc-mc) .widget_shopping_cart_content{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column}
.elementor-menu-cart__container:has(.dcc-mc){background-color:rgba(18,17,16,.45)}
.elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__container:has(.dcc-mc){background-color:transparent}
/* con la barra de WordPress (sesión iniciada) la cabecera del panel quedaba debajo */
body.admin-bar .elementor-menu-cart__main:has(.dcc-mc){top:32px!important}
/* la burbuja de WhatsApp tapaba «Ver carrito» */
body:has(.elementor-menu-cart--shown .dcc-mc) .joinchat{display:none!important}
@media (max-width:782px){body.admin-bar .elementor-menu-cart__main:has(.dcc-mc){top:46px!important}}
@media (max-width:767px){
	.elementor-menu-cart__main:has(.dcc-mc){width:100vw!important;border-radius:0!important}
}

/* ---- contenido ---- */
.dcc-mc{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;color:#1C1A17;font-size:14px;line-height:1.4;text-align:left;letter-spacing:-.01em}
.dcc-mc *{box-sizing:border-box}
.dcc-mc a{text-decoration:none}
.dcc-mc button{font:inherit;text-transform:none;letter-spacing:0;box-shadow:none;min-height:0}

.dcc-mc-hd{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 20px;border-bottom:1px solid #EDE8E0}
.dcc-mc-hd b{font-size:17px;font-weight:800}
.dcc-mc-hd b span{color:#6B655D;font-weight:600}
.dcc-mc button.dcc-mc-x,.dcc-mc button.dcc-mc-x:hover,.dcc-mc button.dcc-mc-x:focus{width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:#1C1A17;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.dcc-mc button.dcc-mc-x:hover{background:#F5F3EE}

.dcc-mc-bd{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 20px 10px;display:flex;flex-direction:column;gap:12px}

.dcc-mc-added{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#2F5D50;background:#E7F0EC;border-radius:12px;padding:10px 12px}
.dcc-mc-added svg{flex:none}

.dcc-mc .dcc-ship{background:#F5F3EE;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.dcc-mc .dcc-ship .t{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.dcc-mc .dcc-ship .t svg{flex:none}
.dcc-mc .dcc-ship .t b{font-weight:800}
.dcc-mc .dcc-ship .bar{height:6px;border-radius:999px;background:#E9E4DC;overflow:hidden}
.dcc-mc .dcc-ship .bar i{display:block;height:100%;background:#9C5A33;border-radius:999px;transition:width .3s}
.dcc-mc .dcc-ship.ok .t{color:#2F5D50}
.dcc-mc .dcc-ship.ok .bar i{background:#2F5D50}

/* líneas */
.dcc-mc-items{display:flex;flex-direction:column}
.dcc-mc-it{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #EDE8E0;transition:opacity .2s}
.dcc-mc-it:first-child{padding-top:4px}
.dcc-mc-it.is-busy{opacity:.45;pointer-events:none}
.dcc-mc-ph{width:84px;height:84px;border-radius:14px;overflow:hidden;background:#F5F3EE;flex:none;display:block}
.dcc-mc-ph img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;border-radius:0!important;margin:0!important}
.dcc-mc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.dcc-mc a.dcc-mc-nm,.dcc-mc span.dcc-mc-nm{font-size:14px;font-weight:700;line-height:1.3;color:#1C1A17;text-transform:none;font-family:inherit}
.dcc-mc a.dcc-mc-nm:hover{color:#9C5A33}
.dcc-mc-meta{font-size:12px;color:#6B655D;line-height:1.45;overflow-wrap:anywhere}
.dcc-mc-photo{display:flex;align-items:center;gap:8px;font-size:12px;color:#6B655D}
.dcc-mc-photo img{width:32px!important;height:32px!important;border-radius:6px!important}
.dcc-mc-det{font-size:12px;color:#6B655D}
.dcc-mc-det summary{cursor:pointer;list-style:none;font-weight:600;color:#9C5A33;display:inline-flex;align-items:center;gap:4px;min-height:24px}
.dcc-mc-det summary::-webkit-details-marker{display:none}
.dcc-mc-det summary::after{content:"+";font-weight:700}
.dcc-mc-det[open] summary::after{content:"–"}
/* etiqueta encima y valor debajo: con dos columnas las etiquetas largas («¿Quieres que sea acolchado por dentro?») aplastaban el valor */
.dcc-mc .dcc-mc-det dl{margin:6px 0 2px;display:flex;flex-direction:column;gap:0;background:#F5F3EE;border-radius:10px;padding:10px 12px}
.dcc-mc .dcc-mc-det dt{display:block;width:auto;float:none;font-weight:600;color:#1C1A17;margin:0;padding:0;line-height:1.35}
.dcc-mc .dcc-mc-det dd{display:block;width:auto;float:none;margin:0 0 8px;padding:0;line-height:1.4;overflow-wrap:break-word;word-break:normal}
.dcc-mc .dcc-mc-det dd:last-child{margin-bottom:0}
.dcc-mc-det dd p{margin:0}
.dcc-mc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.dcc-mc-q{display:inline-flex;align-items:center;border:1.5px solid #D8D2C8;border-radius:999px;height:40px;padding:0 2px}
.dcc-mc .dcc-mc-q button,.dcc-mc .dcc-mc-q button:hover,.dcc-mc .dcc-mc-q button:focus{width:36px;height:36px;padding:0;border:0;border-radius:999px;background:transparent;color:#1C1A17;font-size:17px;font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.dcc-mc .dcc-mc-q button:hover{background:#F5F3EE}
.dcc-mc-q span{min-width:22px;text-align:center;font-weight:700;font-size:14px}
.dcc-mc-one{font-size:12px;color:#6B655D;font-weight:600}
.dcc-mc-end{display:flex;align-items:center;gap:2px}
.dcc-mc-pr{font-size:15px;font-weight:700;white-space:nowrap;color:#1C1A17}
.dcc-mc a.dcc-mc-del{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#6B655D}
.dcc-mc a.dcc-mc-del:hover{background:#F5F3EE;color:#A3341F}

/* para completar */
.dcc-mc-xs{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.dcc-mc-xs > b{font-size:14px;font-weight:700}
.dcc-mc-xs-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.dcc-mc-xs-row::-webkit-scrollbar{display:none}
.dcc-mc-xs-c{flex:0 0 240px;scroll-snap-align:start;display:flex;gap:10px;align-items:center;border:1px solid #EDE8E0;border-radius:14px;padding:10px}
.dcc-mc-xs-ph{width:48px;height:48px;border-radius:10px;overflow:hidden;flex:none;background:#F5F3EE;display:block}
.dcc-mc-xs-ph img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;margin:0!important}
.dcc-mc-xs-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12px}
.dcc-mc-xs-t a{color:#1C1A17;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dcc-mc-xs-t span{font-weight:600;color:#1C1A17}
.dcc-mc-xs-t del{opacity:.6;font-weight:500}
.dcc-mc a.dcc-mc-add{flex:none;min-width:36px;height:36px;padding:0 10px;border-radius:999px;border:1.5px solid #1C1A17;background:#fff;color:#1C1A17;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.dcc-mc a.dcc-mc-add.dcc-mc-see{font-size:12px}
.dcc-mc a.dcc-mc-add:hover{background:#1C1A17;color:#fff}
.dcc-mc a.dcc-mc-add.loading{opacity:.5}
.dcc-mc a.added_to_cart{display:none!important}

/* pie */
.dcc-mc-ft{flex:none;border-top:1px solid #EDE8E0;padding:14px 20px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;background:#fff}
.dcc-mc-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.dcc-mc-l.disc{font-size:13px;font-weight:600;color:#9C5A33}
.dcc-mc-l.tot span{font-size:15px;font-weight:700}
.dcc-mc-l.tot b{font-size:22px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.dcc-mc-l.tot small{font-size:11px;font-weight:500;color:#6B655D}
.dcc-mc-note{font-size:12px;color:#6B655D;margin-top:-6px}
.dcc-mc a.dcc-mc-btn{display:flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:999px;background:#9C5A33;color:#fff;font-size:15px;font-weight:600;border:0;text-transform:none;letter-spacing:0;white-space:nowrap}
.dcc-mc a.dcc-mc-btn:hover{background:#7E4626;color:#fff}
.dcc-mc a.dcc-mc-btn.ghost{height:46px;background:#fff;color:#1C1A17;border:1.5px solid #D8D2C8}
.dcc-mc a.dcc-mc-btn.ghost:hover{background:#F5F3EE;color:#1C1A17}
.dcc-mc-trust{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#6B655D}

/* vacío */
.dcc-mc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px 24px}
.dcc-mc-empty b{font-size:18px;font-weight:800}
.dcc-mc-empty p{margin:0;color:#6B655D}

/* «Ver detalles +» / «Ocultar detalles –» */
details .dcc-det-hide{display:none}
details[open] .dcc-det-show{display:none}
details[open] .dcc-det-hide{display:inline}

/* ===== 1.5 · colores unificados: cajas oscuras #31210D y un solo botón principal (melocotón, texto oscuro) ===== */
.dcc-mc a.dcc-mc-btn{background:#E8B38F!important;color:#2A1B10!important;border-color:#E8B38F!important}
.dcc-mc a.dcc-mc-btn:hover,.dcc-mc a.dcc-mc-add:hover{background:#DFA070!important;color:#2A1B10!important;border-color:#DFA070!important}