/* Webzi Custom Fonts - Source Serif Pro Integration */

/* Import Source Serif Pro from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

/* Global Typography - Source Serif Pro for Headings */
h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

/* Specific heading weights - Extra BOLD for impact */
h1, .display-1, .display-2 {
    font-weight: 900;
    text-shadow: 0.3px 0 0 currentColor, -0.3px 0 0 currentColor;
    letter-spacing: -0.04em;
}

h2 {
    font-weight: 900;
    letter-spacing: -0.03em;
}

h3 {
    font-weight: 700;
    letter-spacing: -0.02em;
}

h4, h5, h6 {
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* Hero titles special styling - Maximum BOLD impact */
.hero-title, .hero-title-enhanced {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

/* Card titles */
.card-title {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 700;
}

/* Section titles */
.section-title {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 900;
    letter-spacing: -0.02em;
}

/* Pricing titles */
.pricing-title, .plan-title {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 700;
}

/* Feature titles */
.feature-title {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 700;
}

/* Navigation and brand - keep sans-serif for readability */
.navbar-brand, .nav-link {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Buttons - keep sans-serif for UI elements */
.btn {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
}

/* Form elements - keep sans-serif */
input, textarea, select, .form-control {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Plan names and package elements - keep sans-serif for clarity */
.plan-name, .package-name, .tier-name, .plan-title-name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Specific plan names in hosting pages - override h2 serif */
h2.text-primary, h2.fw-bold.text-primary {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Plan containers and pricing cards - specific overrides */
.pricing-card h2, .plan-card h2, .hosting-plan h2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Pricing numbers and currency - keep sans-serif for readability */
.price, .pricing-amount, .currency, .price-value {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 800;
}

/* Technical specifications and features lists - keep sans-serif */
.tech-specs, .feature-list, .spec-item, .plan-feature {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Labels, badges, and tags - keep sans-serif for UI consistency */
.label, .badge, .tag, .status-badge, .popular-badge {
    font-family: -apple-system, BlinkMacSystemFont, "Segue UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600;
}

/* Tables headers and data - keep sans-serif for readability */
.table th, .table td, .pricing-table th, .pricing-table td {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Menu navigation - standardize .menu-link with .dropdown-item typography */
.menu-link span:not(.badge) {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    color: #333;
    display: block;
    margin-bottom: 0.25rem;
}

.menu-link small {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.75rem;
    color: #6c757d;
    display: block;
    margin-bottom: 0.25rem;
}

/* Keep badges original size and styling */
.menu-link .badge {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    display: inline-block;
}

/* Body text - keep existing font for readability */
body, p, .lead {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Special elements that benefit from Playfair Display */
.hero-badge {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.clients-badge {
    font-family: -apple-system, BlinkMacSystemFont, "Segue UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
}

/* Logo and brand elements */
.brand-text, .logo-text {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 900;
    letter-spacing: -0.02em;
}

/* Quote and testimonials */
.quote, .testimonial, blockquote {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 600;
    font-style: italic;
    letter-spacing: -0.01em;
}

/* Enhanced readability for Source Serif Pro - Mobile optimized */
@media (max-width: 768px) {
    h1, .display-1, .display-2 {
        font-size: 2.5rem;
        line-height: 1.2;
        letter-spacing: -0.02em;
    }

    h2 {
        font-size: 2rem;
        line-height: 1.3;
        letter-spacing: -0.01em;
    }

    h3 {
        font-size: 1.75rem;
        line-height: 1.3;
        letter-spacing: -0.01em;
    }

    /* Hero titles on mobile */
    .hero-title, .hero-title-enhanced {
        font-size: 2.2rem;
        line-height: 1.2;
        letter-spacing: -0.02em;
    }
}