/* Metabox styles */
#seo44_title, #seo44_description, #seo44_keywords{
	width:100%;
}
#seo44-use-example-title{
	margin-top:6px;
} 
	 
.seo44-metabox-heading{
	border-bottom: 3px solid #1a0dab;
    font-size: 150% !important;
    margin: 24px !important;
    padding: 2px !important;
	display: block !important;
	}
	
	.seo44-metabox-heading:before{
		content: " ";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.5' height='36' viewBox='0 0 25 24'%3E%3Cpath fill='%23233dff' d='M8.938 6.585c-.51 0-.92.147-1.208.462c-.286.306-.418.732-.418 1.254q-.001.584.262 1.062v.002c.174.309.473.646.887 1.01v.001c.32.279.528.509.636.692v.002q.158.255.159.615c0 .207-.043.325-.098.387c-.047.054-.126.093-.265.093c-.14 0-.22-.04-.27-.1c-.053-.063-.093-.175-.093-.362v-.582H7.294v.51c0 .533.129.966.407 1.279l.001.001c.283.31.692.454 1.2.454c.514 0 .929-.147 1.217-.462c.292-.313.427-.75.427-1.29q.002-.625-.252-1.105c-.168-.318-.469-.659-.889-1.024c-.32-.278-.531-.507-.646-.686a1.06 1.06 0 0 1-.157-.56c0-.184.038-.295.09-.357c.046-.057.122-.096.255-.096c.128 0 .204.039.253.098l.003.004c.048.055.089.166.089.369v.474h1.236v-.411c0-.532-.128-.963-.407-1.27c-.276-.317-.68-.464-1.183-.464'/%3E%3Cpath fill='%23233dff' fill-rule='evenodd' d='M16.024 6.585c-.515 0-.932.147-1.226.462c-.291.312-.427.743-.427 1.272v3.312c0 .529.136.96.428 1.272c.293.315.71.462 1.225.462s.932-.147 1.226-.462c.291-.312.427-.743.427-1.272V8.319c0-.53-.136-.96-.427-1.272c-.294-.315-.71-.462-1.226-.462m-.363 1.671c0-.19.04-.305.094-.37c.05-.06.13-.101.27-.101c.139 0 .219.04.268.1c.054.066.094.18.094.371v3.438c0 .19-.04.305-.094.37c-.05.06-.13.101-.269.101c-.14 0-.22-.04-.269-.1c-.054-.066-.094-.18-.094-.371z' clip-rule='evenodd'/%3E%3Cpath fill='%23233dff' d='M13.994 6.675h-3v6.6h3v-1.2h-1.71V10.44h1.359v-1.2h-1.36V7.875h1.71z'/%3E%3Cpath fill='%231a0dab' fill-rule='evenodd' d='M4.787 4.172a2.25 2.25 0 0 0-2.25 2.25v7.406a2.25 2.25 0 0 0 2.25 2.25h7v2.25h-2.25a.75.75 0 0 0 0 1.5h6a.75.75 0 1 0 0-1.5h-2.25v-2.25h7a2.25 2.25 0 0 0 2.25-2.25V6.422a2.25 2.25 0 0 0-2.25-2.25zm-.75 2.25a.75.75 0 0 1 .75-.75h15.5a.75.75 0 0 1 .75.75v7.406a.75.75 0 0 1-.75.75h-15.5a.75.75 0 0 1-.75-.75z' clip-rule='evenodd'/%3E%3C/svg%3E"); /* SEO ICON SVG */
	display: inline-block;
  width: 37.5px;
  height: 36px;
  margin: 0 5px -15px 0;
	}
	
#seo44_meta_box label{
	padding: 3px;
    font-size: 120%;
}
#seo44_meta_box span.description {padding:3px}

/* Metabox Character Counter */
.char-count {
    color: #666;
    font-size: 12px;
    margin-top: 4px;
    text-align: right;
}

.char-count.over-limit {
    color: #dc3232;
    font-weight: bold;
}

/* Homepage Snippet Preview Styles */
#homepage_title_char_count,
#homepage_description_char_count{
	max-width:630px
}
#homepage_title,
#homepage_description {
	max-width:632px /* match snippet preview */
}
#seo44-homepage-snippet-preview {
    border: 1px solid #ddd;
    padding: 15px;
    font-family: Arial, sans-serif;
    border-radius: 8px;
    box-shadow: rgba(32, 33, 36, 0.28) 0px 1px 6px;
    max-width: 600px;
	background:#fff;
	margin-top:20px;
}

/* Snippet Preview Styles */
#seo44-snippet-preview {
    border: 1px solid #ddd;
    padding: 15px;
    font-family: Arial, sans-serif;
    border-radius: 8px;
    box-shadow: rgba(32, 33, 36, 0.28) 0px 1px 6px;
    max-width: 600px;
    margin: 15px auto;
}
#seo44-snippet-preview h3 {
    margin-top: 0;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
}
/* NEW: Preview Header */
.seo44-preview-header {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.seo44-preview-favicon {
    width: 26px;
    height: 26px;
	border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #f1f3f4;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}
.seo44-preview-site-info {
    line-height: 1.3;
}
.seo44-preview-site-name {
    font-size: 14px;
    color: #202124;
}
.seo44-preview-breadcrumb-url {
    font-size: 12px;
    color: #5f6368;
}

/* Existing Preview elements */
.seo44-preview-title {
    color: #1a0dab;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.seo44-preview-url {
    color: #006621;
    font-size: 14px;
    line-height: 1.5;
}
.seo44-preview-description {
    color: #4d5156;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
    /* Simulate Google's description length limit */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* SEO 44 Settings Page Styles */
.image-preview-wrapper{padding:20px 0}

.seo44-settings-wrap .tab-content {
    display: none;
}
.seo44-settings-wrap .tab-content.active {
    display: block;
}
.form-table td p{margin:5px 0;}
#social_additional{max-width:890px}

/* Migration Tools */
.migration-presets {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
/* NEW: Style for sitemap content type labels */
.sitemap-label {
    margin-right: 15px;
    display: inline-block;
    padding-bottom: 5px;
}

/* Scanner Results */
#seo44_scan_results_container {
    margin-top: 1em;
    padding: 10px;
    border: 1px solid #c3c4c7;
    background-color: #fff;
}
#seo44_scan_results_list {
    margin: 0 0 1em 0;
    padding: 0 0 0 20px;
    max-height: 150px;
    overflow-y: auto;
    border-bottom: 1px solid #eee;
}
#seo44_suggestions_list {
    list-style: disc;
    padding-left: 20px;
}

/* General utility class */
.hidden {
    display: none;
}

/* Schema Scanner UI */
.scan-results-container {
    margin-top: 1em;
    padding: 1px 12px;
    border: 1px solid #c3c4c7;
    background-color: #fff;
}
.schema-preview {
    background-color: #f3f3f5;
    border: 1px solid #ddd;
    padding: 10px;
    max-height: 300px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-all;
    font-size: 12px;
}

/* NEW: Help Tooltip Styles */
.seo44-tooltip {
    position: relative;
    display: inline-block;
    margin: 5px 5px 8px 5px;
}
.seo44-tooltip .seo44-tooltip-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    background-color: #2271b1;
    color: white;
    font-size: 12px;
    cursor: help;
}
.seo44-tooltip .seo44-tooltip-text {
    visibility: hidden;
    width: 220px;
    background-color: #666;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    opacity: 0;
    transition: opacity 0.3s;
}
.seo44-tooltip:hover .seo44-tooltip-text {
    visibility: visible;
    opacity: 1;
}