/**
 * Rajgir Parent Theme
 *
 * Base CSS — Document
 *
 * Canonical path:
 * assets/css/base/document.css
 *
 * Responsibility:
 * - Document-level presentation foundation.
 * - Body rendering foundation.
 * - Basic link presentation.
 * - Basic content element behavior.
 * - Media and embed presentation foundation.
 * - WordPress document-level compatibility.
 *
 * This file does NOT:
 * - define design tokens;
 * - define reset rules;
 * - define typography scale;
 * - define form component styling;
 * - define accessibility component styling;
 * - define component styling;
 * - define page styling;
 * - define responsive breakpoints.
 *
 * @package Rajgir
 */


/* ==========================================================================
   1. DOCUMENT FOUNDATION
   ========================================================================== */

html,
body {
	width: 100%;
	min-height: 100%;
}

body {
	overflow-x: hidden;
}


/* ==========================================================================
   2. SITE FOUNDATION
   ========================================================================== */

.site {
	width: 100%;
	min-width: 0;
}

.wp-site-blocks {
	width: 100%;
	min-width: 0;
}


/* ==========================================================================
   3. BASIC CONTENT ELEMENTS
   ========================================================================== */

p,
ul,
ol,
blockquote,
pre,
table {
	max-width: 100%;
}


/* ==========================================================================
   4. LINKS
   ========================================================================== */

a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.15em;
}


/*
 * Link presentation remains intentionally neutral here.
 *
 * Brand / interactive colors are supplied by the token layer and may be
 * refined by components or page-level presentation where required.
 */


/* ==========================================================================
   5. MEDIA
   ========================================================================== */

img,
picture,
video,
canvas,
svg {
	max-width: 100%;
}

img,
video {
	height: auto;
}


/* ==========================================================================
   6. SVG
   ========================================================================== */

svg {
	max-width: 100%;
}


/* ==========================================================================
   7. EMBEDS
   ========================================================================== */

iframe,
embed,
object {
	max-width: 100%;
}


/* ==========================================================================
   8. FIGURES
   ========================================================================== */

figure {
	max-width: 100%;
}


/* ==========================================================================
   9. WORDPRESS CONTENT SAFETY
   ========================================================================== */

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	max-width: 100%;
	height: auto;
}


/* ==========================================================================
   10. WORDPRESS ALIGNMENT
   ========================================================================== */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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


/* ==========================================================================
   11. WORDPRESS EMBED RESPONSIVENESS
   ========================================================================== */

.wp-block-embed {
	max-width: 100%;
}

.wp-block-embed iframe {
	max-width: 100%;
}


/* ==========================================================================
   12. CONTENT OVERFLOW SAFETY
   ========================================================================== */

pre,
code,
kbd,
samp {
	max-width: 100%;
}

pre {
	overflow-x: auto;
}

table {
	width: 100%;
	overflow-wrap: anywhere;
}

p,
li,
td,
th {
	overflow-wrap: break-word;
}


/* ==========================================================================
   13. HORIZONTAL RULE
   ========================================================================== */

hr {
	width: 100%;
}


/* ==========================================================================
   14. BUTTON / CONTROL CURSOR FOUNDATION
   ========================================================================== */

button,
[type="button"],
[type="submit"],
[type="reset"] {
	cursor: pointer;
}


/* ==========================================================================
   15. DISABLED CONTROL FOUNDATION
   ========================================================================== */

button:disabled,
input:disabled,
select:disabled,
textarea:disabled,
[aria-disabled="true"] {
	cursor: not-allowed;
}


/* ==========================================================================
   16. DOCUMENT BACKGROUND INHERITANCE
   ========================================================================== */

body,
.site {
	background-color: var(--rajgir-color-background);
	color: var(--rajgir-color-text);
}


/* ==========================================================================
   17. DOCUMENT SELECTION
   ========================================================================== */

::selection {
	background-color: var(--rajgir-color-interactive);
	color: var(--rajgir-color-text-inverse);
}


/* ==========================================================================
   18. WORDPRESS ADMIN BAR SAFETY
   ========================================================================== */

/*
 * Do not hard-code admin-bar offsets here.
 *
 * WordPress and the relevant layout layer remain responsible for
 * contextual admin-bar positioning.
 */


/* ==========================================================================
   19. DOCUMENT BOUNDARY
   ========================================================================== */

/*
 * The following responsibilities belong elsewhere:
 *
 * Reset:
 *     assets/css/base/reset.css
 *
 * Typography:
 *     assets/css/tokens/typography.css
 *     assets/css/base/typography.css
 *
 * Forms:
 *     assets/css/base/forms.css
 *
 * Accessibility:
 *     assets/css/base/accessibility.css
 *
 * Components:
 *     assets/css/components/
 *
 * Layout:
 *     assets/css/layouts/
 *
 * Pages:
 *     assets/css/pages/
 *
 * States:
 *     assets/css/states/
 *
 * Responsive behavior:
 *     assets/css/responsive/
 */