/* Theme Name: Houzez Child Theme URI: https://themeforest.net/item/houzez-real-estate-wordpress-theme/15752014 Description: Child theme for Houzez. The safe place for all customizations — preserves 100% of the parent theme's functionality and survives Houzez updates. All custom CSS goes below; all custom PHP goes in functions.php. Author: Scorpflow Author URI: https://scorpflow.com Template: houzez Version: 1.2.1 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: houzez-child Tags: real-estate */ /* ========================================================================= CUSTOM STYLES ------------------------------------------------------------------------- Add your overrides below. This file loads AFTER the parent theme's stylesheets, so rules here win without needing !important in most cases. If a specific override refuses to apply, increase selector specificity before reaching for !important. ========================================================================= */ /* Example (delete or edit): .site-title a { color: #1A4D3A; } */ /* ========================================================================= SINGLE BRAND TEMPLATE (single-brand.php) Scoped under .brand-single so it can't affect Houzez styles. ========================================================================= */ /* ========================================================================= SINGLE BRAND · single-brand.php (UI-refined, compact) ========================================================================= */ .brand-single { --page: #F7F5EF; --surface: #FFFFFF; --ink: #1F2A28; --muted: #8B8680; --soft: #7A9080; --line: #E8E4DA; --accent: #1A4D3A; --accent-ink: #F8F5EE; --brass: #B8956B; --radius-card: 20px; --radius-btn: 10px; --shadow-sm: 0 1px 2px rgba(31,42,40,.05); --shadow-md: 0 10px 30px rgba(26,77,58,.08), 0 2px 6px rgba(31,42,40,.04); --shadow-lg: 0 18px 44px rgba(26,77,58,.14), 0 4px 12px rgba(31,42,40,.07); --ease: .25s ease; background: var(--page); color: var(--ink); font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; padding: 40px 20px 50px; } .brand-single * { box-sizing: border-box; } .brand-single__inner { max-width: 1180px; margin: 0 auto; } /* HERO */ .brand-single .bs-hero { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; margin: 0 auto 44px; padding-bottom: 30px; animation: bsFadeIn .5s ease both; } @keyframes bsFadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } .brand-single .bs-pill { display: inline-flex; align-items: center; gap: .4rem; font-size: .7rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; padding: .4rem .85rem; border-radius: 999px; } .brand-single .bs-pill--featured { background: var(--accent); color: var(--accent-ink); } .brand-single .bs-pill--featured svg { width: 12px; height: 12px; color: var(--brass); } .brand-single .bs-hero__logo { display: inline-flex; align-items: center; justify-content: center; max-width: 250px; padding: 16px 22px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); box-shadow: var(--shadow-md); } .brand-single .bs-hero__logo-img { display: block; max-width: 200px; max-height: 64px; width: auto; height: auto; object-fit: contain; } .brand-single .bs-hero__name { font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif; font-weight: 700; font-size: clamp(2rem, 4.6vw, 3rem); line-height: 1.05; letter-spacing: -.01em; color: var(--ink); margin: 2px 0 0; } .brand-single .bs-hero__badges { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; } .brand-single .bs-badge { font-size: .78rem; font-weight: 500; padding: .4rem .9rem; border-radius: 999px; line-height: 1; } .brand-single .bs-badge--sector { background: var(--accent); color: var(--accent-ink); } .brand-single .bs-badge--category { background: var(--surface); color: var(--ink); border: 1px solid var(--line); } .brand-single .bs-hero__invest { display: flex; flex-direction: column; align-items: center; gap: .15rem; margin-top: .2rem; } .brand-single .bs-hero__invest-kicker { font-size: .68rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--brass); } .brand-single .bs-hero__invest-value { font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif; font-weight: 600; font-size: clamp(1.5rem, 3.2vw, 2.15rem); line-height: 1.15; color: var(--accent); } .brand-single .bs-hero__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: .4rem; } /* SHARED CARD TITLE */ .brand-single .bs-card__title { display: flex; align-items: center; gap: .55rem; font-family: "Inter", sans-serif; font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin: 0 0 1rem; padding-bottom: .7rem; border-bottom: 1px solid var(--brass); } .brand-single .bs-card__icon { display: inline-flex; } .brand-single .bs-card__icon svg { width: 18px; height: 18px; color: var(--accent); } /* ABOUT BRAND CARD */ .brand-single .bs-about { max-width: 900px; margin: 0 auto 44px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); box-shadow: var(--shadow-sm); padding: 26px 30px; text-align: left; transition: transform var(--ease), box-shadow var(--ease); } .brand-single .bs-about:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); } .brand-single .bs-about__body { color: var(--ink); font-size: 1.02rem; line-height: 1.7; } .brand-single .bs-about__body p { margin: 0 0 .8rem; } .brand-single .bs-about__body p:last-child { margin-bottom: 0; } /* DETAIL CARDS */ .brand-single .bs-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1180px; margin: 0 auto; } .brand-single .bs-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); box-shadow: var(--shadow-sm); padding: 26px 28px; transition: transform var(--ease), box-shadow var(--ease); } .brand-single .bs-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .brand-single .bs-dl { margin: 0; } .brand-single .bs-dl__row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--line); } .brand-single .bs-dl__row:first-child { padding-top: 0; } .brand-single .bs-dl__row:last-child { padding-bottom: 0; border-bottom: 0; } .brand-single .bs-dl__label { display: flex; align-items: center; gap: .5rem; font-size: .7rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); margin: 0; flex-shrink: 0; } .brand-single .bs-dl__icon { display: inline-flex; } .brand-single .bs-dl__icon svg { width: 15px; height: 15px; color: var(--soft); } .brand-single .bs-dl__value { font-size: 1rem; font-weight: 600; color: var(--ink); margin: 0; text-align: right; } /* BUTTONS */ .brand-single .bs-btn { display: inline-flex; align-items: center; gap: .5rem; font-family: "Inter", sans-serif; font-size: .92rem; font-weight: 600; letter-spacing: .01em; text-decoration: none; padding: .85rem 1.6rem; border-radius: var(--radius-btn); border: 1px solid transparent; cursor: pointer; transition: transform var(--ease), background var(--ease), color var(--ease), box-shadow var(--ease); } .brand-single .bs-btn svg { width: 17px; height: 17px; } .brand-single .bs-btn--primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); box-shadow: var(--shadow-sm); } .brand-single .bs-btn--primary:hover { background: #15402F; box-shadow: 0 10px 26px rgba(26,77,58,.24); transform: translateY(-2px); } .brand-single .bs-btn--secondary { background: var(--surface); color: var(--accent); border-color: var(--accent); } .brand-single .bs-btn--secondary:hover { background: var(--accent); color: var(--accent-ink); transform: translateY(-2px); } .brand-single .bs-btn:focus-visible { outline: 2px solid var(--brass); outline-offset: 3px; } /* RESPONSIVE */ @media (max-width: 820px) { .brand-single .bs-cards { grid-template-columns: 1fr; } } @media (max-width: 480px) { .brand-single { padding: 28px 16px 40px; } .brand-single .bs-hero__cta { flex-direction: column; width: 100%; } .brand-single .bs-btn { width: 100%; justify-content: center; } .brand-single .bs-dl__row { flex-direction: column; align-items: flex-start; gap: .3rem; } .brand-single .bs-dl__value { text-align: left; } } /* MOTION PREFERENCE */ @media (prefers-reduced-motion: reduce) { .brand-single .bs-hero { animation: none; } .brand-single .bs-about, .brand-single .bs-card, .brand-single .bs-btn { transition: none; } .brand-single .bs-about:hover, .brand-single .bs-card:hover, .brand-single .bs-btn:hover { transform: none; } } /* ========================================================================= ENQUIRY FORM · appended to child theme style.css ========================================================================= */ .gv-enquiry { --gv-page: #F7F5EF; --gv-surface: #FFFFFF; --gv-ink: #1F2A28; --gv-muted: #8B8680; --gv-line: #E8E4DA; --gv-accent: #1A4D3A; --gv-accent-ink: #F8F5EE; --gv-brass: #B8956B; max-width: 1180px; margin: 44px auto 0; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--gv-ink); } .gv-enquiry * { box-sizing: border-box; } .gv-enquiry__card { background: var(--gv-surface); border: 1px solid var(--gv-line); border-radius: 20px; box-shadow: 0 10px 30px rgba(26,77,58,.08), 0 2px 6px rgba(31,42,40,.04); padding: clamp(24px, 4vw, 36px); } .gv-enquiry__title { font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif; font-weight: 700; font-size: clamp(1.6rem, 3vw, 2.1rem); line-height: 1.1; color: var(--gv-ink); margin: 0 0 .35rem; } .gv-enquiry__sub { color: var(--gv-muted); font-size: .98rem; margin: 0 0 1.5rem; } .gv-enquiry__notice { border-radius: 10px; padding: 14px 16px; font-size: .95rem; margin-bottom: 1.25rem; } .gv-enquiry__notice--success { background: #ECF3EE; border: 1px solid #B7D3C2; color: #1A4D3A; } .gv-enquiry__notice--error { background: #FBEDED; border: 1px solid #E6BCBC; color: #8A2A2A; } .gv-enquiry__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; } .gv-field { margin: 0; display: flex; flex-direction: column; } .gv-field--full { grid-column: 1 / -1; } .gv-field label { font-size: .78rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--gv-muted); margin-bottom: .4rem; } .gv-field label span { color: var(--gv-brass); } .gv-enquiry input, .gv-enquiry select, .gv-enquiry textarea { width: 100%; font-family: inherit; font-size: 1rem; color: var(--gv-ink); background: #FCFBF8; border: 1px solid var(--gv-line); border-radius: 10px; padding: .8rem .95rem; transition: border-color .2s ease, box-shadow .2s ease; } .gv-enquiry textarea { resize: vertical; min-height: 110px; } .gv-enquiry input:focus, .gv-enquiry select:focus, .gv-enquiry textarea:focus { outline: none; border-color: var(--gv-accent); box-shadow: 0 0 0 3px rgba(26,77,58,.12); } .gv-err { color: #B23A3A; font-size: .82rem; margin-top: .35rem; } .gv-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; } .gv-enquiry__btn { margin-top: 1.5rem; display: inline-flex; align-items: center; justify-content: center; font-family: "Inter", sans-serif; font-size: .95rem; font-weight: 600; letter-spacing: .01em; color: var(--gv-accent-ink); background: var(--gv-accent); border: 1px solid var(--gv-accent); border-radius: 10px; padding: .9rem 1.8rem; cursor: pointer; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; } .gv-enquiry__btn:hover { background: #15402F; box-shadow: 0 10px 26px rgba(26,77,58,.24); transform: translateY(-2px); } .gv-enquiry__btn:focus-visible { outline: 2px solid var(--gv-brass); outline-offset: 3px; } @media (max-width: 600px) { .gv-enquiry__grid { grid-template-columns: 1fr; } .gv-enquiry__btn { width: 100%; } } @media (prefers-reduced-motion: reduce) { .gv-enquiry input, .gv-enquiry select, .gv-enquiry textarea, .gv-enquiry__btn { transition: none; } .gv-enquiry__btn:hover { transform: none; } } /* ========================================================================= BRANDS DIRECTORY · archive-brand.php (/brands) ========================================================================= */ .gv-brands { --bg:#F8F5EE; --surface:#FFFFFF; --forest:#1A4D3A; --forest-dark:#15402F; --charcoal:#1F2A28; --brass:#B8956B; --sage:#7A9080; --stone:#8B8680; --light-sage:#E8EDE9; --border:#E6E2D8; --shadow:rgba(26,77,58,0.08); background:var(--bg); color:var(--charcoal); font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; padding:clamp(40px,6vw,80px) 20px; } .gv-brands * { box-sizing:border-box; } .gv-brands__inner { max-width:1280px; margin:0 auto; } /* HERO */ .gv-brands__hero { text-align:center; max-width:780px; margin:0 auto clamp(32px,5vw,52px); } .gv-brands__kicker { font-size:.75rem; letter-spacing:.22em; text-transform:uppercase; color:var(--brass); font-weight:600; margin:0 0 1rem; } .gv-brands__title { font-family:"Cormorant Garamond","Playfair Display",Georgia,serif; font-weight:700; font-size:clamp(2.4rem,5vw,3.8rem); line-height:1.05; letter-spacing:-.01em; color:var(--forest); margin:0 0 1rem; } .gv-brands__sub { font-size:clamp(1rem,1.6vw,1.15rem); color:var(--stone); margin:0 auto 2rem; max-width:560px; line-height:1.6; } /* SEARCH + FILTERS */ .gv-brands__controls { display:flex; flex-direction:column; gap:16px; } .gv-search { position:relative; display:flex; align-items:center; gap:6px; width:100%; max-width:620px; margin:0 auto; background:var(--surface); border:1px solid var(--border); border-radius:999px; box-shadow:0 10px 30px var(--shadow); padding:6px 6px 6px 20px; } .gv-search__icon { width:20px; height:20px; color:var(--sage); flex-shrink:0; } .gv-search input { flex:1; min-width:0; border:none; background:transparent; font-family:inherit; font-size:1rem; color:var(--charcoal); padding:12px 8px; outline:none; } .gv-search input::placeholder { color:var(--stone); } .gv-search__btn { flex-shrink:0; border:none; cursor:pointer; background:var(--forest); color:var(--bg); font-family:inherit; font-weight:600; font-size:.92rem; padding:12px 26px; border-radius:999px; transition:background .25s ease; } .gv-search__btn:hover { background:var(--forest-dark); } .gv-filters { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px; } .gv-select { position:relative; display:inline-flex; } .gv-select::after { content:""; position:absolute; right:16px; top:50%; width:8px; height:8px; border-right:2px solid var(--sage); border-bottom:2px solid var(--sage); transform:translateY(-65%) rotate(45deg); pointer-events:none; } .gv-select select { appearance:none; -webkit-appearance:none; -moz-appearance:none; font-family:inherit; font-size:.92rem; color:var(--charcoal); background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:12px 42px 12px 18px; min-width:172px; cursor:pointer; transition:border-color .2s ease, box-shadow .2s ease; } .gv-select select:hover { border-color:var(--sage); } .gv-select select:focus { outline:none; border-color:var(--forest); box-shadow:0 0 0 3px rgba(26,77,58,.12); } .gv-filters__apply { border:none; cursor:pointer; background:var(--charcoal); color:var(--bg); font-family:inherit; font-weight:600; font-size:.92rem; padding:12px 24px; border-radius:12px; transition:opacity .2s ease; } .gv-filters__apply:hover { opacity:.9; } .gv-filters__clear { display:inline-flex; align-items:center; font-size:.9rem; color:var(--stone); text-decoration:none; padding:12px 6px; transition:color .2s ease; } .gv-filters__clear:hover { color:var(--forest); } /* GRID */ .gv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2vw,28px); margin-top:clamp(28px,4vw,44px); } @media (max-width:900px) { .gv-grid { grid-template-columns:repeat(2,1fr); } } @media (max-width:560px) { .gv-grid { grid-template-columns:1fr; } } /* CARD */ .gv-card { animation:gvFade .5s ease both; } @keyframes gvFade { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } } .gv-card:nth-child(2){animation-delay:.05s}.gv-card:nth-child(3){animation-delay:.1s}.gv-card:nth-child(4){animation-delay:.15s}.gv-card:nth-child(5){animation-delay:.2s}.gv-card:nth-child(6){animation-delay:.25s}.gv-card:nth-child(7){animation-delay:.3s}.gv-card:nth-child(8){animation-delay:.35s}.gv-card:nth-child(9){animation-delay:.4s} .gv-card__link { position:relative; display:flex; flex-direction:column; align-items:center; height:100%; text-align:center; text-decoration:none; background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:32px 26px 26px; box-shadow:0 1px 2px rgba(31,42,40,.04); transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .gv-card__link:hover { transform:translateY(-6px); box-shadow:0 22px 50px var(--shadow); border-color:var(--light-sage); } .gv-card__badge { position:absolute; top:14px; right:14px; background:var(--brass); color:#fff; font-size:.66rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:5px 11px; border-radius:999px; } .gv-card__logo { display:flex; align-items:center; justify-content:center; height:84px; width:100%; margin-bottom:20px; } .gv-card__logo-img { max-width:170px; max-height:72px; width:auto; height:auto; object-fit:contain; } .gv-card__logo-fallback { font-family:"Cormorant Garamond",Georgia,serif; font-size:2.4rem; font-weight:700; color:var(--forest); } .gv-card__name { font-family:"Cormorant Garamond","Playfair Display",Georgia,serif; font-weight:700; font-size:1.5rem; line-height:1.15; color:var(--forest); margin:0 0 14px; } .gv-card__badges { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:16px; } .gv-chip { font-size:.72rem; font-weight:500; letter-spacing:.02em; padding:5px 12px; border-radius:999px; background:var(--light-sage); color:var(--forest); } .gv-chip--ghost { background:transparent; border:1px solid var(--border); color:var(--stone); } .gv-card__invest { margin-top:auto; padding-top:16px; } .gv-card__invest-label { display:block; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:var(--stone); margin-bottom:4px; } .gv-card__invest-value { font-family:"Cormorant Garamond",Georgia,serif; font-size:1.4rem; font-weight:700; color:var(--forest); line-height:1.1; } .gv-card__cta { display:inline-flex; align-items:center; gap:8px; margin-top:20px; font-family:"Inter",sans-serif; font-size:.86rem; font-weight:600; letter-spacing:.02em; color:var(--forest); } .gv-card__cta svg { width:16px; height:16px; transition:transform .25s ease; } .gv-card__link:hover .gv-card__cta svg { transform:translateX(4px); } /* PAGINATION */ .gv-pagination { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:clamp(36px,5vw,56px); } .gv-pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 13px; border-radius:10px; border:1px solid var(--border); background:var(--surface); color:var(--charcoal); text-decoration:none; font-size:.92rem; font-weight:500; transition:border-color .2s ease, color .2s ease, background .2s ease; } .gv-pagination a.page-numbers:hover { border-color:var(--forest); color:var(--forest); } .gv-pagination .page-numbers.current { background:var(--forest); border-color:var(--forest); color:var(--bg); font-weight:600; } .gv-pagination .page-numbers.dots { border:none; background:transparent; } /* EMPTY STATE */ .gv-empty { text-align:center; max-width:460px; margin:clamp(40px,6vw,72px) auto; background:var(--surface); border:1px solid var(--border); border-radius:20px; padding:48px 32px; box-shadow:0 10px 30px var(--shadow); } .gv-empty svg { width:44px; height:44px; color:var(--sage); margin-bottom:18px; } .gv-empty h2 { font-family:"Cormorant Garamond",Georgia,serif; font-size:1.8rem; color:var(--forest); margin:0 0 .5rem; } .gv-empty p { color:var(--stone); margin:0 0 1.5rem; line-height:1.6; } .gv-empty__btn { display:inline-block; background:var(--forest); color:var(--bg); text-decoration:none; font-weight:600; font-size:.92rem; padding:12px 26px; border-radius:10px; transition:background .25s ease; } .gv-empty__btn:hover { background:var(--forest-dark); } /* RESPONSIVE CONTROLS */ @media (max-width:560px) { .gv-search { flex-wrap:wrap; border-radius:16px; padding:10px 16px; } .gv-search__btn { width:100%; margin-top:6px; border-radius:10px; } .gv-filters { flex-direction:column; align-items:stretch; } .gv-select, .gv-select select, .gv-filters__apply { width:100%; } .gv-filters__clear { justify-content:center; } } /* MOTION PREFERENCE */ @media (prefers-reduced-motion:reduce) { .gv-card { animation:none; } .gv-card__link, .gv-card__cta svg, .gv-search__btn, .gv-pagination .page-numbers { transition:none; } .gv-card__link:hover { transform:none; } } /* SCREEN-READER UTILITY (only if the theme lacks it) */ .gv-brands .screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; border:0; padding:0; margin:-1px; }