/*
Theme Name: Munro
Theme URI: https://example.com/
Author: James Hunter
Author URI: https://example.com/
Description: Munro theme for affiliate marketing and hiking content.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: munro
Tags: blog, affiliate, hiking, responsive
*/

body {
  font-family: 'Montserrat', system-ui, sans-serif;
  background: #fff;
  color: #222;
}

/* Global font family for all elements */
* {
  font-family: 'Montserrat', system-ui, sans-serif;
}

/* Ensure headings use Montserrat */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', system-ui, sans-serif;
  font-weight: 600;
}

/* Input and form elements */
input, textarea, select, button {
  font-family: 'Montserrat', system-ui, sans-serif;
}

/* Override any Tailwind defaults */
.font-sans {
  font-family: 'Montserrat', system-ui, sans-serif !important;
}

/* WordPress admin bar compatibility */
#wpadminbar * {
  font-family: 'Montserrat', system-ui, sans-serif;
}

/* Navigation and menu items */
.menu, .menu *, nav, nav * {
  font-family: 'Montserrat', system-ui, sans-serif;
}

/* Content areas */
.content, .post-content, .entry-content, .page-content {
  font-family: 'Montserrat', system-ui, sans-serif;
}

/* Sidebar and widgets */
.sidebar, .widget, .sidebar *, .widget * {
  font-family: 'Montserrat', system-ui, sans-serif;
}

/* Footer elements */
footer, footer * {
  font-family: 'Montserrat', system-ui, sans-serif;
}

/* Munro Map Marker Styles */
#munro-map-component .munro-marker,
#all-munro-map-component .munro-marker {
  box-shadow: 0 0 0 2px #fff;
  border: 2px solid #fff;
}

/* Featured Blog Posts Component Styles (migrated from inline CSS) */
.featured-blog-posts * {
    font-family: 'Montserrat', system-ui, sans-serif;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
}

.aspect-w-16 > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}