/**
 * Fortmindz Tabbed Variations Styles
 *
 * This file contains the styles for the front-end product variations display.
 */

/* ==========================================================================
   Main Tabbed Container
   ========================================================================== */
#fortmindz-tabbed-variations-container {
    margin-bottom: 20px;
}

.product_link .viewprod{
    display: none;
}

/* default Magnific close */
.mfp-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #333;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    opacity: 0.8;
    cursor: pointer;
    transition: opacity 0.2s;
}
.mfp-close:hover {
    opacity: 1;
}
.mfp-close-btn-in .mfp-close{
    color: #fff !important;
}

/*.single_variation_wrap{
    display: none !important;
}
*/
/* simple spinner */
#addon-loader .spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: spin 1s linear infinite;
  margin: 0 auto 10px auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* target your popup inner container */
#addon-popup .addon-inner {
    background: #fff;         /* white background */
    padding: 20px;            /* some spacing */
    border-radius: 10px;      /* rounded corners */
    max-width: 600px;         /* ✅ max width */
    margin: 0 auto;           /* center it */
}

/* make sure text wraps nicely */
#addon-popup h3 {
    margin-bottom: 15px;
}


/* Loader container */
.custom-loader {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #96588a; /* WooCommerce purple */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 20px auto;
}

/* Center inside parent */
.custom-loader.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.prod-main .tabsec-prod .tabcontent-prod-outer .tabcontent-prod ul li input[type=radio]
  {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}