/*
Theme Name: 1995 Unisex Salon
Theme URI: https://1995unisexsalon.com/
Author: Migrated from Hostinger Website Builder
Description: Block theme for 1995 Unisex Salon, Yelahanka New Town, Bengaluru. Rebuilt from the original Hostinger/Zyro site with matching typography and brand palette.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salon1995
Tags: block-theme, salon, business, one-column, full-site-editing
*/

/* Most styling lives in theme.json. This file covers what theme.json can't express. */

/* --- Sticky announcement bar (was Zyro's BlockStickyBar) --- */
.salon-sticky-bar {
  background: #0A4728;
  color: #FFEDBB;
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 9px 16px;
  margin: 0;
  min-height: 40px;
}

/* --- Header --- */
.wp-block-template-part .salon-header {
  background: #fff;
}
.salon-logo img {
  max-width: 183px;
  height: auto;
  display: block;
}
@media (max-width: 781px) {
  .salon-logo img { max-width: 172px; }
}

.wp-block-navigation .wp-block-navigation-item__content {
  font-family: 'Merriweather', Georgia, serif;
  font-weight: 700;
  color: #1D6C5C;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #0d141a;
}

/* --- Cover blocks carried over from Zyro section backgrounds --- */
.wp-block-cover {
  min-height: 420px;
  padding: 64px 24px;
}
@media (max-width: 781px) {
  .wp-block-cover { min-height: 320px; padding: 48px 16px; }
}

/* Zyro laid sections out edge-to-edge; keep groups full-bleed but content contained. */
.wp-block-group.has-background {
  padding: 64px 24px;
}
@media (max-width: 781px) {
  .wp-block-group.has-background { padding: 40px 16px; }
}

/* --- Service lists (were absolutely-positioned grids in Zyro) --- */
.wp-block-list {
  list-style: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px 32px;
  text-align: left;
}
.wp-block-list li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(29, 108, 92, 0.15);
}
/* Inside a reconstructed Zyro column the list is already one column wide;
   let it stack rather than trying to sub-divide again. */
.wp-block-column .wp-block-list {
  grid-template-columns: 1fr;
}

/* --- Footer --- */
.salon-footer {
  background: #F2F2EB;
  padding: 56px 24px 28px;
}
.salon-footer h2,
.salon-footer h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #1D1E20;
}
.salon-footer a {
  color: #1D1E20;
  text-decoration: none;
}
.salon-footer a:hover {
  color: #1D6C5C;
  text-decoration: underline;
}
.salon-footer-legal {
  border-top: 1px solid rgba(29, 30, 32, 0.12);
  margin-top: 32px;
  padding-top: 20px;
  font-size: 14px;
}

/* --- Link colour inheritance -----------------------------------------------
   Zyro set colour on the text box and let links inherit it. WordPress instead
   applies the global link colour, which turns cream headings teal and makes
   them vanish on teal or photographic backgrounds. Where an element carries its
   own colour, its links must follow it. */
.has-text-color a,
.wp-block-cover .wp-block-heading a,
.wp-block-cover .wp-block-list a,
.wp-block-cover p a {
  color: inherit;
}
.has-text-color a:hover,
.wp-block-cover a:hover {
  opacity: .75;
}

/* --- Contact Form 7, styled to match the original Zyro forms --- */
.wpcf7 {
  max-width: 591px;
}
.wpcf7 .salon-field {
  margin-bottom: 16px;
}
.wpcf7 label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #0d141a;
  margin-bottom: 6px;
}
.wpcf7 .required {
  color: #c0392b;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  color: #0d141a;
  background: #fff;
  border: 1px solid rgb(184, 192, 204);
  border-radius: 8px;
  padding: 12px 14px;
}
.wpcf7 textarea {
  min-height: 140px;
  resize: vertical;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: 2px solid #1D6C5C;
  outline-offset: 1px;
  border-color: #1D6C5C;
}
.wpcf7 input[type="submit"] {
  font-family: inherit;
  font-size: 16px;
  color: #fff;
  background: #000;
  border: 0;
  border-radius: 999px;
  padding: 16px 40px;
  cursor: pointer;
  transition: background .2s ease;
}
.wpcf7 input[type="submit"]:hover {
  background: #1D1E20;
}
/* The footer newsletter is a single field — keep it compact. */
.salon-footer .wpcf7 {
  max-width: 320px;
}
@media (prefers-reduced-motion: reduce) {
  .wpcf7 input[type="submit"] { transition: none; }
}

/* --- Gallery blocks converted from Zyro slideshows --- */
.wp-block-gallery.has-nested-images figure.wp-block-image img {
  border-radius: 8px;
}

/* --- Accessibility --- */
:where(a:focus-visible), :where(button:focus-visible) {
  outline: 2px solid #1D6C5C;
  outline-offset: 2px;
}