/*
Theme Name: Nael Networks
Theme URI: https://naelnetworkcorp.com
Author: Nael Networks
Description: Company site for Nael Networks — AI phone agents, cloud PBX and complete IT. Contact details, pricing and the testimonial are edited in Appearance → Customize.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nael-networks
*/

/* The site's design lives in assets/site.css. This file only holds WordPress-specific additions. */

/* keep the sticky header below the admin bar when logged in */
.admin-bar .top { top: 32px; }
@media (max-width: 782px) { .admin-bar .top { top: 46px; } }
@media (max-width: 600px) { .admin-bar .top { top: 0; } }

/* phone number in the header */
.nav .nav__tel { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--teal-d); white-space: nowrap; }
.nav .nav__tel .ic { font-size: 16px; }
@media (min-width: 901px) and (max-width: 1120px) { .nav .nav__tel { display: none; } }

a.tel { color: inherit; font-weight: 600; white-space: nowrap; }
a.tel:hover, .foot__contact a:hover, .reach a:hover { color: var(--teal-d); }
.cta a.tel { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.45); }
.cta a.tel:hover { color: #7fe3d8; border-color: currentColor; }

/* ordinary pages and blog posts written in the WordPress editor */
.prose { max-width: 760px; }
.prose h1 { font-weight: 800; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 0.6em; }
.prose h2 { font-weight: 800; font-size: 1.6rem; letter-spacing: -0.02em; margin: 1.8em 0 0.5em; }
.prose h3 { font-weight: 700; font-size: 1.25rem; margin: 1.5em 0 0.4em; }
.prose p, .prose ul, .prose ol, .prose blockquote, .prose figure, .prose table { margin-bottom: 1.15em; }
.prose ul { list-style: disc; padding-left: 1.3em; }
.prose ol { list-style: decimal; padding-left: 1.3em; }
.prose li { margin-bottom: 0.4em; }
.prose a { color: var(--teal-d); text-decoration: underline; text-underline-offset: 3px; }
.prose img { border-radius: 16px; }
.prose blockquote { padding-left: 18px; border-left: 3px solid var(--teal); color: var(--navy); }
.prose .meta { font-size: 14px; color: var(--muted); margin-bottom: 1.4em; }
.posts { display: grid; gap: 20px; max-width: 760px; }
.posts article { padding: 28px; border-radius: var(--r-lg); background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--sh-sm); }
.posts h2 { font-weight: 700; font-size: 1.35rem; letter-spacing: -0.015em; }
.posts h2 a:hover { color: var(--teal-d); }
.posts .meta { font-size: 13.5px; color: var(--muted); margin: 6px 0 10px; }
.pager { display: flex; justify-content: space-between; gap: 16px; margin-top: 32px; max-width: 760px; font-weight: 600; color: var(--teal-d); }
.alignwide, .alignfull { max-width: 100%; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }