/*
Theme Name: Evergrow Real Estate
Theme URI: https://www.evergrowrealestate.com/
Author: Evergrow Real Estate
Description: Single-purpose theme for Evergrow Real Estate. The home page is the "Buy Property in Dubai from India" landing page; other pages and posts use the same header, footer and typography.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evergrow
*/

/* The landing page styles live in assets/css/styles.css.
   This file only holds what WordPress itself needs on top of them. */

/* Keep the sticky header below the admin toolbar for logged-in users. */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }

/* ---------- Inner pages and posts (not part of the landing page design) ---------- */
.page-content { max-width: 860px; }
.page-content__title {
  margin: 0 0 24px;
  font-family: var(--font-display); font-weight: 600;
  font-size: clamp(30px, 3.2vw, 42px); line-height: 1.15; letter-spacing: -0.01em; color: var(--ink);
}
.page-content__title a { color: inherit; text-decoration: none; }
.page-content__meta { margin: -14px 0 24px; font-size: 15px; color: var(--muted-2); }
.entry { font-size: 18px; line-height: 1.65; color: var(--text); overflow-wrap: break-word; }
.entry + .entry-divider { margin: 40px 0; border: 0; border-top: 1px solid var(--line-2); }
.entry h2, .entry h3, .entry h4 { font-family: var(--font-display); font-weight: 600; line-height: 1.25; color: var(--ink); margin: 1.6em 0 0.5em; }
.entry h2 { font-size: 28px; }
.entry h3 { font-size: 22px; }
.entry h4 { font-size: 19px; }
.entry p, .entry ul, .entry ol, .entry blockquote, .entry table, .entry figure { margin: 0 0 1em; }
.entry img { max-width: 100%; height: auto; border-radius: var(--radius-lg); }
.entry blockquote { padding: 4px 0 4px 18px; border-left: 3px solid var(--green-500); color: var(--ink); }
.entry table { width: 100%; border-collapse: collapse; }
.entry th, .entry td { padding: 10px 12px; border: 1px solid var(--line-2); text-align: left; }
.pagination { margin-top: 40px; display: flex; gap: 16px; justify-content: space-between; font-weight: 700; }
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { margin-left: auto; margin-right: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
