/*
Theme Name: Kalina
Theme URI: https://kalinapro.com/
Author: Kalina
Author URI: https://kalinapro.com/
Description: Custom WordPress theme for Kalina, KalinaPOS, and KalinaERP.
Version: 1.1.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: kalinapro
License: Proprietary
*/

/* WordPress-specific adjustments load after the primary Kalina stylesheet. */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  position: fixed !important;
  top: 8px;
  left: 8px;
  z-index: 100000;
  width: auto;
  height: auto;
  padding: 12px 16px;
  margin: 0;
  clip: auto;
  color: #062f5d;
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(6, 47, 93, 0.18);
}

.brand-link .custom-logo {
  width: 196px;
  height: auto;
}

.checkbox-line a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-page {
  min-height: 65vh;
  padding: clamp(72px, 9vw, 126px) 0;
  background: #ffffff;
}

.legal-shell {
  width: min(calc(100% - 40px), 880px);
  margin-inline: auto;
}

.legal-shell h1 {
  max-width: 800px;
  margin: 0 0 24px;
  color: #062f5d;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.02;
}

.legal-content {
  color: #3f5368;
  font-size: 17px;
  line-height: 1.75;
}

.legal-content > * + * {
  margin-top: 18px;
}

.legal-content h2 {
  margin-top: 44px;
  color: #062f5d;
  font-size: 28px;
  line-height: 1.2;
}

.legal-content h3 {
  margin-top: 30px;
  color: #062f5d;
  font-size: 21px;
}

.legal-content ul,
.legal-content ol {
  padding-left: 24px;
}

.legal-content a {
  color: #007f98;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.not-found-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

body.admin-bar .site-header {
  top: 32px;
}

body.admin-bar .product-subnav {
  top: calc(var(--header-height) + 32px);
}

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

  body.admin-bar .product-subnav {
    top: calc(var(--header-height) + 46px);
  }
}

@media (max-width: 600px) {
  body.admin-bar .site-header {
    top: 0;
  }

  body.admin-bar .product-subnav {
    top: var(--header-height);
  }
}