/**
 * mini-cart.css
 * WHAT: Right-side mini cart drawer: header, free-shipping bar, item cards, coupon, totals, buttons, trust icons, empty state.
 * Colors come from the theme variables (Customize > Theme colors). Markup: woocommerce/cart/mini-cart.php.
 * Loaded by inc/features/mini-cart.php (not on Cart / Checkout pages).
 */
.hn-mc-overlay{position:fixed;inset:0;background:#000a;z-index:340;animation:hn-mc-fade .25s}
.hn-mc-overlay[hidden]{display:none}
@keyframes hn-mc-fade{from{opacity:0}}
.hn-mc{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);height:100dvh;z-index:350;background:var(--cream);display:flex;flex-direction:column;transform:translateX(104%);visibility:hidden;transition:transform .3s ease,visibility 0s .3s;box-shadow:-8px 0 30px #0003}
.hn-mc.is-open{transform:none;visibility:visible;transition:transform .3s ease}
.hn-mc__head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);color:var(--green-d)}
.hn-mc__head h2{flex:1;font-size:26px;margin:0}
.hn-mc-count{font:500 18px var(--sans);color:var(--muted)}
.hn-mc__close{background:none;border:0;font-size:34px;line-height:1;cursor:pointer;color:var(--green-d);padding:0 4px}
.hn-mc__body{flex:1;min-height:0;display:flex;flex-direction:column}
.hn-mc .widget_shopping_cart_content{flex:1;min-height:0;display:flex;flex-direction:column}
.hn-mc__scroll{flex:1;min-height:0;overflow-y:auto;padding:14px 18px;overscroll-behavior:contain}
.hn-mc.is-busy .hn-mc__scroll,.hn-mc.is-busy .hn-mc__foot{opacity:.55;pointer-events:none}

/* free shipping bar */
.hn-mc__bar{margin-bottom:14px}
.hn-mc__bar p{margin:0 0 8px;font-size:15px;color:var(--ink)}
.hn-mc__bar strong{color:var(--green-d)}
.hn-mc__track{height:9px;border-radius:5px;background:var(--line);overflow:hidden}
.hn-mc__track span{display:block;height:100%;background:var(--grad-primary);border-radius:5px;transition:width .4s ease}
.hn-mc__bar small{display:block;text-align:right;margin-top:4px;color:var(--muted);font-weight:600}

/* items - compact: [image] [name / option / price] [delete on top, quantity under it, right side] */
.hn-mc__list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.hn-mc .hn-mc__item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:8px;align-items:stretch;background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 0 var(--line);margin:0;list-style:none}
.hn-mc .hn-mc__img{width:72px;height:72px}
.hn-mc .hn-mc__img a{display:block}
.hn-mc .hn-mc__img img{width:72px;height:72px;max-width:none;float:none;margin:0;box-shadow:none;border-radius:8px;object-fit:cover;display:block}
.hn-mc__info{min-width:0}
.hn-mc__name{font:600 14px/1.3 var(--serif);margin:0 0 2px;color:var(--green-d);overflow-wrap:anywhere}
.hn-mc__name a{color:inherit}.hn-mc__name a:hover{color:var(--green)}
.hn-mc .variation{margin:0;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:0 6px}
.hn-mc .variation dt,.hn-mc .variation dd,.hn-mc .variation p{display:inline;margin:0}
.hn-mc__price{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:4px 0 0;font-weight:700;font-size:15px}
.hn-mc__price del{font-size:12px;font-weight:400;color:var(--muted)}
.hn-mc__price ins{text-decoration:none}
.hn-mc__off{font-style:normal;font-size:11px;font-weight:700;color:var(--green-d);background:var(--green-l);border-radius:6px;padding:2px 7px}
.hn-mc__side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px}
.hn-mc .hn-mc__remove{display:grid;place-items:center;width:50px;height:20px;padding:0;border-radius:6px;color:#d32f2f!important;background:none;font-size:12px;line-height:0;text-decoration:none;border:0}
.hn-mc .hn-mc__remove:hover{background:#fdecea}
.hn-mc__qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;background:#fff;flex-direction: column-reverse;overflow:hidden}
.hn-mc__qty button{width:25px;height:20px;border:0;background:none;font-size:17px;line-height:1;cursor:pointer;color:var(--ink);padding:0}
.hn-mc__qty button:disabled{opacity:.35;cursor:not-allowed}
.hn-mc__qty span{min-width:24px;text-align:center;font-weight:600;font-size:14px}
.hn-mc__fixed{font-size:12px;color:var(--muted)}

/* coupon */
/*.hn-mc__coupon{*/
/*margin-top:10px;*/
/*padding:12px 0;*/
/*display:none;*/
    
/*}*/
/*.hn-mc__coupon label{display:block;font-size:14px;margin-bottom:5px}*/
/*.hn-mc__coupon div{display:flex;gap:8px}*/
/*.hn-mc__coupon input{flex:1;min-width:0;height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:8px;background:#fff;font:inherit}*/
/*.hn-mc__coupon .hn-btn{min-height:44px;padding:0 22px}*/
/*.hn-mc__msg{margin:6px 0 0;font-size:13px;min-height:1em}*/
/*.hn-mc__msg.is-ok{color:#1e8e3e}.hn-mc__msg.is-err{color:#c62828}*/
/*.hn-mc__applied{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px}*/
/*.hn-mc__chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-l);border-radius:999px;padding:4px 6px 4px 12px;font-size:12px;font-weight:700}*/
/*.hn-mc__chip button{border:0;background:#fff;border-radius:50%;width:20px;height:20px;cursor:pointer;line-height:1}*/
.hn-mc__coupon {
    margin-top: 0px;
    padding: 12px 0;
}

/* Expand/collapse trigger */
.hn-mc__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

/* Chevron */
.hn-mc__arrow {
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    margin-right: 4px;
    flex-shrink: 0;
}

.hn-mc__coupon.is-open .hn-mc__arrow {
    transform: rotate(225deg);
}

/* Collapsible content */
.hn-mc__content {
    padding-top: 12px;
}

.hn-mc__content[hidden] {
    display: none !important;
}

/* Input and Apply button */
.hn-mc__input-row {
    display: flex;
    gap: 8px;
    width: 100%;
}

.hn-mc__coupon input {
    flex: 1;
    min-width: 0;
    height: 44px;
    padding: 0 14px;
    border: 1.5px solid var(--line);
    border-radius: 8px;
    background: #fff;
    font: inherit;
    box-sizing: border-box;
}

.hn-mc__coupon input:focus {
    outline: none;
    border-color: var(--green);
}

.hn-mc__coupon .hn-btn {
    min-height: 44px;
    padding: 0 22px;
    flex-shrink: 0;
    cursor: pointer;
}

.hn-mc__msg {
    margin: 6px 0 0;
    font-size: 13px;
    min-height: 1em;
}

.hn-mc__msg.is-ok {
    color: #1e8e3e;
}

.hn-mc__msg.is-err {
    color: #c62828;
}

.hn-mc__applied {
    margin: 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.hn-mc__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--green-l);
    border-radius: 999px;
    padding: 4px 6px 4px 12px;
    font-size: 12px;
    font-weight: 700;
}

.hn-mc__chip button {
    border: 0;
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    line-height: 1;
}

/* totals + buttons (fixed at the bottom of the panel) */
.hn-mc__foot{border-top:1px solid var(--line);background:#fff;padding:14px 18px 16px}
.hn-mc__totals{margin:0}
.hn-mc__totals>div{border-top: 1px solid #00000026; display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:15px}
.hn-mc__totals dt,.hn-mc__totals dd{margin:0}
.hn-mc__totals .is-savings{color:#1e8e3e;font-size:14px}
.hn-mc__totals .is-savings small{color:#1e8e3e;}
.hn-mc__totals .is-savings dd{font-weight:700}
.hn-mc__totals dt small{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.hn-mc__totals .is-free dd{color:#1e8e3e;font-weight:700}
.hn-mc__totals .is-discount dd{color:#1e8e3e}
.hn-mc__totals .is-total{border-top:1px solid var(--line);margin-top:6px;padding-top:10px}
.hn-mc__totals .is-total dt{font:600 22px var(--serif)}
.hn-mc__totals .is-total dd{font-size:24px;font-weight:700;text-align:right}
.hn-mc__totals small{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.hn-mc__hint{display:flex;align-items:center;gap:8px;margin:6px 0;padding:10px 12px;border-radius:8px;background:var(--green-l);font-size:14px;color:var(--green-d)}
.hn-mc__buttons{
    display:grid;
    /*grid-template-columns:1fr 1.2fr;*/
    gap:10px;
    margin:12px 0}
.hn-mc__buttons .hn-btn{min-height:48px}
.hn-mc__trust{
    /*display:grid;*/
    display:none;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:0;
    padding:0;
    list-style:none
}
.hn-mc__trust li{display:flex;gap:8px;align-items:center;color:var(--green)}
.hn-mc__trust span{display:flex;flex-direction:column;font-size:12px;line-height:1.3;color:var(--ink)}
.hn-mc__trust small{color:var(--muted);font-size:11px}

/* you might also like: 4 random bestsellers, 2 at a time */
.hn-mc__rec{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.hn-mc__rec h3 {
    margin: 0px 0px 10px;
    text-align: center;
    font: 700 15px var(--serif);
    color: var(--green-d);
    font-style:italic;
}
/*.hn-mc__rec h3{margin:0 0 10px;text-align:center;font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--green-d)}*/
.hn-car--mc{position:relative}
.hn-car--mc .hn-track{gap:10px}
.hn-mc .hn-mc__card{flex:0 0 calc((100% - 10px)/2);min-width:0;background:#fff;border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;box-shadow:0 1px 0 var(--line)}
.hn-mc .hn-mc__cimg{display:block;width:100%}
.hn-mc .hn-mc__cimg img{width:100%;height:100px;max-width:none;float:none;margin:0;border-radius:8px;object-fit:fill;display:block}
.hn-mc__cname{font-size:13px;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.hn-mc__cprice{font-weight:700;font-size:15px}
.hn-mc__cprice del{font-weight:400;font-size:12px;color:var(--muted)}.hn-mc__cprice ins{text-decoration:none}
.hn-mc .hn-mc__card .hn-btn{min-height:32px;padding:5px 18px;font-size:13px;margin-top:2px}
.hn-mc .added_to_cart{display:none}
.hn-car--mc .hn-arrow{width:26px;height:26px;box-shadow:0 1px 6px #0003}
.hn-car--mc .hn-arrow--prev{left:-6px}.hn-car--mc .hn-arrow--next{right:-6px}
.hn-car--mc .hn-arrow svg{width:16px;height:16px}

/* empty */
.hn-mc__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px 10px;text-align:center;color:var(--muted)}
.hn-mc__empty p{margin:0;font-size:16px}

@media (max-width:480px){
 .hn-mc__head{padding:14px 16px}.hn-mc__head h2{font-size:21px}
 .hn-mc__scroll{padding:12px}.hn-mc__foot{padding:12px}
 .hn-mc .hn-mc__item{grid-template-columns:60px minmax(0,1fr) auto;gap:8px}
 .hn-mc .hn-mc__img,.hn-mc .hn-mc__img img{width:60px;height:60px}
 .hn-mc__name{font-size:14px}.hn-mc__price{font-size:15px}
 .hn-mc__trust{grid-template-columns:1fr;gap:6px}
 .hn-mc__buttons{grid-template-columns:0fr 1fr margin: 5px 0px 12px;}
 
 .hn-mc .hn-mc__cimg img{height:72px}
}
@media (prefers-reduced-motion:reduce){.hn-mc,.hn-mc-overlay,.hn-mc__track span{transition:none;animation:none}}

.hn-mc__discount-percent {
    color: #16a34a;
}
.is-discount{
    color: #16a34a;
}