/* Cart side drawer (Menu Cart widget, side-cart). Look = the prototype's mini cart.
   Shared pieces (trash button, option values box) live in components.css. */
.elementor-menu-cart__container.elementor-lightbox{background:rgba(31,21,48,.5)}
.elementor-menu-cart--cart-type-side-cart .elementor-menu-cart__main{display:flex;flex-direction:column;width:min(92vw,380px);padding:0;background:var(--c-white);box-shadow:var(--shadow-pop);font-family:Tajawal,sans-serif;color:var(--c-ink)}
/* the side cart starts below the WordPress admin bar */
.elementor-menu-cart--cart-type-side-cart .elementor-menu-cart__main{top:var(--wp-admin--admin-bar--height,0px);height:calc(100% - var(--wp-admin--admin-bar--height,0px))}
.elementor-menu-cart__main .safy-cart-title{padding:20px;font-size:16px;font-weight:700;border-bottom:1px solid var(--c-line)}
.elementor-menu-cart__main .widget_shopping_cart_content{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 20px 20px;overflow-y:auto}

/* close button: ONE look (header.css, .safy-close); here the drawer's own placement and icon size */
.elementor-menu-cart__main .elementor-menu-cart__close-button{position:absolute;top:14px;inset-inline-end:20px;margin:0;z-index:2}
.elementor-menu-cart__main{--cart-close-icon-size:14px;--cart-close-button-color:var(--c-ink);--cart-close-button-hover-color:var(--c-primary);--empty-message-alignment:center}
.elementor-menu-cart__main .elementor-menu-cart__close-button svg,.elementor-menu-cart__main .elementor-menu-cart__close-button i{width:14px!important;height:14px!important;font-size:14px!important}
.elementor-menu-cart__main .elementor-menu-cart__close-button::before,.elementor-menu-cart__main .elementor-menu-cart__close-button::after{width:16px;height:2px;border-radius:2px;background:currentColor}
.elementor-menu-cart__main .elementor-menu-cart__close-button:hover{background:var(--c-white)}

/* empty drawer: the message and the shop button inside one tinted card */
.woocommerce-mini-cart__empty-message{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;text-align:center;border-radius:14px;background:linear-gradient(135deg,var(--c-tint-purple),var(--c-tint-pink));color:var(--c-text-muted);font-size:15px}
.woocommerce-mini-cart__empty-message::before{content:"";width:48px;height:48px;background:var(--c-purple);opacity:.6;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 7H6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.6 12.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 7H6'/%3E%3C/svg%3E") center/contain no-repeat}
.elementor-menu-cart__main .widget_shopping_cart_content>.woocommerce-mini-cart__empty-message,.elementor-menu-cart__main .widget_shopping_cart_content .woocommerce-mini-cart__empty-message{text-align:center;align-items:center}
.safy-cart-empty-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;text-align:center;border-radius:14px;background:linear-gradient(135deg,var(--c-tint-purple),var(--c-tint-pink))}
.safy-cart-empty-wrap .woocommerce-mini-cart__empty-message{align-items:center;width:100%;padding:0;background:none;text-align:center}
.safy-cart-empty-wrap .safy-cart-shop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:8px;background:var(--grad-brand);background-origin:border-box;color:var(--c-white);font-size:16px;font-weight:700;text-decoration:none}
.safy-cart-empty-wrap .safy-cart-shop:hover{filter:brightness(.93);color:var(--c-white)}

/* ===== a line: [image 56] name beside it (row 1) · options (row 2, components.css) · price x quantity (row 3); the delete circle sits in the corner ===== */
.elementor-menu-cart__products .elementor-menu-cart__product{position:relative;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;column-gap:12px;row-gap:8px!important;align-items:start;margin:0;padding:12px 0;border-bottom:1px dashed var(--c-line);text-align:start}
.elementor-menu-cart__products .elementor-menu-cart__product [data-title]::before{display:none}
.elementor-menu-cart__products .elementor-menu-cart__product-image{grid-column:1!important;grid-row:1!important;width:56px!important;margin:0}
.elementor-menu-cart__products .elementor-menu-cart__product-image img{width:56px!important;height:56px!important;border-radius:10px;object-fit:cover}
.elementor-menu-cart__products .elementor-menu-cart__product-name{display:contents!important}
.elementor-menu-cart__products .elementor-menu-cart__product-name>a{grid-column:2;grid-row:1;align-self:center;padding-inline-end:48px;font-size:14px;font-weight:700;line-height:1.5;color:var(--c-ink);text-align:start}
.elementor-menu-cart__products .elementor-menu-cart__product-name>.variation{grid-column:1/-1;grid-row:2;line-height:1.7}
.elementor-menu-cart__products .elementor-menu-cart__product-price{grid-column:1/-1!important;grid-row:3!important;justify-self:stretch;width:auto;padding:0!important;text-align:left!important;direction:rtl;font-size:14px;font-weight:700;color:var(--c-primary)}
.elementor-menu-cart__products .elementor-menu-cart__product-price .amount{font-size:14px;font-weight:700;color:var(--c-primary)}
.elementor-menu-cart__products .elementor-menu-cart__product-price .quantity{display:inline-block;text-align:left}
.elementor-menu-cart__products .elementor-menu-cart__product-remove{inset-inline-end:12px!important}
.elementor-menu-cart__subtotal{display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 0!important;font-size:16px;border-style:solid!important;border-width:1px 0 0 0!important;border-color:var(--c-line)!important;border-radius:0!important}
.elementor-menu-cart__subtotal .amount{font-weight:700;color:var(--c-primary)}

/* footer buttons: the resting look is pinned (Elementor's per-page CSS paints the kit accent #B91A55 on every button and loads after this file); hover stays in the brand */
.elementor-menu-cart__footer-buttons{display:grid;grid-template-columns:1fr;gap:10px}
.elementor-menu-cart__footer-buttons .elementor-button{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;font-size:16px;font-weight:700}
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--view-cart{border:1.5px solid var(--c-primary)!important;background:var(--c-white)!important;color:var(--c-primary)!important}
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{background:var(--c-tint-pink)!important}
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout{border:1.5px solid transparent;border-color:transparent!important;background:var(--grad-brand)!important;background-origin:border-box;color:var(--c-white)!important}
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{filter:brightness(.93);color:var(--c-white)}

/* the page behind an open side cart neither scrolls nor shifts (the scrollbar's room is kept) */
html:has(.elementor-menu-cart--shown),html:has(body.safy-qv-lock),html:has(body.safy-side-lock){overflow:hidden}