/*
Theme Name: Noerrebroapotek
Theme URI: https://noerrebroapotek.dk/
Description: Custom WordPress theme for Nørrebro Apotek, derived from TwentySixteen
Author: Nørrebro Apotek
Version: 1.0
Tags: pharmacy, danish
*/

/* === Minimal WP-compatible foundation. Designed to NOT conflict with custom.css === */

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* Hide screen-reader-only WP accessibility helpers */
.screen-reader-text, .says { clip: rect(1px,1px,1px,1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background: #fff; color: #000; clip: auto !important; height: auto; width: auto; padding: 14px; z-index: 100; }
.skip-link { left: -9999px; position: absolute; top: 0; z-index: 100000; }
.skip-link:focus { left: 6px; top: 7px; }

/* WordPress post-content layout (entry-* classes, alignments, captions) */
.entry-title { font-size: 22px; font-weight: bold; margin: 0 0 12px; color: #1f3a4a; line-height: 1.3; }
.entry-meta, .entry-meta a { color: #888; font-size: 11px; }
.entry-content { word-wrap: break-word; }
.entry-content > * + * { margin-top: 1em; }
.entry-content a { color: #1a6a83; text-decoration: underline; }
.entry-content a:hover { color: #0d4960; }
.entry-content ul, .entry-content ol { margin: 0 0 12px 20px; padding-left: 0; }
.entry-content li { margin-bottom: 4px; }
.entry-content blockquote { margin: 1em 0; padding: 10px 16px; border-left: 3px solid #1a6a83; background: #f4f7f9; font-style: italic; color: #3a4a5a; }
.entry-content table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.entry-content th, .entry-content td { border: 1px solid #ddd; padding: 6px 10px; text-align: left; }
.entry-content code, .entry-content pre { background: #f4f4f4; padding: 2px 4px; border-radius: 2px; font-family: Consolas, monospace; font-size: 11px; }
.entry-content pre { padding: 10px; overflow-x: auto; }

/* Default WP alignment classes */
.alignleft { float: left; margin: 0 16px 8px 0; }
.alignright { float: right; margin: 0 0 8px 16px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignnone { margin: 4px 0; }
img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; height: auto; }

/* WP caption */
.wp-caption { max-width: 100%; }
.wp-caption img { display: block; max-width: 100%; height: auto; }
.wp-caption-text, .wp-caption-dd { font-size: 11px; line-height: 1.4; color: #777; padding: 4px 0; text-align: center; font-style: italic; }

/* Galleries (WP default) */
.gallery { margin: 0 -4px 1em; overflow: hidden; }
.gallery-item { float: left; padding: 4px; box-sizing: border-box; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.3333%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-item img { width: 100%; height: auto; display: block; }
.gallery .gallery-caption { font-size: 11px; padding-top: 4px; text-align: center; color: #777; }

/* Comment styles */
.comments-title { font-size: 16px; font-weight: bold; margin: 16px 0 8px; }
.comment-list { list-style: none; padding: 0; margin: 0; }
.comment-body { padding: 10px 14px; margin-bottom: 10px; background: #fafafa; border-left: 3px solid #e6edf0; }
.comment-author { font-weight: bold; color: #1f3a4a; }
.comment-metadata { font-size: 11px; color: #888; margin-bottom: 6px; }

/* WP responsive embed wrapper (oembed) */
.wp-embedded-content { display: block; max-width: 100%; }

/* Navigation menus (don't conflict with custom.css's main-navigation) */
.main-navigation ul { list-style: none; padding: 0; margin: 0; }
.main-navigation .menu-item { display: inline-block; padding: 0 12px; }
.main-navigation a { color: #1f3a4a; text-decoration: none; font-weight: 500; }
.main-navigation a:hover, .main-navigation .current-menu-item > a { color: #1a6a83; }

/* Pagination */
.nav-links { padding: 12px 0; font-size: 12px; }
.nav-links a, .page-numbers { display: inline-block; padding: 4px 8px; margin: 0 2px; background: #f4f7f9; border-radius: 3px; color: #1f3a4a; text-decoration: none; }
.nav-links a:hover, .page-numbers.current { background: #1a6a83; color: #fff; }

/* Search form */
.search-form { display: flex; gap: 4px; }
.search-form input[type="search"] { flex: 1; padding: 6px 8px; border: 1px solid #ccc; border-radius: 3px; }
.search-form button { padding: 6px 12px; background: #1a6a83; color: #fff; border: 0; border-radius: 3px; cursor: pointer; }

/* WordPress widget area */
.widget { margin-bottom: 16px; }
.widget-title { font-size: 14px; font-weight: bold; margin-bottom: 8px; color: #1f3a4a; }

/* Form fields (WP-compatible) */
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], textarea, select {
  width: 100%; padding: 6px 8px; border: 1px solid #ccc; border-radius: 3px; font-family: inherit; font-size: 12px; box-sizing: border-box;
}
textarea { min-height: 90px; resize: vertical; }
button, input[type="submit"] { padding: 6px 14px; background: #1a6a83; color: #fff; border: 0; border-radius: 3px; cursor: pointer; font-family: inherit; }
button:hover, input[type="submit"]:hover { background: #0d4960; }

/* Sticky / posted-on */
.sticky { background: #fffbe0; border-left: 3px solid #c89a4a; padding-left: 12px; }
.posted-on { color: #888; font-size: 11px; }

/* Clearfix utility */
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .site-content:before, .site-content:after { content: ""; display: table; table-layout: fixed; }
.clear:after, .entry-content:after, .site-content:after { clear: both; }

/* Mobile responsiveness (kept conservative to not interfere with 940px desktop wrapper) */
@media (max-width: 960px) {
  .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item { width: 50%; }
}
@media print {
  .no-print, nav, .main-navigation, .comment-form, .nav-links { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  a { color: #000 !important; text-decoration: underline; }
}