/*
Theme Name: Chartiva Make Up
Theme URI: https://chartiva.xyz/
Author: Chartiva
Author URI: https://chartiva.xyz/
Description: Tema standar produksi untuk jasa makeup artist (Solo). Desain diwarisi 1:1 dari build statis: Tailwind compiled, font & gambar self-hosted, palet Rose Gold yang bisa diubah dari Customizer. Header, footer, WhatsApp melayang, paket, galeri, testimoni dan FAQ semuanya dapat diedit dari admin; halaman statis memakai Elementor Free.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chartiva-makeup
Tags: beauty, one-column, custom-colors, custom-menu, featured-images, translation-ready, block-styles, wide-blocks, e-commerce
WC requires at least: 8.0
WC tested up to: 9.9
*/

/* Visual design lives in assets/css/app.css (compiled Tailwind, enqueued by
   functions.php). This file intentionally holds only the theme header and a
   thin safety layer, so WP never renders an unstyled page if app.css fails. */

html { scroll-behavior: smooth; }
body { margin: 0; background: rgb(var(--color-cream,251 246 242)); color: rgb(var(--color-ink,43 33 30)); font-family: 'Plus Jakarta Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }

/* Content posted through the block editor / Elementor inside theme chrome. */
.entry-content { max-width: 46rem; margin-inline: auto; }
.entry-content h2, .entry-content h3 { font-family: 'Fraunces', serif; color: rgb(var(--color-ink,43 33 30)); margin-top: 1.6em; }
.entry-content p, .entry-content li { line-height: 1.75; }
.entry-content a { color: rgb(var(--color-rose,183 110 121)); text-decoration: underline; text-underline-offset: 2px; }
.entry-content img { border-radius: 1rem; }
.entry-content ul { padding-left: 1.25rem; list-style: disc; }
.entry-content ol { padding-left: 1.25rem; list-style: decimal; }
.entry-content blockquote { border-left: 3px solid rgb(var(--color-rose,183 110 121)); padding-left: 1rem; font-style: italic; color: rgb(var(--color-ink-soft,107 90 84)); }
.alignwide { max-width: 72rem; margin-inline: auto; }
.alignfull { max-width: none; }

/* Elementor Canvas: no theme header/footer, so the section can bleed edge to edge. */
body.rm-canvas .rm-shell, body.rm-canvas header, body.rm-canvas footer { display: none; }
.rm-elementor-content > .elementor { max-width: none; }

/* Screen-reader skip link (a11y + production hygiene). */
.skip-link { position: absolute; left: -9999px; top: 0; background: rgb(var(--color-rose-dark,142 74 86)); color: #fff; padding: .6rem 1rem; border-radius: 0 0 .6rem 0; z-index: 999; }
.skip-link:focus { left: 0; }

/* Admin bar offset for the sticky header. */
.admin-bar .rm-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .rm-header { top: 46px; } }

/* wp_nav_menu outputs ul/li; Tailwind preflight strips them. Rebuild the exact
   inline layout of the static build so the menu is visually identical. */
.rm-nav ul { display: flex; align-items: center; gap: 2rem; list-style: none; margin: 0; padding: 0; }
.rm-nav li { margin: 0; }
.rm-nav a { font-size: .875rem; font-weight: 600; color: rgb(var(--color-ink-soft,107 90 84)); text-decoration: none; transition: color .2s; }
.rm-nav a:hover, .rm-nav .current-menu-item > a, .rm-nav .current_page_item > a { color: rgb(var(--color-rose,183 110 121)); }

/* Mobile drawer variant of the same menu. */
.rm-nav-mobile ul { display: grid; gap: .25rem; list-style: none; margin: 0; padding: 0; }
.rm-nav-mobile a { display: block; padding: .75rem; border-radius: .75rem; font-size: .875rem; font-weight: 700; color: rgb(var(--color-ink,43 33 30)); text-decoration: none; }
.rm-nav-mobile a:hover { background: rgb(var(--color-blush,245 225 216)); }