@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");

/* Apply Inter font to all elements */
*,
*::before,
*::after {
    font-family: "Inter", sans-serif !important;
}

body {
    font-family: "Inter", sans-serif;
    background-color: #fbf3f0;
    font-size: 16px;
    letter-spacing: -0.3px;
}

/* Override any previous Karla usage with Inter */
.karla-font-family {
    font-family: "Inter", sans-serif !important;
}

/* Scroll margin for anchor navigation */
#basic-business-info,
#map-links,
#external-audit {
    scroll-margin-top: 2rem;
}

/* Loading state styles */
body.loading {
    overflow: hidden;
}

#initial-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000001;
}

.basic-info-section {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 8px;
    padding-bottom: 4px;
}

.basic-info-section > div {
    margin-bottom: 0px;
}

.basic-info-section label {
    font-size: 1rem;
    font-weight: 400;
    color: #3F4254;
    margin-bottom: 6.5px;
}

#business-name-value-field {
    padding-bottom: 40px;
}

.title-claimed-status {
    font-size: 18px;
}

#pull-page-title {
    display: inline-block;
    margin-left: 20px;
}

.data-label-field {
    opacity: 100%;
}

#review-graph-field {
    margin-bottom: 60px;
}

.section-title {
    padding-bottom: 20px;
}

#review-graph-section {
    padding-top: 0px;
}

.sub-section-header {
    margin-top: 50px;
    margin-bottom: 30px;
    text-decoration: underline;
    margin-left: 15px;
}

.brand-image-logo-dimention {
    max-height: 20px;
    max-width: 20px;
    height: auto;
    width: auto;
}

@media (min-width: 768px) {
    #currentAddress, #website, #phoneNumber,
    #businessStatus, #latLng, #categories, #placeID,
    #kgID, #cidNumber, #businessProfileID, #product, #services, #reviewListDisplayLink, #reviewRequestLink,
    #knowledgePanelPageLink, #gmbPostDisplayLink,
    #questionsAndAnswersPageLink,
    #gmbWithSameWebsiteDomainLink, #gmbAtSameAddress, #placeIdGMBLink, #CIDGMBLink,
    #websiteContentIndexedByGoogleLastMonth, #websiteContentIndexedByGoogle,
    #analyzeWebsiteTraffic, #analyzeMobileFriendliness,
    #websitePageSpeedScore, #domainNameLookup, #websiteTechnologyUsed,
    #websiteSchemaValidator, #websiteAudit, #websiteHistory, #websiteCacheByGoogle,
    #websiteContentIndexedByGoogleLastWeek, #websiteContentIndexedByGoogleInLastMonth6Months {
        text-align: left;
    }

    #website a, #reviewListDisplayLink a, #product a, #services a, #reviewRequestLink a,
    #knowledgePanelPageLink a, #gmbPostDisplayLink a,
    #questionsAndAnswersPageLink a, #gmbWithSameWebsiteDomainLink a, #gmbAtSameAddress a,
    #websiteContentIndexedByGoogleLastMonth a, #websiteContentIndexedByGoogle a,
    #analyzeWebsiteTraffic a, #analyzeMobileFriendliness a,
    #websitePageSpeedScore a, #domainNameLookup a, #websiteTechnologyUsed a,
    #websiteSchemaValidator a, #websiteAudit a, #websiteHistory a, #websiteCacheByGoogle a,
    #websiteContentIndexedByGoogleLastWeek a, #websiteContentIndexedByGoogleInLastMonth6Months a,
    #placeIdGMBLink a, #CIDGMBLink a {
        overflow-wrap: anywhere;
    }
}




#upgrade-button {
    opacity: 100%;
}

.no-underline:hover {
    text-decoration: none !important;
}

.tooltip {
    z-index: 999;
}

.tooltip.bs-tooltip-top {
    margin-bottom: 20px;
}

.tooltip.bs-tooltip-bottom {
    margin-top: 20px;
}

.tooltip.bs-tooltip-left {
    margin-right: 20px;
}

.tooltip.bs-tooltip-right {
    margin-left: 20px;
}

.tooltip > .arrow::before {
    display: none;
}

.basic-info-section h6 {
    display: inline;
}

.dashboard-section {
    padding: 1em 2em;
}

@media print {

    @page {
        size: 11in 17in;
        margin: 0;
    }

    body {
        margin: 0;
        padding: 0;
    }

    .no-print, .no-print * {
        display: none !important;
    }

    .dashboard-section {
        padding: 0px !important;
    }

    .info-item {
        width: 33% !important;
        overflow-wrap: anywhere !important;
    }

    .custom-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-row-gap: 16px !important;
        grid-column-gap: 16px !important;
    }

    .custom-grid a {
        overflow-wrap: anywhere !important;
    }
}

.tooltip-inner {
    background: linear-gradient(135deg, #fef7f0 0%, #fdf2e9 100%);
    border: 1px solid #d4a574;
    color: #6b4423;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    padding: 12px 16px;
    border-radius: 3px;
    box-shadow: 0 4px 20px rgba(166, 101, 60, 0.12), 0 1px 3px rgba(0, 0, 0, 0.1);
    max-width: 320px;
    word-wrap: break-word;
}


/* Data fields styling - background removed */
#business-address-value-field,
#website-value-field,
#phone-number-value-field,
#business-status-value-field,
#business-latlong-value-field,
#categories-value-field,
#place-id-value-field,
#business-kg-id-value-field,
#cid-number-value-field,
#business-profile-value-field,
#review-list-url-value-field,
#review-request-url-value-field,
#knowledge-panel-value-field,
#gmb-post-url-value-field,
#question-and-answers-value-field,
#product-value-field,
#services-value-field,
#gmb-at-same-address-field,
#gmb-with-same-website-domain-field,
#link-from-place-id-field,
#link-from-cid-field,
#google-cache-website-value-field,
#google-query-indexed-field,
#google-query-indexed-last-week-field,
#google-query-indexed-last-month-value-field,
#google-query-indexed-last-6-month-value-field,
#traffic-analysis-value-field,
#mobile-friendly-test-value-field,
#page-speed-score-value-field,
#domain-lookup-value-field,
#technology-used-value-field,
#website-schema-value-field,
#website-audit-value-field,
#website-history-value-field,
#categories-services-value-field,
#business-hours-value-field,
#business-attributes-value-field {
    /* background-color: #f9f7f5; - removed background */
    border-radius: 3px;
    padding: 2px 0px;
}

/* Question mark tooltip styling - muted theme color */
.question-for-tooltip {
    color: #a6653c !important;
    opacity: 0.6;
    transition: opacity 0.2s ease;
    transform: scale(0.8) !important; /* Make question marks 20% smaller */
    display: inline-block !important;
}

.question-for-tooltip:hover {
    color: #8b542f !important;
    opacity: 1;
}

/* Enhanced hover effects for data fields with tooltips */
.data-label-field {
    transition: all 0.2s ease;
    cursor: pointer;
}

.data-label-field:hover {
    background-color: rgba(201, 140, 110, 0.05) !important;
    border-radius: 6px;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(201, 140, 110, 0.1);
}

.data-label-field:hover .question-for-tooltip {
    color: #8b542f !important;
    opacity: 1;
    transform: scale(0.9) !important;
}

/* Hide external audit copy buttons by default */
#websiteCacheBtn,
#indexedContentBtn,
#indexedLastWeekBtn,
#indexedLastMonthBtn,
#indexed6MonthsBtn,
#trafficAnalysisBtn,
#mobileFriendlyBtn,
#pageSpeedBtn,
#domainLookupBtn,
#technologyUsedBtn,
#websiteSchemaBtn,
#websiteAuditBtn,
#websiteHistoryBtn {
    display: none;
}

/* Make all copy buttons smaller and theme-colored */
button[class*="copy-"],
#btnCurrentAddress,
#btnWebsite,
#btnPhone,
#btnBusinessStatus,
#btnLatLng,
#btnCategories,
#btnPlaceID,
#btnKGID,
#btnCIDNumber,
#btnBusinessProfileID,
#btnProduct,
#btnServices,
#btnReviewListDisplayLink,
#btnReviewRequestLink,
#btnKnowledgePanelPageLink,
#btnGmbPostDisplayLink,
#btnAskQuestionsRequestUrl,
#btnQuestionsAndAnswerUrl,
#btnGmbAtSameAddress,
#btnGmbWithSameWebsiteDomain,
#linkFromPlaceIdBtn,
#linkFromCIDBtn,
#websiteCacheBtn,
#indexedContentBtn,
#indexedLastWeekBtn,
#indexedLastMonthBtn,
#indexed6MonthsBtn,
#trafficAnalysisBtn,
#mobileFriendlyBtn,
#pageSpeedBtn,
#domainLookupBtn,
#technologyUsedBtn,
#websiteSchemaBtn,
#websiteAuditBtn,
#websiteHistoryBtn {
    padding: 2px 6px !important;
    font-size: 11px !important;
    background-color: #f5e8e2 !important;
    border-color: #d4a574 !important;
    color: #6b4423 !important;
}

button[class*="copy-"]:hover,
#btnCurrentAddress:hover,
#btnWebsite:hover,
#btnPhone:hover,
#btnBusinessStatus:hover,
#btnLatLng:hover,
#btnCategories:hover,
#btnPlaceID:hover,
#btnKGID:hover,
#btnCIDNumber:hover,
#btnBusinessProfileID:hover,
#btnProduct:hover,
#btnServices:hover,
#btnReviewListDisplayLink:hover,
#btnReviewRequestLink:hover,
#btnKnowledgePanelPageLink:hover,
#btnGmbPostDisplayLink:hover,
#btnAskQuestionsRequestUrl:hover,
#btnQuestionsAndAnswerUrl:hover,
#btnGmbAtSameAddress:hover,
#btnGmbWithSameWebsiteDomain:hover,
#linkFromPlaceIdBtn:hover,
#linkFromCIDBtn:hover,
#websiteCacheBtn:hover,
#indexedContentBtn:hover,
#indexedLastWeekBtn:hover,
#indexedLastMonthBtn:hover,
#indexed6MonthsBtn:hover,
#trafficAnalysisBtn:hover,
#mobileFriendlyBtn:hover,
#pageSpeedBtn:hover,
#domainLookupBtn:hover,
#technologyUsedBtn:hover,
#websiteSchemaBtn:hover,
#websiteAuditBtn:hover,
#websiteHistoryBtn:hover {
    background-color: #ead1c5 !important;
    border-color: #c98c6e !important;
}

/* Make only the main field SVG icons match text title color and size, not question marks */
.basic-info-section .mr-3 svg,
.basic-info-section .mr-4 svg {
    color: #374151 !important; /* text-neutral-700 equivalent */
    width: 18px !important; /* Keep current icon size */
    height: 18px !important;
}

/* Align icon containers with the first line of text */
.basic-info-section .mr-3,
.basic-info-section .mr-4 {
    display: flex !important;
    align-items: flex-start !important; /* Align with first line */
    padding-top: 1px !important; /* Fine-tune alignment with text baseline */
}

.list-container::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 4px;
}

.list-container::-webkit-scrollbar-thumb {
    background: #a6653c;
    border-radius: 4px;
    transition: background 0.2s ease;
}

.list-container::-webkit-scrollbar-thumb:hover {
    background: #8b542f;
}

/* Firefox scrollbar styling */
.list-container {
    scrollbar-width: thin;
    scrollbar-color: #a6653c #f3f4f6;
}

span>a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

span>a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.brand-image-logo-dimention {
    width: 18px;
}

/* Change default blue link color to theme color only in audit content areas */
#content a,
.basic-info-section a,
.data-label-field a {
color: #a6653c !important; /* text-primary-600 - same as "Basic Audit" title */
overflow-wrap: anywhere;
}

#content a:hover,
.basic-info-section a:hover,
.data-label-field a:hover {
color: #8b542f !important; /* text-primary-700 for hover state */
}

#content a:visited,
.basic-info-section a:visited,
.data-label-field a:visited {
color: #a6653c !important; /* Keep same color for visited links */
}