/*
Theme Name: Atmosly
Theme URI: https://atmosly.studio/
Author: Atmosly Studio
Description: Тема за Atmosly Studio — архитектура, ентериер, BIM и 3D визуелизација. Македонски, англиски и турски.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: atmosly
*/

html { scroll-behavior: smooth; }
body { margin: 0; background: #EFEEEA; color: #141414; -webkit-font-smoothing: antialiased; }
a { color: #141414; text-decoration: none; }
a:hover { color: #8C5A3C; }
img, video { max-width: 100%; }
*, *::before, *::after { box-sizing: border-box; }
:focus-visible { outline: 2px solid #967F71; outline-offset: 3px; }
[id] { scroll-margin-top: 24px; }

.atm-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 12px 18px; background: #141414; color: #EFEEEA; }
.atm-skip:focus { left: 8px; color: #EFEEEA; }

/* mobile menu */
.mnav { display: none; }
.atm-mmenu { display: none; }
.atm-mmenu[data-open="true"] { display: flex; }
@media (max-width: 720px) {
  [style*="max-width: 1360px"] { padding-left: 20px !important; padding-right: 20px !important; }
  .atm-nav-links { display: none !important; }
  .atm-langs { display: none !important; }
  .mnav { display: inline-flex; }
  .atm-mainnav { flex-wrap: nowrap !important; gap: 12px !important; }
  .atm-mainnav > a img { height: 24px !important; }
  .atm-mainnav > div { gap: 10px !important; }
  .atm-mainnav > div > a { padding: 0 16px !important; }
  h1 { height: auto !important; }
}

@media (min-width: 721px) and (max-width: 1180px) {
  .atm-mainnav { gap: 14px !important; }
  .atm-nav-links { gap: 16px !important; font-size: 14px !important; }
  .atm-mainnav > a img { height: 24px !important; }
  .atm-langs { gap: 8px !important; }
  .atm-mainnav > div:last-child { gap: 14px !important; }
}

/* project filter */
.atm-card[hidden] { display: none !important; }
.atm-filter button[aria-pressed="true"] { background: #141414 !important; color: #EFEEEA !important; border-color: #141414 !important; }
.atm-filter button[aria-pressed="true"] span { color: #CFCCC5 !important; opacity: 1 !important; }

/* contact form */
#forma input:focus, #forma textarea:focus { border-bottom-color: #967F71 !important; }
#forma label:has(input[type="radio"]:checked) { border-color: #141414 !important; background: #E4E2DD; }
.atm-file:focus-within { outline: 2px solid #967F71; outline-offset: 3px; }
.atm-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.atm-notice { padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.atm-notice--ok { background: #141414; color: #EFEEEA; }
.atm-notice--err { border: 1px solid #8C5A3C; color: #141414; }

/* default content (old posts, legal pages) */
.atm-content { font-size: 17px; line-height: 1.7; color: #3A3935; }
.atm-content h2, .atm-content h3 { font-family: 'Playfair Display', serif; font-weight: 400; color: #141414; }
.atm-content img { height: auto; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
/* Projects grid: equal cards, images and texts on the same lines */
.atm-pgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 24px; align-items: start; }
@media (max-width: 1040px) { .atm-pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .atm-pgrid { grid-template-columns: 1fr; gap: 40px; } }