/*
Theme Name: SmartRemoteGigs
Theme URI: https://smartremotegigs.com
Author: SmartRemoteGigs Team
Author URI: https://smartremotegigs.com
Description: Custom WordPress platform for SmartRemoteGigs 2026. Built for performance, SaaS-style UX, and full compatibility with existing CPTs, shortcodes, ACF fields, and Rank Math Pro.
Version: 3.6.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: srg
Domain Path: /languages
Tags: custom-theme, performance, dark-mode, saas, remote-work

SmartRemoteGigs WordPress Platform
(c) 2026 SmartRemoteGigs. All rights reserved.
*/

/* ============================================================
   SMARTREMOTEGIGS PLATFORM — GLOBAL ASSETS IMPORTS (Core Only)
   ============================================================ */

/* Global Brand Foundations */
@import url('assets/css/design-system.css');
@import url('assets/css/dark-mode.css');

/* Global Common UI Elements */
@import url('assets/css/buttons.css');
@import url('assets/css/forms.css');
@import url('assets/css/utilities.css');
@import url('assets/css/breadcrumb.css');
@import url('assets/css/footer.css');


/* ============================================================
   WORDPRESS CORE ALIGNMENT & GLOBAL BASE
   ============================================================ */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--srg-font-body);
    font-size: var(--srg-text-base);
    line-height: var(--srg-leading-normal);
    color: var(--srg-text-primary);
    background-color: var(--srg-bg-primary);
    transition: background-color var(--srg-transition-base), color var(--srg-transition-base);
}

/* WordPress Core Alignment */
.alignleft { float: left; margin-right: var(--srg-space-4); }
.alignright { float: right; margin-left: var(--srg-space-4); }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: var(--srg-container-wide); margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }

/* Screen Reader Text */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* WordPress Gallery grid */
.gallery { display: grid; gap: var(--srg-space-4); }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }

/* Lazy loading fade-in layout transition */
img[loading="lazy"] {
    opacity: 0;
    transition: opacity var(--srg-transition-slow);
}
img[loading="lazy"].loaded,
img[loading="lazy"][src] {
    opacity: 1;
}