/*
Theme Name: Carat Gallery
Theme URI: https://caratgallerycars.com/
Author: Carat Gallery
Description: Автономная тема Carat Gallery, перенесённая из HTML-макетов. Создаёт страницы автоматически.
Version: 1.2.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: carat-gallery
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
.cg-screen-reader { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.cg-mobile-menu { display:none; border:1px solid #dedcd4; background:#fff; border-radius:9px; padding:9px 12px; font:600 13px 'Golos Text',sans-serif; }
.cg-form-status { margin-top:12px; font-size:13px; line-height:1.4; }
.cg-form-status.is-error { color:#9d2f2f; }
.cg-form-status.is-success { color:#2f7048; }
.cg-cookie-banner[hidden] { display:none!important; }
.cg-dynamic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.cg-car-card { display:block; padding:18px; color:var(--ink); text-decoration:none; }
.cg-car-card-media { height:190px; margin-bottom:14px; overflow:hidden; }
.cg-car-card-media img { width:100%; height:100%; object-fit:cover; display:block; }
.cg-car-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; }
.cg-car-price { font-family:'Unbounded',sans-serif; font-size:15px; font-weight:700; }
.cg-catalog-link { cursor:pointer; transition:transform .15s, box-shadow .15s; }
.cg-catalog-link:hover, .cg-catalog-link:focus { transform:translateY(-2px); box-shadow:0 16px 34px -18px rgba(30,30,25,.28); outline:2px solid #c7d2d6; outline-offset:2px; }
.cg-theme-switch > div { cursor:pointer; }
.cg-theme-switch > div:focus { outline:2px solid var(--accent-ink); outline-offset:2px; }
html[data-cg-theme="dark"] {
  color-scheme:dark;
  --bg:#171815!important; --panel:#252620!important; --card:#20211d!important;
  --ink:#f2f0e9!important; --muted:#aaa89e!important; --line:#3d3e37!important;
  --accent:#53676e!important; --accent-ink:#b9cbd0!important;
}
html[data-cg-theme="dark"] body { background:#171815; color:#f2f0e9; }
html[data-cg-theme="dark"] input,
html[data-cg-theme="dark"] textarea { background:#191a17!important; color:#f2f0e9!important; border-color:#4b4c44!important; }
html[data-cg-theme="dark"] .slot { background:#242520!important; color:#c9c7be!important; border-color:#55564e!important; }
.admin-bar .cg-static-page > div > header:first-of-type { top:32px; }

@media (max-width: 900px) {
  .cg-static-page header { padding:16px 20px!important; flex-wrap:wrap; gap:14px; }
  .cg-static-page header nav { display:none!important; width:100%; order:10; flex-direction:column; align-items:flex-start!important; gap:14px!important; padding:12px 0; }
  .cg-static-page header.cg-menu-open nav { display:flex!important; }
  .cg-mobile-menu { display:inline-flex; margin-left:auto; }
  .cg-static-page header > div:last-child { display:none!important; }
  .cg-static-page .wrap { padding-left:20px!important; padding-right:20px!important; }
  .cg-static-page [style*="grid-template-columns"] { grid-template-columns:1fr!important; }
  .cg-dynamic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cg-static-page [style*="font-size:46px"] { font-size:34px!important; }
  .cg-static-page [style*="font-size:38px"],
  .cg-static-page [style*="font-size:36px"],
  .cg-static-page [style*="font-size:34px"],
  .cg-static-page [style*="font-size:32px"] { font-size:27px!important; }
  .cg-static-page [style*="height:520px"],
  .cg-static-page [style*="height:480px"],
  .cg-static-page [style*="height:420px"] { height:300px!important; min-height:0!important; }
  .cg-static-page footer { padding-left:20px!important; padding-right:20px!important; }
}

@media (max-width: 782px) { .admin-bar .cg-static-page > div > header:first-of-type { top:46px; } }
@media (max-width: 560px) {
  .cg-dynamic-grid { grid-template-columns:1fr; }
  .cg-static-page [style*="font-size:46px"] { font-size:29px!important; }
  .cg-static-page .cg-cookie-banner { left:10px!important; right:10px!important; bottom:10px!important; padding:18px!important; }
}