/*
Theme Name: Pearl Rock
Theme URI: https://pearlrock.com.au
Author: Pearl Rock Hair Extensions
Author URI: https://pearlrock.com.au
Description: Luxury hair extensions theme for Pearl Rock Hair Extensions — Langwarrin, VIC. Converted from the Pearl Rock static build.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
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: pearlrock
Tags: business, one-column, custom-logo, custom-menu, featured-images, translation-ready
*/

/* -----------------------------------------------------------
   The design lives in assets/css/main.css (enqueued separately).
   This file only carries the theme header plus WordPress-side
   overrides that the static build never needed.
   ----------------------------------------------------------- */

/* ---------- admin bar ----------
   WordPress already pushes the document down with html{margin-top:32px}.
   Only the sticky header and the fixed mobile menu need re-anchoring. */
body.admin-bar .header      { top: 32px; }
body.admin-bar .mobile-menu { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .header      { top: 46px; }
  body.admin-bar .mobile-menu { top: 46px; }
}

/* ---------- WordPress core alignment / caption classes ---------- */
.alignleft   { float: left;  margin: 6px 24px 18px 0; }
.alignright  { float: right; margin: 6px 0 18px 24px; }
.aligncenter { display: block; margin-inline: auto; }
.alignwide   { width: min(1180px, 100%); margin-inline: auto; }
.alignfull   { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.wp-caption  { max-width: 100%; }
.wp-caption-text,
.wp-block-image figcaption {
  font-size: 12.5px;
  color: var(--muted);
  letter-spacing: .04em;
  margin-top: 8px;
}
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ---------- menu items generated by wp_nav_menu ---------- */
.nav ul li.menu-item-has-children > a::before {
  content: "";
}
.nav .sub-menu {
  position: absolute;
  min-width: 210px;
  padding: 14px 0;
  margin-top: 10px;
  display: block;
  background: var(--white);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-md);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .25s var(--ease), transform .25s var(--ease), visibility .25s;
  z-index: 60;
}
.nav li { position: relative; }
.nav li:hover > .sub-menu,
.nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.nav .sub-menu li + li { margin-top: 4px; }
.nav .sub-menu a { padding: 7px 20px; display: block; }
.nav .sub-menu a::after { display: none; }

.mobile-menu .sub-menu { padding-left: 18px; border-top: 1px solid var(--line); }
.mobile-menu .sub-menu a { font-size: 20px; }

/* ---------- editor / fallback content ---------- */
.entry-content > * + * { margin-top: 20px; }
.entry-content ul,
.entry-content ol { padding-left: 20px; list-style: revert; }
.entry-content ul li,
.entry-content ol li { margin-top: 8px; }
.entry-content a { color: var(--gold-deep); text-decoration: underline; text-underline-offset: 3px; }
.entry-content h2 { font-size: clamp(24px, 3vw, 34px); font-weight: 300; letter-spacing: -.01em; margin-top: 42px; }
.entry-content h3 { font-size: clamp(19px, 2.2vw, 23px); font-weight: 400; margin-top: 32px; }
.entry-content blockquote {
  border-left: 2px solid var(--gold);
  padding-left: 22px;
  color: var(--ink-soft);
  font-style: italic;
}