/* Frontend shared styles for HireTalent CTA Blocks */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Sen:wght@400;700;800&family=Sora:wght@400;600;700;800&display=swap');

/* Base reset for all CTA blocks */
[class^="htcta-"] *,
[class^="htcta-"] *::before,
[class^="htcta-"] *::after {
    box-sizing: border-box;
}

/* Ensure consistent link behavior */
[class^="htcta-"] a {
    text-decoration: none !important;
}

[class^="htcta-"] a:focus {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

/* Button focus states for accessibility */
[class^="htcta-"] button:focus,
[class^="htcta-"] input:focus {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

/* Smooth transitions on all interactive elements */
[class^="htcta-"] a,
[class^="htcta-"] button {
    transition: all 0.2s ease;
}

/*
 * HIGH SPECIFICITY OVERRIDES
 * These rules ensure plugin styles take priority over theme styles
 * by using high specificity selectors and !important where needed
 */

/* Force inline style attributes to take priority for buttons */
[class^="htcta-"] a[class*="__button"][style],
[class^="htcta-"] button[class*="__button"][style],
[class*="htcta-"][class*="__button"][style] {
    background-color: var(--htcta-btn-bg) !important;
    color: var(--htcta-btn-color, #ffffff) !important;
}

/* Advanced Inline CTA Button Overrides */
.htcta-advanced-inline .htcta-advanced-inline__button.htcta-advanced-inline__button--primary[style] {
    background-color: attr(style background-color) !important;
}

.htcta-advanced-inline__button.htcta-advanced-inline__button--primary {
    color: #ffffff !important;
}

.htcta-advanced-inline__button.htcta-advanced-inline__button--secondary {
    background: transparent !important;
}

/* Simple Inline CTA */
.htcta-inline .htcta-inline__button {
    color: #ffffff !important;
}

/* Service Highlight CTA */
.htcta-service .htcta-service__button {
    background: transparent !important;
}

/* Stats Trust CTA */
.htcta-stats .htcta-stats__button {
    text-decoration: none !important;
}

/* Comparison CTA */
.htcta-comparison .htcta-comparison__button {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Author Expert CTA */
.htcta-author .htcta-author__button {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Urgent CTA */
.htcta-urgent .htcta-urgent__button {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Newsletter CTA */
.htcta-newsletter .htcta-newsletter__button {
    color: #ffffff !important;
}

/* Testimonial Quote CTA */
.htcta-testimonial .htcta-testimonial__button {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Pro/Con Comparison CTA */
.htcta-procon .htcta-procon__button {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Print styles */
@media print {
    [class^="htcta-"] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}