/*
Theme Name: Shaw Luxury
Theme URI: https://shawluxury.ae
Author: Shaw Luxury Real Estate
Description: Lightweight Elementor-ready theme for Shaw Luxury Real Estate. The header, footer, every page and the property layout are Elementor templates you can edit visually. Requires the Shaw Luxury Core plugin; Elementor (free) recommended, Elementor Pro Theme Builder supported.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shaw-luxury
Tags: elementor, full-width-template, custom-logo, custom-menu, one-column
*/

/* Base only: all component styles live in the Shaw Luxury Core plugin so they also apply inside Elementor. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--sl-beige, #fff2e8); color: var(--sl-ink, #111); font-family: var(--sl-font, "Jost", system-ui, sans-serif); font-size: 18px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--sl-gold-text, #7d560f); }
h1, h2, h3, h4 { font-family: var(--sl-font-head, "Jost", system-ui, sans-serif); font-weight: 300; line-height: 1.15; }
main:focus { outline: none; }

/* Content that is not built with Elementor (blog posts, plain pages). */
.sl-entry { padding-block: clamp(48px, 7vw, 96px); }
.sl-entry-inner { max-width: 820px; }
.sl-entry .wp-block-image img, .sl-entry figure img { border-radius: 20px; }
.sl-entry blockquote { margin: 1.5em 0; padding-left: 1em; border-left: 3px solid var(--sl-gold, #c9962f); font-size: 1.15em; }
.sl-posts { display: grid; gap: 40px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); padding-block: clamp(48px, 7vw, 96px); }
.sl-post-card a { color: inherit; text-decoration: none; }
.sl-post-card img { aspect-ratio: 3 / 2; object-fit: cover; border-radius: 24px; width: 100%; }
.sl-post-card h2 { font-size: 1.6rem; margin: 16px 0 8px; }
.sl-post-meta { font-size: 14px; color: var(--sl-muted, #5b5047); letter-spacing: .08em; text-transform: uppercase; }
.sl-pagination { padding-bottom: 80px; display: flex; gap: 12px; flex-wrap: wrap; }
.sl-pagination .page-numbers { padding: 8px 14px; border: 1px solid var(--sl-line, #7a6d62); border-radius: 999px; text-decoration: none; color: inherit; }
.sl-pagination .current { background: var(--sl-ink, #111); color: var(--sl-beige, #fff2e8); }
.alignwide { max-width: 1200px; } .alignfull { width: 100vw; margin-left: calc(50% - 50vw); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.screen-reader-text:focus { position: static !important; width: auto; height: auto; clip: auto; }

/* Minimal header/footer when the Shaw Luxury Core plugin is not active. */
.sl-basic-header { background: #0a0d10; color: #f6efe6; padding: 20px clamp(16px, 4vw, 64px); display: flex; justify-content: space-between; align-items: center; }
.sl-basic-header a { color: inherit; text-decoration: none; }
.sl-basic-footer { background: #0a0d10; color: #f6efe6; padding: 32px clamp(16px, 4vw, 64px); font-size: 14px; }