/*
Theme Name: Aura Kitchens
Theme URI: https://aurakitchens.ca
Author: Aura Kitchens
Description: Block theme for Aura Kitchens — custom cabinet manufacturing. Warm paper ground, charcoal panels, burnt-clay accent. Edit every page in the block editor; move, add and remove sections without touching code.
Version: 1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aura-kitchens
*/

/* Only what blocks cannot express on their own. Everything else is theme.json. */

body { -webkit-font-smoothing: antialiased; }

.wp-block-site-title a { text-decoration: none; }

.aura-mark::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 10px;
  border-radius: 50%;
  background: var(--wp--preset--color--clay);
}

.aura-nav .wp-block-navigation-item__content { text-decoration: none; }
.aura-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--clay); }

.aura-sticky {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(247, 245, 242, 0.94);
  backdrop-filter: blur(10px);
}

/* Photo tiles: crop to a consistent shape so mixed source sizes still line up. */
.aura-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.aura-tile figure { margin: 0; height: 100%; }
.aura-tile { aspect-ratio: 4 / 3; overflow: hidden; background: var(--wp--preset--color--sand); border-radius: 4px; }
.aura-tile-tall { aspect-ratio: 4 / 5; }
.aura-tile-wide { aspect-ratio: 16 / 10; }

/* Gallery: same crop, and the caption stays off unless you type one. */
.aura-gallery .wp-block-image,
.aura-gallery figure.wp-block-image { margin: 0; }
.aura-gallery img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: auto;
}

/* Quote form */
.aura-form { display: grid; gap: 20px; max-width: 560px; }
.aura-form .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 20px; }
.aura-form label { display: grid; gap: 7px; font-size: 14px; font-weight: 500; color: var(--wp--preset--color--muted); }
.aura-form input,
.aura-form textarea {
  font: inherit;
  font-size: 16px;
  color: var(--wp--preset--color--ink);
  padding: 13px 14px;
  background: #fff;
  border: 1px solid #d8d1c8;
  border-radius: 4px;
}
.aura-form textarea { resize: vertical; min-height: 130px; }
.aura-form .honey { position: absolute; left: -9999px; }
.aura-form button {
  justify-self: start;
  cursor: pointer;
  font: inherit;
  font-size: 16px;
  font-weight: 600;
  color: var(--wp--preset--color--paper);
  background: var(--wp--preset--color--clay);
  border: 0;
  border-radius: 999px;
  padding: 15px 30px;
}
.aura-form button:hover { background: var(--wp--preset--color--clay-dark); }
.aura-note { font-size: 15px; font-weight: 600; color: var(--wp--preset--color--clay-dark); }

:focus-visible { outline: 2px solid var(--wp--preset--color--clay); outline-offset: 3px; }