/* SEO-focused CSS optimizations */

/* Improve text readability for search engines */
body {
    font-size: 16px; /* Base font size for readability */
    line-height: 1.6; /* Optimal line height for readability */
}

/* Semantic heading hierarchy */
h1 { font-size: 2.5rem; font-weight: 700; }
h2 { font-size: 2rem; font-weight: 600; }
h3 { font-size: 1.5rem; font-weight: 600; }
h4 { font-size: 1.25rem; font-weight: 500; }
h5 { font-size: 1.1rem; font-weight: 500; }
h6 { font-size: 1rem; font-weight: 500; }

/* Breadcrumb navigation styling */
.breadcrumb {
    padding: 1rem 0;
    font-size: 0.9rem;
    color: #666;
}

.breadcrumb ol {
    list-style: none;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.breadcrumb li:not(:last-child)::after {
    content: '>';
    margin-left: 0.5rem;
    color: #999;
}

.breadcrumb a {
    color: #4FC3F7;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

/* Focus indicators for accessibility and SEO */
a:focus, button:focus, input:focus, textarea:focus, select:focus {
    outline: 2px solid #4FC3F7;
    outline-offset: 2px;
}

/* Skip link removed as requested */

/* Structured data visibility (hidden but accessible to search engines) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Image optimization for Core Web Vitals */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

img.lazy {
    opacity: 0;
    transition: opacity 0.3s;
}

img.lazy.loaded {
    opacity: 1;
}

/* Print styles for SEO coverage */
@media print {
    .nav, .hamburger, .language-switcher {
        display: none;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.4;
        color: #000;
        background: #fff;
    }
    
    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
    }
}