/*
Theme Name: ZanCo. ltd
Theme URI: https://zanco.ltd
Author: ZanCo Development Team
Author URI: https://zanco.ltd
Description: A luxury real estate and investment advisory block theme for ZanCo. ltd. Features calm, editorial, high-end design with large imagery, strong whitespace, serif headings, sans-serif body, and a neutral palette with gold accents. Fully RTL-ready for Arabic support.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.4
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: zanco
Tags: block-theme, full-site-editing, rtl-language-support, translation-ready, custom-colors, custom-logo, editor-style, featured-images, theme-options, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, wide-blocks, block-styles
*/

/**
 * ZanCo. ltd - Luxury Real Estate Block Theme
 * 
 * This theme is built using WordPress Full Site Editing (FSE) and block patterns.
 * It provides a calm, editorial, high-end design suitable for luxury real estate
 * and investment advisory websites.
 * 
 * Design Features:
 * - Large imagery with strong whitespace
 * - Serif headings (Playfair Display) + Sans-serif body (Montserrat)
 * - Neutral palette: ivory, charcoal, taupe, gold accents
 * - Full RTL support for Arabic (intentional adaptation, not mechanical mirror)
 * 
 * Technical Features:
 * - Block theme architecture (theme.json, templates, patterns, template parts)
 * - Semantic HTML structure
 * - SEO hierarchy (H1–H3)
 * - Responsive design (desktop, tablet, mobile)
 * - Reusable patterns for cards, sections, and layouts
 */

/* ==========================================================================
   Base Theme Styles (Block Editor Support)
   ========================================================================== */

/* Import custom theme styles */
@import url('./assets/css/theme.css');

/* ==========================================================================
   WordPress Core Styles
   ========================================================================== */

/* Screen Reader Text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: var(--zanco-ivory);
    clip: auto !important;
    clip-path: none;
    color: var(--zanco-dark);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    left: 8px;
    line-height: normal;
    padding: 16px 24px;
    text-decoration: none;
    top: 8px;
    width: auto;
    z-index: 100000;
}

/* Skip Link */
.skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    background: var(--zanco-gold);
    color: var(--zanco-white);
    padding: 16px 24px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    z-index: 100000;
    transition: top 0.3s ease;
}

.skip-link:focus {
    top: 0;
}

/* ==========================================================================
   Block Editor Styles
   ========================================================================== */

/* Alignments */
.alignleft {
    float: left;
    margin-right: 2em;
    margin-top: 0;
}

.alignright {
    float: right;
    margin-left: 2em;
    margin-top: 0;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignwide {
    max-width: var(--zanco-wide);
    margin-left: auto;
    margin-right: auto;
}

.alignfull {
    max-width: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

/* ==========================================================================
   Post and Page Content
   ========================================================================== */

.entry-content {
    max-width: var(--zanco-container);
    margin: 0 auto;
    padding: 0 32px;
}

.entry-content > * {
    margin-bottom: var(--zanco-spacing-lg);
}

/* ==========================================================================
   Global Footer Margin Reset
   ========================================================================== */

/* Remove any top margin from footer across all templates */
.site-footer,
footer.site-footer,
footer[id="footer"],
.site-footer--home2,
.wp-block-template-part:footer.site-footer,
.wp-block-template-part > footer,
main + .wp-block-template-part,
main + footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.entry-content > *:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   Responsive Adjustments
   ========================================================================== */

@media (max-width: 768px) {
    .entry-content {
        padding: 0 16px;
    }
    
    .alignleft,
    .alignright {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}

/* ==========================================================================Hero Carousel - Max-width 1440px
   ========================================================================== */

.hero-slide .wp-block-cover__inner-container {
    display: flex;
    justify-content: center;
}

.hero-slide .wp-block-cover__inner-container > .wp-block-group,
.zanco-hero-carousel .wp-block-cover__inner-container > .wp-block-group {
    max-width: 1440px !important;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}