/* Subscription text styling in cart */
.new-nordic-subscription-added-text {
    font-size: 0.8em !important;
    color: #000 !important;
    margin-top: 5px !important;
    text-decoration: none !important;
    display: block;
    position: relative;
    padding-left: 8px;
    cursor: pointer;
}

/* Green bar to the left of subscription text */
.new-nordic-subscription-added-text::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #9AADA2;
    border-radius: 1px;
}

/* Clickable subscription link */
.new-nordic-subscription-link-text {
    cursor: pointer;
    color: #000 !important;
    text-decoration: underline !important;
    font-weight: 400;
}

.new-nordic-subscription-link-text:hover {
    color: #666 !important;
}

/* Mini-cart specific styling for subscription text */
.woocommerce-mini-cart .new-nordic-subscription-added-text {
    margin-left: 0;
    padding-left: 8px;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .new-nordic-subscription-added-text {
        margin-left: 0;
    }
}

/* Popup styles */
.new-nordic-subscription-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.new-nordic-subscription-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
    max-height: 80vh;
    overflow: hidden;
}

.new-nordic-subscription-popup-header {
    background: #fff;
    padding: 20px;
    justify-content: center;
    display: flex;
    padding-top:40px;
}

.new-nordic-subscription-popup-header h3 {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.new-nordic-subscription-popup-close {
    font-size: 36px;
    color: #6e6e6e;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 20px;
}

.new-nordic-subscription-popup-close:hover {
    color: #333;
}

.new-nordic-subscription-popup-content {
    padding: 30px;
    padding-top:5px;
}

.new-nordic-subscription-popup-content p {
    margin: 0;
    line-height: 1.6;
    color: #555;
}

.new-nordic-subscription-popup-footer {
    padding: 15px 20px;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    text-align: right;
}

.new-nordic-subscription-popup-close-btn {
    background: #a4b6ac;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.new-nordic-subscription-popup-close-btn:hover {
    background: #8fa396;
}

/* Responsive popup */
@media (max-width: 768px) {
    .new-nordic-subscription-popup {
        width: 95%;
        max-width: 90vw;
        margin: 10px;
        max-height: 90vh;
    }
    
    .new-nordic-subscription-popup-header,
    .new-nordic-subscription-popup-content,
    .new-nordic-subscription-popup-footer {
        padding: 15px;
    }
    
    .new-nordic-subscription-popup-header h3 {
        font-size: 16px;
    }
    
    .new-nordic-subscription-popup-close {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .new-nordic-subscription-popup {
        width: 98%;
        max-width: 95vw;
        margin: 5px;
        max-height: 95vh;
    }
    
    .new-nordic-subscription-popup-header,
    .new-nordic-subscription-popup-content,
    .new-nordic-subscription-popup-footer {
        padding: 12px;
    }
    
    .new-nordic-subscription-popup-header h3 {
        font-size: 14px;
    }
    
    .new-nordic-subscription-popup-close {
        font-size: 18px;
    }
    
    .new-nordic-subscription-popup-close-btn {
        padding: 6px 12px;
        font-size: 12px;
    }
}

/* Extra small devices */
@media (max-width: 320px) {
    .new-nordic-subscription-popup {
        width: 100%;
        max-width: 100vw;
        margin: 0;
        border-radius: 0;
        max-height: 100vh;
    }
    
    .new-nordic-subscription-popup-header,
    .new-nordic-subscription-popup-content,
    .new-nordic-subscription-popup-footer {
        padding: 10px;
    }
}

/* Green checkmark list items */
.new-nordic-subscription-popup-content li,
.new-nordic-checkmark-list li {
    list-style: none;
    position: relative;
    padding-left: 25px;
    line-height: 2em;
}

.new-nordic-subscription-popup-content li::before,
.new-nordic-checkmark-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4881 3.78676L5.82143 13.1201C5.69578 13.2556 5.51954 13.3328 5.33476 13.3334V13.3334C5.15756 13.3345 4.98724 13.2649 4.86143 13.1401L1.52809 9.80676C1.26668 9.54535 1.26668 9.12151 1.52809 8.8601C1.78951 8.59868 2.21334 8.59868 2.47476 8.8601L5.33476 11.7068L13.5148 2.8801C13.6717 2.68661 13.9233 2.59674 14.1673 2.64708C14.4113 2.69741 14.6068 2.87957 14.6743 3.11936C14.7418 3.35914 14.67 3.61656 14.4881 3.78676Z' fill='%235A8A00'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Purchase prompt bullets: per-device limits from New Nordic WP Suite > Subscription Options */
@media (min-width: 769px) {
    .nn-prompt-bullet--hide-desktop { display: none !important; }
}
@media (max-width: 768px) {
    .nn-prompt-bullet--hide-mobile { display: none !important; }
}