/*
Theme Name: infotech innovation
Theme URI: https://www.infotechinnovation.ae/
Author: infotech innovation (FZE)
Description: Bilingual (English / Arabic RTL) theme for infotech innovation (FZE) — geospatial, IT, software, ERP, AI and research consultancy. Arabic pages live as children of a page with the slug "ar", so no translation plugin is required.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary — all rights reserved
Text Domain: iti
Tags: business, two-columns, right-sidebar, rtl-language-support, translation-ready
*/

/* The design system lives in assets/css/style.css and is enqueued before this
   file. Everything below is WordPress-specific: admin bar, block editor
   output, comments and the handful of core classes the theme can receive. */

.alignwide { max-width: var(--wrap); margin-inline: auto; }
.alignfull { width: 100%; }
.aligncenter { display: block; margin-inline: auto; }
.alignleft { float: left; margin-inline-end: 1.2em; margin-bottom: .8em; }
.alignright { float: right; margin-inline-start: 1.2em; margin-bottom: .8em; }

.wp-caption { max-width: 100%; }
.wp-caption-text,
.wp-block-image figcaption {
  font-size: .82rem;
  color: var(--muted);
  margin-top: .5em;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.screen-reader-text:focus {
  position: static !important;
  width: auto; height: auto; clip: auto;
}

/* Pagination on archive templates */
.nav-links {
  display: flex; flex-wrap: wrap; gap: 8px;
  font-family: var(--ff-display); font-size: .92rem;
}
.nav-links .page-numbers {
  display: inline-grid; place-items: center;
  min-width: 38px; height: 38px; padding: 0 .7em;
  border: 1px solid var(--line); border-radius: 10px;
  color: var(--navy); background: #fff;
}
.nav-links .page-numbers:hover { border-color: var(--blue); color: var(--blue); }
.nav-links .page-numbers.current {
  background: var(--navy); border-color: var(--navy); color: #fff;
}

/* Keep the sticky header clear of the admin bar (also set inline in head). */
body.admin-bar .hdr { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .hdr { top: 46px; }
}

/* The block editor wraps pasted markup; make sure our sections stay full width. */
.entry-content > section,
main > section { width: 100%; }