/*!
Theme Name: Arqam-Web
Theme URI: http://arqamweb.com/
Author: Arqam Web
Author URI: http://arqamweb.com/
Description: Arqam Web is a fast, fully customizable, and visually stunning WordPress theme, ideal for blogs, personal portfolios, and business websites. Designed with performance in mind, it is lightweight (less than 50KB on the frontend) and optimized for speed. Built with SEO best practices, Arqam Web integrates schema.org markup to enhance search engine visibility. The theme offers multiple sidebar options, widget areas, and full customization capabilities, giving you complete control over your website’s design.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: arqam-web
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready.
*/

/* Header Animations */
#header {
  transition: transform 0.3s ease-in-out;
}

.header-hidden {
  transform: translateY(-100%);
}

/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}

/* Performance Optimizations */
img {
  max-width: 100%;
  height: auto;
}

/* Improved Accessibility */
.screen-reader-text:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}