/*
Theme Name: Nest Nepal Blog
Description: A modern, responsive WordPress theme for Nest Nepal's blog featuring cloud technology insights, tutorials, and industry expertise. Built with Tailwind CSS and optimized for performance.
Author: Nest Nepal
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nest-nepal-blog
Tags: blog, business, technology, responsive, custom-header, custom-menu, featured-images, threaded-comments, translation-ready
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
*/

/* Theme styles are loaded via functions.php using Tailwind CSS */

/* Basic reset and WordPress compatibility */
* {
    box-sizing: border-box;
}

/* Primary font classes for consistent usage */
.montserrat-font {
    font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.poppins-font {
    font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.dmsans-font {
    font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Typography hierarchy styles */
.title-font {
    font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.subtitle-font {
    font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.description-font {
    font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Legacy font support for backward compatibility */
.montserrant-font {
    font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-coolvetica {
    font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.font-helvetica-now {
    font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* WordPress specific styles */
.alignleft {
    float: left;
    margin-right: 1rem;
}

.alignright {
    float: right;
    margin-left: 1rem;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    text-align: center;
    font-size: 0.875rem;
    color: #666;
    margin-top: 0.5rem;
    font-family: 'DM Sans', system-ui, sans-serif;
}

/* Screen reader text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Skip link */
.skip-link {
    position: absolute;
    left: -9999px;
    font-family: 'DM Sans', system-ui, sans-serif;
}

.skip-link:focus {
    position: absolute;
    left: 6px;
    top: 7px;
    z-index: 999999;
    padding: 8px 16px;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-family: 'DM Sans', system-ui, sans-serif;
}

/* Custom font faces - keeping for legacy support but mapping to Google Fonts */
@font-face {
    font-family: 'Coolvetica-Regular';
    src: local('Montserrat Regular'), local('Montserrat-Regular');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica_Now_Display-Light';
    src: local('DM Sans Light'), local('DMSans-Light'), local('DM Sans Regular'), local('DMSans-Regular');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Enhanced scrollbar hiding styles */
.hide-scrollbar {
    /* Hide scrollbar for Chrome, Safari and Opera */
    -webkit-overflow-style: none;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
}

/* More specific targeting for blog container */
.blog-scroll-container {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.blog-scroll-container::-webkit-scrollbar {
    display: none; /* WebKit */
    width: 0;
    height: 0;
}

.blog-scroll-container::-webkit-scrollbar-track {
    background: transparent;
}

.blog-scroll-container::-webkit-scrollbar-thumb {
    background: transparent;
}

/* Force hide all scrollbars in the section */
.featured-posts-section * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.featured-posts-section *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Additional fix for potential margin/padding issues */
.scroll-container-fix {
    margin-bottom: -17px; /* Adjust this value as needed */
    padding-bottom: 17px;
}
a[href^="http"]:not([href*="nestnepal.com"]) {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 9999 !important;
    position: relative !important;
}