/* Homepage "Custom Content" section. Shared by the homepage and the admin editor (CMS > Custom Content),
   so the editor shows the section exactly as visitors will see it. */
    /* Same width as the header: Bootstrap's .container, with the header's side padding. */
    .home-custom-wrap { padding-top: 56px; padding-bottom: 8px; }
    @media (max-width: 640px) { .home-custom-wrap { padding-top: 36px; } }
    .homepage-custom-content {
        font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        color: #334155;
        line-height: 1.7;
    }
    .homepage-custom-content h1:not(.mxh *), .homepage-custom-content h2:not(.mxh *), .homepage-custom-content h3:not(.mxh *),
    .homepage-custom-content h4:not(.mxh *), .homepage-custom-content h5:not(.mxh *), .homepage-custom-content h6:not(.mxh *) {
        color: #0f172a;
        font-weight: 800;
        margin-top: 1.25rem;
        margin-bottom: 0.5rem;
        line-height: 1.3;
    }
    .homepage-custom-content p:not(.mxh *) {
        margin-bottom: 0.75rem;
    }
    /* Pasted images sit in the line of text the way they were copied (Tailwind's reset makes every image a block). */
    .homepage-custom-content img:not(.mxh *) {
        display: inline;
        vertical-align: middle;
        max-width: 100%;
        height: auto;
    }
    .homepage-custom-content table:not(.mxh *) {
        width: 100%;
        border-collapse: collapse;
        margin: 1rem 0;
    }
    .homepage-custom-content table th:not(.mxh *), .homepage-custom-content table td:not(.mxh *) {
        padding: 8px 12px;
        border: 1px solid #e2e8f0;
    }
    .homepage-custom-content table th:not(.mxh *) {
        background-color: #f8fafc;
        font-weight: 700;
    }
    .homepage-custom-content ul:not(.mxh *), .homepage-custom-content ol:not(.mxh *) {
        padding-left: 1.5rem;
        margin-bottom: 1rem;
    }
    .homepage-custom-content ul:not(.mxh *) { list-style-type: disc; }
    .homepage-custom-content ol:not(.mxh *) { list-style-type: decimal; }

    .trust-cards-container, .homepage-custom-content .trust-cards-container {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        width: 100% !important;
        margin: 16px 0 !important;
    }
    .trust-card-item, .homepage-custom-content .trust-card-item {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 16px !important;
        padding: 30px 24px !important;
        text-align: center !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
    }
    .trust-card-item:hover {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06) !important;
        transform: translateY(-2px) !important;
    }
    .trust-card-icon, .homepage-custom-content .trust-card-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 14px !important;
    }
    .trust-card-title, .homepage-custom-content .trust-card-title {
        color: #1e293b !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        margin: 0 0 10px 0 !important;
        line-height: 1.3 !important;
    }
    .trust-card-desc, .homepage-custom-content .trust-card-desc {
        color: #64748b !important;
        font-size: 12.5px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }
    @media (max-width: 991px) {
        .trust-cards-container, .homepage-custom-content .trust-cards-container {
            grid-template-columns: repeat(2, 1fr) !important;
        }
    }
    @media (max-width: 640px) {
        .trust-cards-container, .homepage-custom-content .trust-cards-container {
            grid-template-columns: 1fr !important;
        }
    }

    .homepage-custom-content,
    .homepage-custom-content * {
        box-sizing: border-box;
        max-width: 100%;
    }
    .homepage-custom-content {
        overflow-wrap: break-word;
        word-break: break-word;
    }
    .homepage-custom-content iframe,
    .homepage-custom-content video {
        max-width: 100% !important;
    }
    .homepage-custom-content [style*="grid-template-columns"] > * {
        min-width: 0 !important;
    }

    @media (max-width: 767px) {

        .homepage-custom-content [style*="minmax(280px"],
        .homepage-custom-content [style*="minmax(300px"],
        .homepage-custom-content [style*="minmax(320px"],
        .homepage-custom-content [style*="minmax(340px"],
        .homepage-custom-content [style*="minmax(360px"] {
            grid-template-columns: 1fr !important;
        }

        .homepage-custom-content [style*="minmax(140px"],
        .homepage-custom-content [style*="minmax(150px"],
        .homepage-custom-content [style*="minmax(160px"],
        .homepage-custom-content [style*="minmax(180px"],
        .homepage-custom-content [style*="minmax(200px"],
        .homepage-custom-content [style*="minmax(220px"],
        .homepage-custom-content [style*="minmax(240px"] {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px !important;
        }
        .homepage-custom-content [style*="minmax(180px"] > *,
        .homepage-custom-content [style*="minmax(200px"] > * {
            padding: 14px 10px !important;
        }

        .homepage-custom-content [style*="min-width"] {
            min-width: 0 !important;
        }
        .homepage-custom-content [style*="nowrap"] {
            white-space: normal !important;
        }
        .homepage-custom-content [style*="display: flex"],
        .homepage-custom-content [style*="display:flex"] {
            flex-wrap: wrap;
        }

        .homepage-custom-content [style*="padding: 40px"],
        .homepage-custom-content [style*="padding: 36px"],
        .homepage-custom-content [style*="padding: 32px"],
        .homepage-custom-content [style*="padding: 30px"] {
            padding: 24px 16px !important;
        }
        .homepage-custom-content [style*="padding: 24px"],
        .homepage-custom-content [style*="padding: 22px"] {
            padding: 18px 14px !important;
        }

        .homepage-custom-content h1:not(.mxh *),
        .homepage-custom-content [style*="font-size: 32px"],
        .homepage-custom-content [style*="font-size: 30px"],
        .homepage-custom-content [style*="font-size: 28px"] {
            font-size: 22px !important;
            line-height: 1.25 !important;
        }
        .homepage-custom-content h2:not(.mxh *),
        .homepage-custom-content [style*="font-size: 26px"],
        .homepage-custom-content [style*="font-size: 24px"] {
            font-size: 20px !important;
            line-height: 1.3 !important;
        }
        .homepage-custom-content [style*="font-size: 22px"],
        .homepage-custom-content [style*="font-size: 20px"] {
            font-size: 17px !important;
        }

        .homepage-custom-content [style*="justify-content: center"] > a[style*="padding"] {
            flex: 1 1 100%;
            text-align: center;
        }

        .homepage-custom-content table {
            display: block;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    #homeHeroCarousel a,
    #homeHeroCarousel img {
        -webkit-user-drag: none;
        user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }
