/*!
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * 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 CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

.td-navbar .navbar-brand svg {
  height: 2.5rem;
}

.td-sidebar-toc {
  padding-top: 1.75rem;
}

// Make image span full viewport width by canceling out
// container padding
.imageblock.full-width {
  margin-inline: calc(0px - var(--bs-gutter-x));
  width: calc(100% + var(--bs-gutter-x) + var(--bs-gutter-x));

  img {
    width: 100%;
  }
}

// Screenshot styling for better visual separation
img[alt*="Screenshot"] {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  margin: 1rem 0;
}

.heading-anchor {
  text-decoration: none;
  margin-left: 0.5rem;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  font-size: 1.5rem;
}

h1:hover .heading-anchor,
h2:hover .heading-anchor,
h3:hover .heading-anchor,
h4:hover .heading-anchor,
h5:hover .heading-anchor,
h6:hover .heading-anchor {
  opacity: 1;
}


// Keep the layout on the Polaris site as it was with Docsy 0.10.0
:root {
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.nav-link {
  --bs-nav-link-color: rgba(255, 255, 255, 0.55);
  --bs-nav-link-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-active-color: rgba(255, 255, 255, 0.75);
}
.td-navbar .td-search {
  color: rgba(255, 255, 255, 0.55);
}
.td-navbar .td-search__input:focus {
  color: rgb(0,0,0);
}
.td-navbar.td-navbar-cover.td-navbar-transparent {
  background-color: transparent;
}
.-bg-primary {
  background-color: #30638e;
}
