/**
 * WebQMS Caddy Customizations CSS
 * Custom styles for Caddy plugin overrides
 */

/* Override closed state icon only */
.cc-compass:not(.cc-compass-open) .licon::before {
    content: "\f07a" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #fff;
    font-size: 28px;
    -webkit-font-smoothing: auto;
}

/* Ensure Font Awesome is properly displayed for closed state */
.cc-compass:not(.cc-compass-open) .licon {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Keep original open state unchanged */
.cc-compass.cc-compass-open .licon::before {
    content: "\e901" !important;
    font-family: "caddy-public-icons" !important;
    color: #000;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    transition: all 0.3s ease;
}

/* Cart count bubble styling */
span.cc_cart_count {
    background-color: #f4d35e !important;
    border-radius: 100%;
    color: var( --e-global-color-9034b41 ) !important;
    display: block;
    font-size: 10px;
    height: 1.6em;
    inset-inline-end: -.7em;
    line-height: 1.5em;
    min-width: 1.6em;
    position: absolute;
    text-align: center;
    top: -.7em;
    margin-right: 10px;
}

.cc-compass,
.cc-button.cc-button-primary {
    background-color: #f4d35e !important;
    color: var( --e-global-color-9034b41 ) !important;
}

.cc-cart-actions a.cc-button-primary {
    background-color: #f4d35e !important;
    width: 100%;
    margin-top: 15px !important;
    font-size: 1em;
    line-height: 1;
    padding: 16px 20px 19px 20px;
    transition: 0.5s;
    color: var( --e-global-color-9034b41 ) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }
  
  .cc-cart-actions a.cc-button-primary svg {
    width: 17px;
    height: 17px;
    color: var( --e-global-color-9034b41 ) !important;
  }
  
  .cc-cart-actions.cc-no-branding {
    bottom: 0;
    padding-bottom: 20px;
  }
  
  .cc-cart-actions a.cc-button-primary:hover {
    background-image: none;
    background-color: #f4d35e !important;
    color: var( --e-global-color-9034b41 ) !important;
    padding-left: 8px;
  }

  .cc-compass:not(.cc-compass-open) .licon::before {
    color: var( --e-global-color-9034b41 ) !important;
  }

.cc-compass-count {
    background-color:var(--e-global-color-e503db8);
}

.cc-compass.cc-compass-open {
    background-color: var(--cc-compass-open-bg-color) !important;
}

/* Cart items link styling */
.cc_cart_items_list {
    color: var(--e-global-color-text) !important;
}

/* Hide shipping subtext */
.cc-total-box .cc-subtotal-subtext {
    display: none;
}

/* Product title styling with pipe character separation */
.webqms-title-primary {
    color: var(--e-global-color-e503db8) !important;
    font-weight: bold;
}

.webqms-title-secondary {
    color: inherit;
    font-weight: normal !important;
}

/* Ensure the styling applies to both linked and non-linked titles */
.cc_item_title .webqms-title-primary,
.cc_item_title a .webqms-title-primary {
    color: var(--e-global-color-e503db8) !important;
    font-weight: bold;
}

.cc_item_title .webqms-title-secondary,
.cc_item_title a .webqms-title-secondary {
    color: inherit;
    font-weight: normal !important;
}

.cc-cart-product-list span.webqms-title-primary,
.cc-cart-product-list span.webqms-title-secondary {
    display: inline;
}

.cc-item-content-top .cc_item_total_price {
    width: 30%;
}

.cc_item_quantity_wrap {
    width: 100px;
}

/* Ensure the styling applies in order summary */
.wc-block-components-order-summary-item .wc-block-components-product-name .webqms-title-primary {
    color: inherit !important;
}

/* Ensure inline display for title spans */
.wc-block-components-product-name span.webqms-title-primary,
.wc-block-components-product-name span.webqms-title-secondary {
    display: inline;
}