/* Affiliate Link Inserter - Frontend Button Styles */

/* Base button styles - with high specificity */
a.ali-affiliate-btn,
a.ali-affiliate-btn:link,
a.ali-affiliate-btn:visited {
    display: inline-block !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    user-select: none !important;
}

a.ali-affiliate-btn:hover,
a.ali-affiliate-btn:focus {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
    text-decoration: none !important;
    outline: none !important;
}

a.ali-affiliate-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Button Sizes */
a.ali-affiliate-btn.ali-btn-small {
    padding: 8px 16px !important;
    font-size: 13px !important;
}

a.ali-affiliate-btn.ali-btn-medium {
    padding: 12px 24px !important;
    font-size: 15px !important;
}

a.ali-affiliate-btn.ali-btn-large {
    padding: 16px 32px !important;
    font-size: 18px !important;
}

/* Button Colors - Primary (Blue) */
a.ali-affiliate-btn.ali-btn-primary,
a.ali-affiliate-btn.ali-btn-primary:link,
a.ali-affiliate-btn.ali-btn-primary:visited {
    background: #007bff !important;
    background-color: #007bff !important;
    color: #fff !important;
}

a.ali-affiliate-btn.ali-btn-primary:hover,
a.ali-affiliate-btn.ali-btn-primary:focus {
    background: #0056b3 !important;
    background-color: #0056b3 !important;
    color: #fff !important;
}

/* Button Colors - Success (Green) */
a.ali-affiliate-btn.ali-btn-success,
a.ali-affiliate-btn.ali-btn-success:link,
a.ali-affiliate-btn.ali-btn-success:visited {
    background: #28a745 !important;
    background-color: #28a745 !important;
    color: #fff !important;
}

a.ali-affiliate-btn.ali-btn-success:hover,
a.ali-affiliate-btn.ali-btn-success:focus {
    background: #218838 !important;
    background-color: #218838 !important;
    color: #fff !important;
}

/* Button Colors - Warning (Orange) */
a.ali-affiliate-btn.ali-btn-warning,
a.ali-affiliate-btn.ali-btn-warning:link,
a.ali-affiliate-btn.ali-btn-warning:visited {
    background: #ff9800 !important;
    background-color: #ff9800 !important;
    color: #fff !important;
}

a.ali-affiliate-btn.ali-btn-warning:hover,
a.ali-affiliate-btn.ali-btn-warning:focus {
    background: #e68900 !important;
    background-color: #e68900 !important;
    color: #fff !important;
}

/* Button Colors - Danger (Red) */
a.ali-affiliate-btn.ali-btn-danger,
a.ali-affiliate-btn.ali-btn-danger:link,
a.ali-affiliate-btn.ali-btn-danger:visited {
    background: #dc3545 !important;
    background-color: #dc3545 !important;
    color: #fff !important;
}

a.ali-affiliate-btn.ali-btn-danger:hover,
a.ali-affiliate-btn.ali-btn-danger:focus {
    background: #c82333 !important;
    background-color: #c82333 !important;
    color: #fff !important;
}

/* Button Colors - Dark (Black) */
a.ali-affiliate-btn.ali-btn-dark,
a.ali-affiliate-btn.ali-btn-dark:link,
a.ali-affiliate-btn.ali-btn-dark:visited {
    background: #343a40 !important;
    background-color: #343a40 !important;
    color: #fff !important;
}

a.ali-affiliate-btn.ali-btn-dark:hover,
a.ali-affiliate-btn.ali-btn-dark:focus {
    background: #23272b !important;
    background-color: #23272b !important;
    color: #fff !important;
}

/* Button Colors - Custom (Purple Gradient) */
a.ali-affiliate-btn.ali-btn-custom,
a.ali-affiliate-btn.ali-btn-custom:link,
a.ali-affiliate-btn.ali-btn-custom:visited {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
}

a.ali-affiliate-btn.ali-btn-custom:hover,
a.ali-affiliate-btn.ali-btn-custom:focus {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
    color: #fff !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    a.ali-affiliate-btn.ali-btn-large {
        padding: 14px 28px !important;
        font-size: 16px !important;
    }
    
    a.ali-affiliate-btn.ali-btn-medium {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }
    
    a.ali-affiliate-btn.ali-btn-small {
        padding: 7px 14px !important;
        font-size: 12px !important;
    }
}

/* Ensure buttons work in different contexts */
p a.ali-affiliate-btn,
div a.ali-affiliate-btn,
span a.ali-affiliate-btn,
article a.ali-affiliate-btn,
section a.ali-affiliate-btn {
    margin: 5px 0 !important;
}

/* Center alignment helper */
.ali-btn-center {
    text-align: center !important;
}

.ali-btn-center a.ali-affiliate-btn {
    display: inline-block !important;
}

/* Override common theme link styles */
.entry-content a.ali-affiliate-btn,
.post-content a.ali-affiliate-btn,
.article-content a.ali-affiliate-btn,
.content a.ali-affiliate-btn {
    border-bottom: none !important;
    text-decoration: none !important;
    background-image: none !important;
}

/* Reset any theme transformations */
a.ali-affiliate-btn {
    text-transform: none !important;
    letter-spacing: normal !important;
}