/*
Theme Name: H4U
Theme URI: https://hacker4u.com/
Description: Lightweight responsive theme for an ethical hacker. Styles are split into a separate file, with mobile fixes and browser detection.
Author: Hacker4U
Version: 1.1.1
License: GPLv2 or later
Text Domain: h4u
*/
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

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

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    background: #050814;
    color: #f5f5f5;
}

/* Links and accessible focus states */
a {
    color: #00e5ff;
    text-decoration: none;
}

a:hover,
a:focus-visible {
    text-decoration: underline;
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid #00e5ff;
    outline-offset: 2px;
}

/* Basic form styles */
button,
input,
textarea,
select {
    font: inherit;
}

/* Responsive images */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* SR-only class for future use */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.screen-reader-text:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    white-space: normal;
}

/* Ensure <main> behaves correctly across browsers */
main {
    display: block;
}
/* Image wrapping inside content */
.entry-content img,
.h4u-front-content img {
  max-width: 100%;
  height: auto;
}

/* Classic editor / Gutenberg */
.entry-content .alignleft,
.entry-content .wp-block-image.alignleft,
.h4u-front-content .alignleft,
.h4u-front-content .wp-block-image.alignleft {
  float: left;
  margin: 0 20px 16px 0;
  max-width: min(45%, 420px);
}

.entry-content .alignright,
.entry-content .wp-block-image.alignright,
.h4u-front-content .alignright,
.h4u-front-content .wp-block-image.alignright {
  float: right;
  margin: 0 0 16px 20px;
  max-width: min(45%, 420px);
}

.entry-content .aligncenter,
.entry-content .wp-block-image.aligncenter,
.h4u-front-content .aligncenter,
.h4u-front-content .wp-block-image.aligncenter {
  display: block;
  margin: 0 auto 16px;
  float: none;
}

.entry-content .wp-caption,
.h4u-front-content .wp-caption,
.entry-content figure,
.h4u-front-content figure {
  max-width: 100%;
}

.entry-content::after,
.h4u-front-content::after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 768px) {
  .entry-content .alignleft,
  .entry-content .alignright,
  .entry-content .wp-block-image.alignleft,
  .entry-content .wp-block-image.alignright,
  .h4u-front-content .alignleft,
  .h4u-front-content .alignright,
  .h4u-front-content .wp-block-image.alignleft,
  .h4u-front-content .wp-block-image.alignright {
    float: none;
    display: block;
    margin: 0 auto 16px;
    max-width: 100%;
  }
}