/*
Theme Name:  Hello Elementor Child
Theme URI:   https://atelier64.eu
Description: Child theme voor Hello Elementor
Author:      Niels Dalemans
Template:    hello-elementor
Version:     1.0.0
Text Domain: hello-elementor-child
*/


/* menu visibility */
.page-patients .menu-doctors {
    display: none !important;
}
.page-patients .menu-patients {
    display: block;
}
.page-doctors .menu-patients {
    display: none !important;
}
.page-doctors .menu-doctors {
    display: block;
}






/* cart styling */

#elementor-menu-cart__toggle_button,
.elementor-menu-cart__toggle_button:hover {
    border-radius: 100px;
}

/* hide quantity bubble when counter = 0 */
.elementor-menu-cart__toggle_button:has(.elementor-button-icon-qty[data-counter="0"]) {
    display: none !important;
}

/* Show + animate when greater than 0 */
.elementor-button-icon-qty:not([data-counter="0"]) {
    display: inline-block;
    animation: cartPulse 0.4s ease;
    transform-origin: center;
}

/* Pulse animation */
@keyframes cartPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

.elementor-menu-cart__main{
    width: 450px;
}

/* Remove from cart: link is the icon, clickable area matches */
.elementor-menu-cart__product-remove .cart-item-remove-link {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    color: var(--e-global-color-primary);
    border: none;
    background: transparent;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.elementor-menu-cart__product-remove .cart-item-remove-link,
.elementor-menu-cart__product-remove .cart-item-remove-link:hover,
.elementor-menu-cart__product-remove .cart-item-remove-link:focus,
.elementor-menu-cart__product-remove .cart-item-remove-link:focus-visible {
    color: var(--e-global-color-primary);
    opacity: 0.85;
    outline: none;
    box-shadow: none;
    background: transparent;
}

.elementor-menu-cart__product-remove.product-remove{
    border: none;
}

.elementor-menu-cart__product-remove .cart-item-remove-link svg {
    display: block;
    flex-shrink: 0;
}

/* Cart title: spacing between icon and text, primary color */
.elementor-menu-cart__cart-title {
    display: flex;
    align-items: center;
    gap: 0.75em;
    margin-bottom: 1em;
    font-size: 1.25em;
}

.elementor-menu-cart__cart-title-icon {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--e-global-color-primary);
}

.elementor-menu-cart__cart-title-icon svg {
    fill: currentColor;
}

.elementor-menu-cart__cart-title-icon svg path {
    stroke: currentColor;
    stroke-width: 25;
    paint-order: stroke fill;
}

.elementor-menu-cart__cart-title-text {
    color: var(--e-global-color-primary);
    font-size: 2rem;
    font-family: var(--e-global-typography-2ab4d05-font-family), sans-serif;
}

a.elementor-menu-cart__continue-shopping{
    display: inline;
    color: var(--e-global-color-text);
}

a.elementor-button--checkout.previous-orders{
    display: inline-block;
}


.elementor-menu-cart__product-image {
  display: none !important;
}

.elementor-menu-cart__product {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  background: #f8f8f8;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 12px;
  column-gap: 10px;
}

.elementor-menu-cart__product-name, .elementor-menu-cart__product-price{
    padding-inline-start: 0;
}

.elementor-menu-cart__product-name {
  grid-column: 1 / 2;
  padding-bottom: 10px;
}

.elementor-menu-cart__product-price,
.elementor-menu-cart__product-quantity-price {
  grid-column: 1 / 2;
}

/* Mini-cart quantity dropdown + price row */
.elementor-menu-cart__product-quantity-price {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: nowrap;
}

.elementor-menu-cart__product-quantity-price .mini-cart-qty-select {
  display: inline-block;
  width: auto;
  max-width: 3.5rem;
  min-width: 2.5rem;
  padding: 0.2em 0.35em;
  font-size: 0.9em;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  color: inherit;
  box-sizing: border-box;
}

.elementor-menu-cart__product-quantity-price .mini-cart-item-price {
  font-weight: 500;
}

.elementor-menu-cart__product-remove {
  grid-column: 2 / 3;
  grid-row: 3 / 3;
}



/* Remove pseudo-icons from remove cell so only our trash link shows */
.product-remove.elementor-menu-cart__product-remove:before,
.product-remove.elementor-menu-cart__product-remove::after {
    display: none;
}


/* hide checkout button */
.elementor-menu-cart__main .elementor-button--checkout{
    display: none;
}

/* hide subtotal */
.elementor-menu-cart__main .elementor-menu-cart__subtotal{
    display: none;
}


.elementor-element .elementor-menu-cart__main .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{
    font-weight: 400!important;
}





/* fake button styling */


.fake-button.elementor-button{
    display: inline-block;
    transition: background-color 0.3s ease;
    cursor: pointer;
    width: auto;
    max-width: fit-content!important;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    line-height: 1;
        font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
}

.fake-button.green.elementor-button{
    background-color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.fake-button.green.elementor-button:hover{
    background-color: white;
    border-color: var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
}


