/*
Theme Name: Saogat
Theme URI: https://saogat.com/
Author: Saogat Digital IT
Author URI: https://saogat.com/
Description: A vintage, 100-year legacy newspaper theme built for Saogat. Features neuro-attraction design, SEO optimization, and a classic 1918 newspaper feel.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: saogat
*/

/* ==========================================================================
   Custom Vintage Styling & Overrides (Tailwind handles the rest)
   ========================================================================== */

body {
    background-color: #F6F3EB;
    color: #2C2A28;
    /* Subtle paper texture effect */
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
}

/* Vintage double border */
.border-double-vintage {
    border-style: double;
    border-width: 4px;
    border-color: #2C2A28;
}

.border-top-vintage {
    border-top: 1px solid #2C2A28;
    border-bottom: 3px solid #2C2A28;
    padding: 8px 0;
}

.border-y-vintage {
    border-top: 2px solid #2C2A28;
    border-bottom: 1px solid #2C2A28;
}

/* Image treatment for vintage vibe */
.vintage-img {
    filter: sepia(0.4) contrast(1.1) brightness(0.9) grayscale(0.2);
    transition: all 0.5s ease;
}
.vintage-img:hover {
    filter: sepia(0) contrast(1.1) brightness(1) grayscale(0);
}

/* Drop cap for lead articles */
.drop-cap::first-letter {
    font-size: 3.2rem; 
    font-weight: 900;
    float: left;
    line-height: 0.8;
    padding-right: 8px;
    padding-top: 6px;
    color: #8B2626;
    font-family: 'Noto Serif Bengali', serif;
}

/* Reading progress bar */
#progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: #8B2626;
    width: 0%;
    z-index: 9999;
    transition: width 0.1s;
}

/* 100vh Layout Helpers */
.hero-100vh-container {
    height: calc(100vh - 180px); /* Adjusts dynamically in template */
    min-height: 500px;
}