/*
Theme Name: Karelias Autotransport
Theme URI: https://karelias-trans.gr/
Author: EGrow
Description: Custom, lightweight WordPress theme for Karelias Autotransport.
Version: 1.3.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: karelias-autotransport
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * The main design system is loaded from assets/css/main.css.
 * This file keeps WordPress-specific compatibility rules next to the
 * required theme metadata.
 */

:root {
  --menu-letter-spacing: 0.035em;
  --heading-letter-spacing: -0.02em;
  --heading-line-height: 1.04;
  --hero-heading-line-height: 1;
}

h1,
h2,
h3 {
  letter-spacing: var(--heading-letter-spacing);
  line-height: var(--heading-line-height);
  overflow-wrap: break-word;
}

.desktop-nav .nav-link,
.mobile-menu__nav a {
  letter-spacing: var(--menu-letter-spacing);
}

.home-hero h1,
.page-hero h1 {
  line-height: var(--hero-heading-line-height);
}

.screen-reader-text {
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  clip-path: inset(50%);
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 0.0625rem;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  clip: auto !important;
  clip-path: none;
  display: block;
  height: auto;
  left: 0.75rem;
  top: 0.75rem;
  width: auto;
  z-index: 100000;
}

.nav-link[aria-current="page"]::after {
  transform: scaleX(1);
}

.wp-generic-page__header,
.wp-post-list__header {
  margin-bottom: var(--space-12, 3rem);
}

.wp-generic-page__content > * + *,
.wp-post-card__content > * + * {
  margin-top: var(--space-6, 1.5rem);
}

.wp-generic-page__content .alignwide {
  margin-inline: calc(50% - min(45rem, 50vw));
  max-width: 90rem;
  width: auto;
}

.wp-generic-page__content .alignfull {
  margin-inline: calc(50% - 50vw);
  max-width: none;
  width: 100vw;
}

.wp-post-list {
  display: grid;
  gap: var(--space-12, 3rem);
}

.wp-post-card {
  border-top: 0.0625rem solid var(--line, #d5dde2);
  padding-top: var(--space-8, 2rem);
}

.wp-post-card h2 a:hover {
  color: var(--red, #ff0000);
}

.wp-generic-page__content a:not(.button),
.wp-post-card__content a:not(.button) {
  color: var(--red-dark, #d90000);
  text-decoration: underline;
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.2em;
}

.navigation.pagination {
  margin-top: var(--space-12, 3rem);
}

.nav-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.page-numbers {
  align-items: center;
  border: 0.0625rem solid var(--line, #d5dde2);
  display: inline-flex;
  justify-content: center;
  min-height: 2.75rem;
  min-width: 2.75rem;
  padding-inline: 0.75rem;
}

.page-numbers.current {
  background: var(--navy, #0a2239);
  border-color: var(--navy, #0a2239);
  color: #fff;
}

.wp-caption,
.gallery-caption {
  max-width: 100%;
}

.wp-caption-text {
  color: var(--steel, #5e6b75);
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.sticky {
  position: relative;
}

.bypostauthor {
  position: relative;
}

@media (min-width: 48rem) {
  body.admin-bar .site-header {
    top: 2rem;
  }
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 2.875rem;
  }
}