/*
Theme Name: Karelias Autotransport
Theme URI: https://karelias-trans.gr/
Author: EGrow
Description: Custom, lightweight WordPress theme for Karelias Autotransport.
Version: 1.8.4
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 {
  font-size: var(
    --page-hero-title-size,
    clamp(3rem, calc(2.143rem + 4.286vw), 6rem)
  );
  line-height: var(--page-hero-title-line-height, var(--hero-heading-line-height));
}

.home-hero .eyebrow,
.page-hero .eyebrow {
  font-size: var(--page-hero-eyebrow-size, var(--text-caption));
}

.home-hero__positioning {
  font-size: var(--page-hero-positioning-size, var(--text-lead));
}

.home-hero__lead {
  font-size: var(--page-hero-lead-size, var(--text-lead));
  line-height: var(--page-hero-lead-line-height, 1.6);
}

.page-hero__lead {
  font-size: var(--page-hero-lead-size, var(--text-lead));
  line-height: var(--page-hero-lead-line-height, 1.65);
}

[data-karelias-type-eyebrow] .eyebrow {
  font-size: var(--karelias-section-eyebrow-size);
}

[data-karelias-type-heading] h2 {
  font-size: var(--karelias-section-heading-size);
}

[data-karelias-type-subheading] h3 {
  font-size: var(--karelias-section-subheading-size);
}

[data-karelias-type-body] p:not(.eyebrow),
[data-karelias-type-body] dd,
[data-karelias-type-body] .proof-item span:not(.proof-item__index),
[data-karelias-type-body] .facility-band__grid span {
  font-size: var(--karelias-section-body-size);
}

[data-karelias-type-emphasis] strong,
[data-karelias-type-emphasis] dt,
[data-karelias-type-emphasis] .audience-number,
[data-karelias-type-emphasis] .contact-phone,
[data-karelias-type-emphasis] .contact-email,
[data-karelias-type-emphasis] .location-proof__origin,
[data-karelias-type-emphasis] .location-proof__destination,
[data-karelias-type-emphasis] .review-score span {
  font-size: var(--karelias-section-emphasis-size);
}

.wp-generic-page__header h1,
.wp-post-list__header h1 {
  font-size: var(--text-section);
}

.wp-post-card h2 {
  font-size: var(--text-subheading);
}

.proof-item strong {
  font-size: var(--text-lead);
}

.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;
  }
}