/**
 * HireHop Builder frontend styles.
 * Shared block styles can be placed here.
 */

.hhpb-block {
    position: relative;
}
/**
 * HireHop Builder global frontend fixes.
 */

.hhpb-block,
.hhpb-block * {
    box-sizing: border-box;
}

.hhpb-block img,
.hhpb-block video,
.hhpb-block svg {
    max-width: 100%;
}

.hhpb-block a {
    text-decoration: none;
}

.hhpb-block button,
.hhpb-block input,
.hhpb-block textarea,
.hhpb-block select {
    font-family: inherit;
}

.hhpb-block button {
    appearance: none;
    -webkit-appearance: none;
}

.hhpb-block [hidden] {
    display: none !important;
}

.hhpb-button {
    min-height: 52px;
    padding: 15px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(90deg, #1e4d92 0%, #53a9dc 100%);
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 14px 30px rgba(30, 77, 146, 0.2);
    transition: all 0.25s ease-in-out;
}

.hhpb-button:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(30, 77, 146, 0.28);
}

@media (max-width: 575px) {
    .hhpb-button {
        width: 100%;
    }
}
/* =========================================================
 * Dynamic Design System Overrides
 * These rules connect all custom blocks to HireHop Builder
 * settings from WP Admin > HireHop Builder.
 * ========================================================= */

.hhpb-block {
    font-family: var(--hhpb-font-family) !important;
    color: var(--hhpb-body-color) !important;
}

.hhpb-block .hh-container {
    width: 100% !important;
    max-width: var(--hhpb-container-width) !important;
    padding-left: var(--hhpb-container-side-padding) !important;
    padding-right: var(--hhpb-container-side-padding) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hhpb-block h1,
.hhpb-block .hh-hero-title,
.hhpb-block .hh-page-hero-content h1 {
    font-family: var(--hhpb-font-family) !important;
    font-size: var(--hhpb-h1-font-size) !important;
    font-weight: var(--hhpb-heading-weight) !important;
    color: var(--hhpb-heading-color) !important;
}

.hhpb-block h2,
.hhpb-block .hh-faq-title,
.hhpb-block .hh-integrations-title,
.hhpb-block .hh-blog-listing-head h2,
.hhpb-block .hh-accordion-content-head h2,
.hhpb-block .hh-support-cta-content h2,
.hhpb-block .hh-text-image-content h2 {
    font-family: var(--hhpb-font-family) !important;
    font-size: var(--hhpb-h2-font-size) !important;
    font-weight: var(--hhpb-heading-weight) !important;
    color: var(--hhpb-heading-color) !important;
}

.hhpb-block h3,
.hhpb-block .hh-blog-card h3,
.hhpb-block .hh-pricing-plan-title,
.hhpb-block .hh-accordion-content-side h3,
.hhpb-block .hh-integrations-card-content h3,
.hhpb-block .hh-industry-card h3,
.hhpb-block .hh-faq-question-text,
.hhpb-block .hh-accordion-content-question-text {
    font-family: var(--hhpb-font-family) !important;
    font-size: var(--hhpb-h3-font-size) !important;
    font-weight: var(--hhpb-heading-weight) !important;
    color: var(--hhpb-heading-color) !important;
}

.hhpb-block p,
.hhpb-block li,
.hhpb-block .hh-hero-subtitle,
.hhpb-block .hh-page-hero-subtitle,
.hhpb-block .hh-text-image-description,
.hhpb-block .hh-text-image-description p,
.hhpb-block .hh-text-image-description li,
.hhpb-block .hh-accordion-content-description,
.hhpb-block .hh-accordion-content-description p,
.hhpb-block .hh-accordion-content-description li,
.hhpb-block .hh-accordion-content-answer-inner,
.hhpb-block .hh-accordion-content-answer-inner p,
.hhpb-block .hh-accordion-content-answer-inner li,
.hhpb-block .hh-faq-answer-inner,
.hhpb-block .hh-faq-answer-inner p,
.hhpb-block .hh-faq-answer-inner li,
.hhpb-block .hh-blog-card-excerpt,
.hhpb-block .hh-integrations-head-right p,
.hhpb-block .hh-support-cta-description,
.hhpb-block .hh-support-cta-description p,
.hhpb-block .hh-support-cta-description li {
    font-family: var(--hhpb-font-family) !important;
    font-size: var(--hhpb-body-font-size) !important;
    line-height: var(--hhpb-body-line-height) !important;
    font-weight: var(--hhpb-body-font-weight) !important;
    color: var(--hhpb-body-color) !important;
}

.hhpb-block a,
.hhpb-block .hh-blog-card-link,
.hhpb-block .hh-integrations-link,
.hhpb-block .hh-learn-link,
.hhpb-block .hh-pricing-link {
    color: var(--hhpb-primary-color) !important;
}

.hhpb-block .hhpb-button,
.hhpb-block .hh-accordion-content-button,
.hhpb-block .hh-text-image-button,
.hhpb-block .hh-pricing-button,
.hhpb-block .hh-support-cta-btn,
.hhpb-block .hh-blog-search-form button {
    font-family: var(--hhpb-font-family) !important;
    font-size: var(--hhpb-button-font-size) !important;
    font-weight: var(--hhpb-button-font-weight) !important;
    border-radius: var(--hhpb-button-radius) !important;
    background: var(--hhpb-primary-gradient) !important;
    color: var(--hhpb-button-text-color) !important;
}

.hhpb-block .hh-support-cta-btn-secondary,
.hhpb-block .hh-pricing-button-secondary {
    background: var(--hhpb-white-color) !important;
    color: var(--hhpb-primary-color) !important;
    border-color: var(--hhpb-primary-color) !important;
}

.hhpb-block .hh-faq-icon,
.hhpb-block .hh-accordion-content-icon,
.hhpb-block .hh-blog-pagination .current,
.hhpb-block .hh-blog-pagination a:hover,
.hhpb-block .hh-integrations-placeholder,
.hhpb-block .hh-blog-card-category:hover,
.hhpb-block .hh-want-to-carousel-btn.is-active,
.hhpb-block .hh-trusted-logos-carousel-btn.is-active,
.hhpb-block .hh-customers-carousel-btn.is-active {
    background: var(--hhpb-primary-gradient) !important;
    color: var(--hhpb-button-text-color) !important;
}

.hhpb-block .hh-faq-item.is-open .hh-faq-icon,
.hhpb-block .hh-accordion-content-item.is-open .hh-accordion-content-icon {
    background: var(--hhpb-primary-gradient) !important;
    color: var(--hhpb-button-text-color) !important;
}

.hhpb-block .hh-faq-bg-light,
.hhpb-block .hh-integrations-bg-light,
.hhpb-block .hh-blog-listing-bg-light,
.hhpb-block .hh-text-image-bg-light,
.hhpb-block .hh-accordion-content-bg-light,
.hhpb-block .hh-page-hero-bg-light,
.hhpb-block .hh-support-cta-bg-light,
.hhpb-block .hh-feature-highlight-bg-light,
.hhpb-block .hh-pricing-card-head,
.hhpb-block .hh-integrations-card,
.hhpb-block .hh-blog-card-category,
.hhpb-block .hh-accordion-content-icon,
.hhpb-block .hh-faq-icon {
    background-color: var(--hhpb-light-bg-color) !important;
}

.hhpb-block .hh-accordion-content-bg-navy,
.hhpb-block .hh-faq-bg-navy,
.hhpb-block .hh-page-hero-bg-navy,
.hhpb-block .hh-support-cta-bg-navy {
    background-color: var(--hhpb-navy-color) !important;
}

.hhpb-block .hh-integrations-bg-white,
.hhpb-block .hh-blog-listing-bg-white,
.hhpb-block .hh-text-image-bg-white,
.hhpb-block .hh-accordion-content-bg-white,
.hhpb-block .hh-faq-bg-white,
.hhpb-block .hh-page-hero-bg-white {
    background-color: var(--hhpb-white-color) !important;
}

.hhpb-block .hh-faq-spacing-small,
.hhpb-block.hh-faq-spacing-small,
.hhpb-block .hh-integrations-spacing-small,
.hhpb-block.hh-integrations-spacing-small,
.hhpb-block .hh-blog-listing-spacing-small,
.hhpb-block.hh-blog-listing-spacing-small,
.hhpb-block .hh-text-image-spacing-small,
.hhpb-block.hh-text-image-spacing-small,
.hhpb-block .hh-accordion-content-spacing-small,
.hhpb-block.hh-accordion-content-spacing-small,
.hhpb-block .hh-support-cta-spacing-small,
.hhpb-block.hh-support-cta-spacing-small {
    padding-top: var(--hhpb-section-spacing-small) !important;
    padding-bottom: var(--hhpb-section-spacing-small) !important;
}

.hhpb-block .hh-faq-spacing-normal,
.hhpb-block.hh-faq-spacing-normal,
.hhpb-block .hh-integrations-spacing-normal,
.hhpb-block.hh-integrations-spacing-normal,
.hhpb-block .hh-blog-listing-spacing-normal,
.hhpb-block.hh-blog-listing-spacing-normal,
.hhpb-block .hh-text-image-spacing-normal,
.hhpb-block.hh-text-image-spacing-normal,
.hhpb-block .hh-accordion-content-spacing-normal,
.hhpb-block.hh-accordion-content-spacing-normal,
.hhpb-block .hh-support-cta-spacing-normal,
.hhpb-block.hh-support-cta-spacing-normal {
    padding-top: var(--hhpb-section-spacing-normal) !important;
    padding-bottom: var(--hhpb-section-spacing-normal) !important;
}

.hhpb-block .hh-faq-spacing-large,
.hhpb-block.hh-faq-spacing-large,
.hhpb-block .hh-integrations-spacing-large,
.hhpb-block.hh-integrations-spacing-large,
.hhpb-block .hh-blog-listing-spacing-large,
.hhpb-block.hh-blog-listing-spacing-large,
.hhpb-block .hh-text-image-spacing-large,
.hhpb-block.hh-text-image-spacing-large,
.hhpb-block .hh-accordion-content-spacing-large,
.hhpb-block.hh-accordion-content-spacing-large,
.hhpb-block .hh-support-cta-spacing-large,
.hhpb-block.hh-support-cta-spacing-large {
    padding-top: var(--hhpb-section-spacing-large) !important;
    padding-bottom: var(--hhpb-section-spacing-large) !important;
}

/* =========================================================
 * Per Block Advanced Design Controls
 * Scoped by assets/js/editor.js + includes/advanced-design.php
 * ========================================================= */

.hhpb-advanced-design-wrap {
    display: block;
}

.hhpb-advanced-design-wrap.hhpb-has-custom-background > .hhpb-block {
    background: var(--hhpb-block-background-color) !important;
}

.hhpb-advanced-design-wrap.hhpb-has-custom-spacing > .hhpb-block {
    padding-top: var(--hhpb-block-padding-top, inherit) !important;
    padding-bottom: var(--hhpb-block-padding-bottom, inherit) !important;
}

.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hhpb-button,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-hero-button,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-page-hero-button,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-text-image-button,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-accordion-content-button,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-support-cta-btn,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-pricing-button,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-blog-search-form button,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-blog-card-link,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-integrations-link,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-want-to-card-link,
.hhpb-advanced-design-wrap.hhpb-has-custom-button-background .hh-industry-card-link {
    background: var(--hhpb-button-background-color) !important;
    color: var(--hhpb-button-text-color) !important;
}

.hhpb-advanced-design-wrap .hhpb-button,
.hhpb-advanced-design-wrap .hh-hero-button,
.hhpb-advanced-design-wrap .hh-page-hero-button,
.hhpb-advanced-design-wrap .hh-text-image-button,
.hhpb-advanced-design-wrap .hh-accordion-content-button,
.hhpb-advanced-design-wrap .hh-support-cta-btn,
.hhpb-advanced-design-wrap .hh-pricing-button,
.hhpb-advanced-design-wrap .hh-blog-search-form button {
    border-radius: var(--hhpb-button-radius) !important;
}

.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-blog-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-integrations-logo-item,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-integrations-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-industry-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-pricing-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-faq-item,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-accordion-content-item,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-customer-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-testimonial-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-feature-highlight-panel,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-background .hh-want-to-card {
    background: var(--hhpb-card-background-color) !important;
}

.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-blog-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-integrations-logo-item,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-integrations-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-industry-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-pricing-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-faq-item,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-accordion-content-item,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-customer-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-testimonial-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-feature-highlight-panel,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-want-to-card,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-text-image-photo,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-page-hero-section,
.hhpb-advanced-design-wrap.hhpb-has-custom-card-radius .hh-support-cta-inner {
    border-radius: var(--hhpb-card-radius) !important;
}