/* stylelint-disable selector-class-pattern -- Targeting pre-defined Storybook classes */

/*!
 * Copyright 2024 Adobe. All rights reserved.
 *
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at <http://www.apache.org/licenses/LICENSE-2.0>
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

body {
	--spectrum-font-family-ar: myriad-arabic, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;
	--spectrum-font-family-he: myriad-hebrew, adobe-clean, "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, ubuntu, "Trebuchet MS", "Lucida Grande", sans-serif;

	--spectrum-font-family: var(--spectrum-sans-font-family-stack);
	--spectrum-font-style: var(--spectrum-default-font-style);
	--spectrum-font-size: var(--spectrum-font-size-100);

	margin: 0;

	font-family: var(--spectrum-font-family);
	font-size: var(--spectrum-font-size);
	font-style: var(--spectrum-font-style);
}

body:lang(ar) {
	font-family: var(--spectrum-font-family-ar);
}

body:lang(he) {
	font-family: var(--spectrum-font-family-he);
}

/* Hide the SVG elements that only include references */
svg:has(symbol):not(:has(use)) {
	display: none;
}

.sidebar-header > div:has(img, a) {
	margin-inline-end: 8px;
}

.sidebar-header > div img {
	block-size: auto;
	inline-size: 100%;
}

nav .spectrum-Site-logo {
	margin-inline-end: 16px;
	color: #fa0f00;
	block-size: 32px;
}

.spectrum--large nav .spectrum-Site-logo {
	block-size: 40px;
}

.docs-story > div:first-child {
	padding: 20px !important;
}

/* Hide that first divider line in the top navigation */
div.sb-bar > div > div > span:first-child {
	display: none;
}

.docblock-argstable-body tr td {
	letter-spacing: unset;
	font-size: 11px;
}

.docblock-argstable-body td > span:has(select),
.docblock-argstable-body td textarea {
	max-inline-size: 192px !important;
}

#storybook-explorer-searchfield {
	padding: 3px 12px 5px 35px !important;
}

button.sidebar-item {
	font-weight: 700;
}

button[data-action="collapse-root"] {
	font-family: var(--spectrum-sans-font-family-stack);
	font-style: var(--spectrum-detail-sans-serif-font-style);
	font-weight: var(--spectrum-detail-sans-serif-font-weight);
	font-size: var(--spectrum-detail-size-m);
	margin-block-start: 0;
	margin-block-end: 0;

	color: var(--spectrum-detail-color);

	line-height: var(--spectrum-detail-line-height);
	letter-spacing: var(--spectrum-detail-letter-spacing);
	text-transform: uppercase;
}

.sidebar-item {
	padding-block: 4px;
}

input,
textarea,
select {
	border-radius: 4px !important;
}

input:focus,
textarea:focus,
select:focus,
#storybook-explorer-searchfield:focus {
	border-color: rgb(2, 101, 220) !important;
	box-shadow: rgb(2, 101, 220) 0 0 0 1px inset !important;
}
/* stylelint-enable selector-class-pattern */
