/* Add custom CSS styles below */ 

/* Target the Snapchat link container to create the yellow circle */
salla-social a[href*="snapchat"],
.s-social-icon-snapchat {
    background-color: #fcec0d !important; /* Darker, eye-relief yellow */
    color: #ffffff !important;           /* Makes the Ghost white */
    border-radius: 50% !important;       /* Ensures it is a perfect circle */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;              /* Adjust size if needed */
    height: 35px !important;             /* Adjust size if needed */
    border: none !important;             /* Removes any default borders */
}

/* Target the Out of Stock button background */
.s-add-product-button-item.s-add-product-button-disabled,
salla-add-product-button button:disabled,
salla-add-product-button .s-add-product-button-disabled {
    background-color: #B22222 !important; /* A deep, professional red */
    border-color: #8B0000 !important;     /* Slightly darker border */
    color: #ffffff !important;           /* Keeps text white */
    opacity: 1 !important;               /* Prevents it from looking "faded" */
    cursor: not-allowed !important;
}

/* Optional: Ensure the text stays clear */
salla-add-product-button .s-add-product-button-text {
    color: #ffffff !important;
}