/* Custom CSS for NewsLogic Text Sizing and Letter Styling */

/* Base NewsLogic Text Styling - N and L letters larger, other letters medium */
.newslogic-text {
    font-family: inherit;
    font-weight: bold;
    letter-spacing: 0.1em;
}

/* Individual letter styling for NewsLogic */
.newslogic-text .letter-n,
.newslogic-text .letter-l {
    font-size: 1.2em; /* N and L letters are larger */
    font-weight: 700;
}

.newslogic-text .letter-e,
.newslogic-text .letter-w,
.newslogic-text .letter-s,
.newslogic-text .letter-o,
.newslogic-text .letter-g,
.newslogic-text .letter-i,
.newslogic-text .letter-c {
    font-size: 1em; /* Other letters are medium size */
    font-weight: 500;
}

/* Logo Section - Make NewsLogic text smaller */
h1:contains("NEWSLOGIC"),
[class*="logo"] h1,
[class*="header"] h1,
nav h1,
.navbar h1 {
    font-size: 1.5rem !important;
}

/* Hero Section - Make NewsLogic text same size as other sections */
[class*="hero"] h1 .newslogic-text,
[class*="banner"] h1 .newslogic-text,
.hero-section h1 .newslogic-text,
.main-title .newslogic-text,
section:first-of-type h1 .newslogic-text,
.text-5xl .newslogic-text,
.text-6xl .newslogic-text,
.text-7xl .newslogic-text {
    font-size: inherit !important; /* Same size as the rest of the heading */
}

/* Why Choose NewsLogic Section - Make NewsLogic same size as "Why Choose" */
h2:contains("Why Choose NewsLogic") .newslogic-part,
[class*="features"] h2:contains("NewsLogic"),
[class*="benefits"] h2:contains("NewsLogic") {
    font-size: inherit !important; /* Same size as the rest of the heading */
}

/* NewsLogic App Section - Make NewsLogic similar size to "App" */
h2:contains("NewsLogic App") .newslogic-part,
h3:contains("NewsLogic App") .newslogic-part,
[class*="app"] h2:contains("NewsLogic"),
[class*="application"] h2:contains("NewsLogic") {
    font-size: inherit !important; /* Same size as "App" text */
}

/* Contribute to NewsLogic Section - Make NewsLogic same size as "Contribute To" */
h2:contains("Contribute to NewsLogic") .newslogic-part,
h3:contains("Contribute to NewsLogic") .newslogic-part,
[class*="contribute"] h2:contains("NewsLogic"),
[class*="contribution"] h2:contains("NewsLogic") {
    font-size: inherit !important; /* Same size as "Contribute to" text */
}

/* General NewsLogic text adjustments by section */
/* Small logo text in navigation and headers */
header *:contains("NewsLogic"),
nav *:contains("NewsLogic"),
.navbar *:contains("NewsLogic"),
.header *:contains("NewsLogic") {
    font-size: 1.2rem !important;
}

/* Medium size for feature sections */
.features *:contains("NewsLogic"),
.benefits *:contains("NewsLogic"),
.about *:contains("NewsLogic") {
    font-size: 1.5rem !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    /* Logo section - smaller on mobile */
    h1:contains("NEWSLOGIC"),
    [class*="logo"] h1,
    [class*="header"] h1,
    nav h1,
    .navbar h1 {
        font-size: 1.2rem !important;
    }
    
    /* Hero section - smaller on mobile */
    [class*="hero"] h1,
    [class*="banner"] h1,
    .hero-section h1,
    .main-title,
    section:first-of-type h1 {
        font-size: 2.5rem !important;
    }
    
    /* General mobile adjustments */
    header *:contains("NewsLogic"),
    nav *:contains("NewsLogic"),
    .navbar *:contains("NewsLogic") {
        font-size: 1rem !important;
    }
}

/* Fallback selectors using attribute selectors for better compatibility */
[data-text*="NewsLogic"] {
    font-weight: bold;
}

[data-section="logo"] [data-text*="NewsLogic"] {
    font-size: 1.5rem !important;
}

[data-section="hero"] [data-text*="NewsLogic"] {
    font-size: inherit !important;
}

[data-section="features"] [data-text*="NewsLogic"],
[data-section="app"] [data-text*="NewsLogic"],
[data-section="contribute"] [data-text*="NewsLogic"] {
    font-size: inherit !important;
}

/* Override any existing gradient text effects to ensure sizing is visible */
*:contains("NewsLogic") {
    line-height: 1.2 !important;
}

/* Special styling for when NewsLogic appears in gradient text */
.bg-gradient-to-r:contains("NewsLogic"),
.bg-gradient-to-br:contains("NewsLogic"),
.bg-gradient-to-bl:contains("NewsLogic") {
    background-clip: text !important;
    -webkit-background-clip: text !important;
}