/**
 * Product Q&A - AI Chat Interface
 * Styled to match Owleys product sidebar
 */

/* === CONTAINER === */
.owleys-qa-block {
    background: transparent;
    padding: 0;
    margin: 24px 0 32px 0;
}

/* Content area - no card, just spacing */
.owleys-qa-content-area {
    margin-top: 16px;
}

/* Mobile */
@media (max-width: 767px) {
    .owleys-qa-block {
        margin: 20px 0 28px 0;
    }
}

/* === HEADER === */
.owleys-qa-header {
    margin-bottom: 0;
}

/* Title inherits product-subhead styles, just adds badge alignment */
.owleys-qa-title.product-subhead {
    display: flex;
    align-items: center;
    gap: 10px;
}

.owleys-qa-badge {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    gap: 4px;
    background: linear-gradient(135deg, #ff8338 0%, #ff9a5a 100%);
    color: #fff;
    font-family: Cabin, sans-serif;
    font-size: 9px !important;
    font-weight: 700;
    line-height: 1 !important;
    padding: 4px 8px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.owleys-qa-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.25) 50%,
        transparent 100%
    );
    animation: qa-badge-shimmer 3s ease-in-out infinite;
}

@keyframes qa-badge-shimmer {
    0% {
        left: -100%;
    }
    50%, 100% {
        left: 150%;
    }
}

.owleys-qa-ai-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20'%3E%3Cpath d='M12.34 7.36L10.54 6.76C9.4 6.38 8.51 5.47 8.14 4.33L7.54 2.5C7.44 2.2 7.16 2 6.85 2C6.54 2 6.26 2.2 6.17 2.5L5.57 4.33C5.19 5.47 4.3 6.38 3.17 6.76L1.36 7.36C1.07 7.46 0.87 7.74 0.87 8.06C0.87 8.37 1.07 8.65 1.36 8.75L3.17 9.36C4.3 9.74 5.19 10.64 5.57 11.79L6.17 13.61C6.27 13.91 6.54 14.11 6.85 14.11C7.16 14.11 7.44 13.91 7.54 13.61L8.14 11.79C8.51 10.64 9.4 9.74 10.54 9.36L12.34 8.75C12.64 8.65 12.83 8.37 12.83 8.06C12.83 7.74 12.63 7.46 12.34 7.36ZM13.12 15.2L13.46 16.23C13.51 16.39 13.66 16.5 13.84 16.5C14.02 16.5 14.17 16.39 14.22 16.23L14.56 15.2C14.77 14.56 15.27 14.06 15.9 13.84L16.91 13.51C17.08 13.45 17.19 13.29 17.19 13.12C17.19 12.94 17.07 12.78 16.91 12.73L15.9 12.39C15.27 12.17 14.77 11.67 14.56 11.03L14.22 10.01C14.17 9.84 14.02 9.73 13.84 9.73C13.66 9.73 13.51 9.84 13.46 10.01L13.12 11.03C12.91 11.67 12.41 12.18 11.78 12.39L10.77 12.73C10.6 12.78 10.49 12.94 10.49 13.12C10.49 13.29 10.61 13.45 10.77 13.51L11.78 13.84C12.41 14.06 12.91 14.56 13.12 15.2Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20'%3E%3Cpath d='M12.34 7.36L10.54 6.76C9.4 6.38 8.51 5.47 8.14 4.33L7.54 2.5C7.44 2.2 7.16 2 6.85 2C6.54 2 6.26 2.2 6.17 2.5L5.57 4.33C5.19 5.47 4.3 6.38 3.17 6.76L1.36 7.36C1.07 7.46 0.87 7.74 0.87 8.06C0.87 8.37 1.07 8.65 1.36 8.75L3.17 9.36C4.3 9.74 5.19 10.64 5.57 11.79L6.17 13.61C6.27 13.91 6.54 14.11 6.85 14.11C7.16 14.11 7.44 13.91 7.54 13.61L8.14 11.79C8.51 10.64 9.4 9.74 10.54 9.36L12.34 8.75C12.64 8.65 12.83 8.37 12.83 8.06C12.83 7.74 12.63 7.46 12.34 7.36ZM13.12 15.2L13.46 16.23C13.51 16.39 13.66 16.5 13.84 16.5C14.02 16.5 14.17 16.39 14.22 16.23L14.56 15.2C14.77 14.56 15.27 14.06 15.9 13.84L16.91 13.51C17.08 13.45 17.19 13.29 17.19 13.12C17.19 12.94 17.07 12.78 16.91 12.73L15.9 12.39C15.27 12.17 14.77 11.67 14.56 11.03L14.22 10.01C14.17 9.84 14.02 9.73 13.84 9.73C13.66 9.73 13.51 9.84 13.46 10.01L13.12 11.03C12.91 11.67 12.41 12.18 11.78 12.39L10.77 12.73C10.6 12.78 10.49 12.94 10.49 13.12C10.49 13.29 10.61 13.45 10.77 13.51L11.78 13.84C12.41 14.06 12.91 14.56 13.12 15.2Z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* === QUESTION CHIPS === */
.owleys-qa-questions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.owleys-qa-question-btn {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 8px 14px;
    font-family: Cabin, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

.owleys-qa-question-btn:hover {
    background: #fff;
    border-color: #ff8338;
    color: #ff8338;
}

.owleys-qa-question-btn.used {
    opacity: 0.4;
    pointer-events: none;
}

/* Discount question with tag icon */
.owleys-qa-question-discount {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.owleys-qa-discount-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-color: #ff8338;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M855.903027 561.400463 457.002421 933.283098C427.000478 961.36995 378.630415 961.004819 349.185589 932.452262L87.045522 678.255834C58.072052 650.160348 57.513624 603.882908 85.796115 574.971917L565.999763 84.097076 548.571428 91.428572 877.886948 91.428572C918.232493 91.428572 950.857143 124.131073 950.857143 164.747843L950.857143 481.52381C950.857143 494.989037 961.772866 505.904762 975.238095 505.904762 988.703324 505.904762 999.619049 494.989037 999.619049 481.52381L999.619049 164.747843C999.619049 97.226599 945.189001 42.666667 877.886948 42.666667L548.571428 42.666667C542.012309 42.666667 535.729847 45.30948 531.143093 49.998162L50.939447 540.873001C3.783193 589.077171 4.715564 666.343661 53.100125 713.262025L315.240192 967.458453C363.379925 1014.139405 441.35376 1014.728006 490.290377 968.915004L889.153871 597.067042C899.002925 587.885075 899.543706 572.457385 890.361739 562.608331 881.179772 552.759277 865.752081 552.218496 855.903027 561.400463L855.903027 561.400463Z'/%3E%3Cpath d='M743.619049 408.380951C804.212574 408.380951 853.333333 359.260194 853.333333 298.666667 853.333333 238.07314 804.212574 188.952381 743.619049 188.952381 683.025521 188.952381 633.904762 238.07314 633.904762 298.666667 633.904762 359.260194 683.025521 408.380951 743.619049 408.380951L743.619049 408.380951ZM743.619049 359.619049C709.955977 359.619049 682.666667 332.329737 682.666667 298.666667 682.666667 265.003597 709.955977 237.714286 743.619049 237.714286 777.282118 237.714286 804.571428 265.003597 804.571428 298.666667 804.571428 332.329737 777.282118 359.619049 743.619049 359.619049L743.619049 359.619049Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M855.903027 561.400463 457.002421 933.283098C427.000478 961.36995 378.630415 961.004819 349.185589 932.452262L87.045522 678.255834C58.072052 650.160348 57.513624 603.882908 85.796115 574.971917L565.999763 84.097076 548.571428 91.428572 877.886948 91.428572C918.232493 91.428572 950.857143 124.131073 950.857143 164.747843L950.857143 481.52381C950.857143 494.989037 961.772866 505.904762 975.238095 505.904762 988.703324 505.904762 999.619049 494.989037 999.619049 481.52381L999.619049 164.747843C999.619049 97.226599 945.189001 42.666667 877.886948 42.666667L548.571428 42.666667C542.012309 42.666667 535.729847 45.30948 531.143093 49.998162L50.939447 540.873001C3.783193 589.077171 4.715564 666.343661 53.100125 713.262025L315.240192 967.458453C363.379925 1014.139405 441.35376 1014.728006 490.290377 968.915004L889.153871 597.067042C899.002925 587.885075 899.543706 572.457385 890.361739 562.608331 881.179772 552.759277 865.752081 552.218496 855.903027 561.400463L855.903027 561.400463Z'/%3E%3Cpath d='M743.619049 408.380951C804.212574 408.380951 853.333333 359.260194 853.333333 298.666667 853.333333 238.07314 804.212574 188.952381 743.619049 188.952381 683.025521 188.952381 633.904762 238.07314 633.904762 298.666667 633.904762 359.260194 683.025521 408.380951 743.619049 408.380951L743.619049 408.380951ZM743.619049 359.619049C709.955977 359.619049 682.666667 332.329737 682.666667 298.666667 682.666667 265.003597 709.955977 237.714286 743.619049 237.714286 777.282118 237.714286 804.571428 265.003597 804.571428 298.666667 804.571428 332.329737 777.282118 359.619049 743.619049 359.619049L743.619049 359.619049Z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.owleys-qa-question-discount:hover .owleys-qa-discount-icon {
    background-color: #ff8338;
}

/* === CHAT CONTAINER === */
.owleys-qa-chat {
    background: #fafafa;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
    max-height: 480px;
    overflow-y: auto;
    scroll-behavior: smooth;
    border: 1px solid #eee;
}

.owleys-qa-chat:empty {
    display: none !important;
    margin: 0;
    padding: 0;
    min-height: 0;
    border: none;
}

/* Hide chat when no messages */
.owleys-qa-chat:not(:has(.owleys-qa-message)) {
    display: none !important;
}

/* === MESSAGE BUBBLES === */
.owleys-qa-message {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
    animation: qaSlideIn 0.3s ease;
}

.owleys-qa-message:last-child {
    margin-bottom: 0;
}

@keyframes qaSlideIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* User message - right aligned */
.owleys-qa-message.user {
    flex-direction: row-reverse;
}

.owleys-qa-message.user .owleys-qa-bubble {
    background: #ff8338;
    color: #fff;
    border-radius: 16px 16px 4px 16px;
}

.owleys-qa-message.user .owleys-qa-bubble p {
    margin: 0;
    font-weight: 500;
}

/* AI message - left aligned */
.owleys-qa-message.ai {
    align-items: flex-start;
}

.owleys-qa-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    background: url('https://owleys.com/wp-content/uploads/2025/11/555822863_17848221642570460_3151353561849583456_n.jpg') center center / cover no-repeat;
    border: 2px solid #ff8338;
}

.owleys-qa-bubble {
    background: #fff;
    border-radius: 16px 16px 16px 4px;
    padding: 12px 14px;
    max-width: calc(100% - 44px);
    font-family: Cabin, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    border: 1px solid #eee;
}

.owleys-qa-bubble p {
    margin: 0 0 10px;
}

.owleys-qa-bubble p:last-child {
    margin-bottom: 0;
}

.owleys-qa-bubble strong {
    color: #1a1a1a;
    font-weight: 600;
}

.owleys-qa-bubble ul,
.owleys-qa-bubble ol {
    margin: 8px 0;
    padding-left: 20px;
}

.owleys-qa-bubble li {
    margin-bottom: 4px;
}

.owleys-qa-bubble a {
    color: #ff8338;
    text-decoration: none;
}

.owleys-qa-bubble a:hover {
    text-decoration: underline;
}

/* Product recommendation links - colored text with underline */
.owleys-qa-bubble a.qa-product-link {
    color: #e85a00;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(232, 90, 0, 0.3);
    text-underline-offset: 2px;
    transition: all 0.15s ease;
}

.owleys-qa-bubble a.qa-product-link:hover {
    color: #ff8338;
    text-decoration-color: #ff8338;
}

.owleys-qa-bubble a.qa-product-link strong {
    color: inherit;
    font-weight: 700;
}

/* === TYPING INDICATOR === */
.owleys-qa-typing {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 0;
}

.owleys-qa-typing span {
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    animation: qaTypingBounce 1.4s ease-in-out infinite;
}

.owleys-qa-typing span:nth-child(1) { animation-delay: 0s; }
.owleys-qa-typing span:nth-child(2) { animation-delay: 0.15s; }
.owleys-qa-typing span:nth-child(3) { animation-delay: 0.3s; }

@keyframes qaTypingBounce {
    0%, 60%, 100% {
        transform: translateY(0);
        background: #ccc;
    }
    30% {
        transform: translateY(-5px);
        background: #ff8338;
    }
}

/* === INPUT AREA === */
/* Form reset */
form.owleys-qa-input-wrap {
    margin: 0;
}

.owleys-qa-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 24px;
    padding: 4px 4px 4px 16px;
    transition: all 0.2s ease;
}

.owleys-qa-input-wrap:focus-within {
    background: #fff;
    border-color: #ff8338;
}

.owleys-qa-input {
    flex: 1;
    border: none;
    padding: 10px 0;
    font-family: Cabin, sans-serif;
    font-size: 16px; /* Prevents iOS zoom on focus */
    outline: none;
    background: transparent;
    min-width: 0;
    color: #333;
    touch-action: manipulation;
}

.owleys-qa-input::placeholder {
    color: #999;
}

.owleys-qa-submit {
    background: #fff;
    border: 1px solid #ff8338;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.owleys-qa-submit:hover {
    background: #ff8338;
}

.owleys-qa-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.owleys-qa-submit svg {
    width: 16px;
    height: 16px;
    stroke: #ff8338;
    transition: stroke 0.2s ease;
}

.owleys-qa-submit:hover svg {
    stroke: #fff;
}

/* === DISCLAIMER === */
.owleys-qa-disclaimer {
    font-family: Cabin, sans-serif;
    font-size: 11px;
    color: #999;
    margin: 12px 0 0;
    text-align: center;
}

/* === MOBILE === */
@media (max-width: 767px) {
    .owleys-qa-block {
        margin: 20px 0 0;
    }
    
    .owleys-qa-questions {
        gap: 6px;
        flex-wrap: wrap;
        margin: 0 0 16px;
    }
    
    .owleys-qa-question-btn {
        padding: 7px 12px;
        font-size: 14px;
        white-space: normal;
    }
    
    .owleys-qa-chat {
        max-height: 400px;
        padding: 12px;
    }
    
    .owleys-qa-avatar {
        width: 28px;
        height: 28px;
    }
    
    .owleys-qa-bubble {
        padding: 10px 12px;
        font-size: 13px;
        max-width: calc(100% - 40px);
    }
    
    .owleys-qa-input-wrap {
        padding: 3px 3px 3px 14px;
    }
    
    .owleys-qa-submit {
        width: 32px;
        height: 32px;
        background: #ff8338 !important;
        border-color: #ff8338 !important;
    }
    
    .owleys-qa-submit svg {
        width: 14px;
        height: 14px;
        stroke: #fff !important;
    }
}

/* === ACCESSIBILITY === */
.owleys-qa-question-btn:focus,
.owleys-qa-submit:focus {
    outline: 2px solid #ff8338;
    outline-offset: 2px;
}

.owleys-qa-question-btn:focus:not(:focus-visible),
.owleys-qa-submit:focus:not(:focus-visible) {
    outline: none;
}

.owleys-qa-input:focus {
    outline: none;
}

/* =============================
   Category QA variant (filters)
   ============================= */
.owleys-qa-block--category {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    margin: 0 0 24px;
}

.owleys-qa-block--category .owleys-qa-header {
    margin-bottom: 10px;
}

.owleys-qa-block--category .owleys-qa-title.product-subhead {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    gap: 6px;
}

.owleys-qa-block--category .owleys-qa-badge {
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.owleys-qa-block--category .owleys-qa-badge .owleys-qa-ai-icon {
    width: 16px;
    height: 16px;
    background-color: #ff8338;
}

.owleys-qa-block--category .owleys-qa-questions {
    gap: 6px;
    margin-bottom: 10px;
}

.owleys-qa-block--category .owleys-qa-avatar {
    width: 22px;
    height: 22px;
    border-width: 1px;
}

.owleys-qa-block--category .owleys-qa-question-btn {
    font-size: 12px;
    padding: 7px 10px;
    border-radius: 16px;
    min-height: 32px;
    line-height: 1.3;
}

.owleys-qa-block--category .owleys-qa-question-btn.owleys-qa-question-discount {
    padding-left: 10px;
}

.owleys-qa-block--category .owleys-qa-chat {
    min-height: 120px;
    padding: 12px;
    border-radius: 10px;
}

.owleys-qa-block--category .owleys-qa-input-wrap {
    margin-top: 10px;
    position: relative;
    padding: 6px 10px 6px 10px;
    gap: 0;
}

.owleys-qa-block--category .owleys-qa-input {
    padding: 8px 40px 8px 12px;
    min-height: 34px;
    font-size: 13px;
    border-radius: 12px;
    width: 100%;
}

.owleys-qa-block--category .owleys-qa-submit {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
    border-radius: 50%;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 !important;
}

.owleys-qa-block--category .owleys-qa-submit svg {
    width: 14px;
    height: 14px;
}

.owleys-qa-block--category .owleys-qa-disclaimer {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .owleys-qa-message,
    .owleys-qa-typing span {
        animation: none;
    }
}

/* Accessibility - visually hidden but screen reader accessible */
.owleys-qa-block .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Subscribe Form in Q&A answers - compact version - isolated from nicelabel */
.owleys-qa-block .owleys-qa-bubble .owleys-qa-subscribe-form,
.owleys-qa-block .owleys-qa-subscribe-form {
    background: linear-gradient(135deg, #fff8f5 0%, #fff 100%) !important;
    border: 1px solid #ffe4d6 !important;
    border-radius: 10px !important;
    padding: 12px !important;
    margin: 10px 0 4px !important;
    all: unset !important;
    display: block !important;
    background: linear-gradient(135deg, #fff8f5 0%, #fff 100%) !important;
    border: 1px solid #ffe4d6 !important;
    border-radius: 10px !important;
    padding: 12px !important;
    margin: 10px 0 4px !important;
    box-sizing: border-box !important;
}

.owleys-qa-block .owleys-qa-bubble .owleys-qa-subscribe-intro,
.owleys-qa-block .owleys-qa-subscribe-intro {
    all: unset !important;
    display: block !important;
    font-size: 13px !important;
    color: #555 !important;
    margin: 0 0 10px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    font-family: Cabin, sans-serif !important;
}

.owleys-qa-block .owleys-qa-bubble .owleys-qa-subscribe-fields,
.owleys-qa-block .owleys-qa-subscribe-fields {
    all: unset !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.owleys-qa-block .owleys-qa-bubble input.owleys-qa-sub-name,
.owleys-qa-block .owleys-qa-bubble input.owleys-qa-sub-email,
.owleys-qa-block input.owleys-qa-sub-name,
.owleys-qa-block input.owleys-qa-sub-email {
    all: unset !important;
    display: block !important;
    width: 100% !important;
    padding: 8px 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    font-family: Cabin, sans-serif !important;
    font-size: 13px !important;
    color: #333 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 1.4 !important;
}

.owleys-qa-block .owleys-qa-bubble input.owleys-qa-sub-name:focus,
.owleys-qa-block .owleys-qa-bubble input.owleys-qa-sub-email:focus,
.owleys-qa-block input.owleys-qa-sub-name:focus,
.owleys-qa-block input.owleys-qa-sub-email:focus {
    outline: none !important;
    border-color: #ff8338 !important;
}

.owleys-qa-block .owleys-qa-bubble button.owleys-qa-sub-btn,
.owleys-qa-block button.owleys-qa-sub-btn {
    all: unset !important;
    display: block !important;
    width: 100% !important;
    padding: 10px 16px !important;
    background: linear-gradient(135deg, #ff8338 0%, #ff9a5a 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: Cabin, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 10px rgba(255, 131, 56, 0.25) !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.owleys-qa-block .owleys-qa-bubble button.owleys-qa-sub-btn:hover,
.owleys-qa-block button.owleys-qa-sub-btn:hover {
    box-shadow: 0 5px 14px rgba(255, 131, 56, 0.35) !important;
}

.owleys-qa-block .owleys-qa-bubble button.owleys-qa-sub-btn:disabled,
.owleys-qa-block button.owleys-qa-sub-btn:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.owleys-qa-block .owleys-qa-bubble .owleys-qa-subscribe-note,
.owleys-qa-block .owleys-qa-subscribe-note {
    all: unset !important;
    display: block !important;
    font-size: 10px !important;
    color: #999 !important;
    margin: 6px 0 0 !important;
    text-align: center !important;
    font-family: Cabin, sans-serif !important;
}

.owleys-qa-subscribe-success {
    text-align: center;
    padding: 16px;
}

.owleys-qa-subscribe-success h4 {
    color: #2e7d32;
    margin: 0 0 8px;
    font-size: 16px;
}

.owleys-qa-subscribe-success p {
    color: #555;
    margin: 0;
    font-size: 13px;
}

.owleys-qa-subscribe-error {
    color: #d32f2f;
    font-size: 12px;
    margin: 8px 0 0;
    text-align: center;
}