@tailwind base;
@tailwind components;
@tailwind utilities;
/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #ff4702;
  --ifm-color-primary-dark: #29784c;
  --ifm-color-primary-darker: #277148;
  --ifm-color-primary-darkest: #205d3b;
  --ifm-color-primary-light: #33925d;
  --ifm-color-primary-lighter: #359962;
  --ifm-color-primary-lightest: #3cad6e;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --ifm-navbar-height: 5rem;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
  --ifm-color-primary: #ff4702;
  --ifm-color-primary-dark: #21af90;
  --ifm-color-primary-darker: #1fa588;
  --ifm-color-primary-darkest: #1a8870;
  --ifm-color-primary-light: #29d5b0;
  --ifm-color-primary-lighter: #32d8b4;
  --ifm-color-primary-lightest: #4fddbf;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

.navbar .navbar__item {
  align-items: center;
  display: flex;
  font-size: 1.25rem;
  font-weight: 700;
}

a[docid="docs"] > svg {
  display: none;
}

/* Adjustments for mobile view */
@media (max-width: 768px) {
  /* Reduce the logo size for smaller screens */
  .navbar__logo img {
    height: 32px;
    align-items: center;
  }

  /* Reduce the padding around the logo for smaller screens */
  .navbar__logo {
    padding: 2px; /* Adjust the padding for smaller screens */
  }
}

/* Center the Discord link within its parent */
.navbar__items.navbar__items--right {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 480px) {
  a.navbar__item.navbar__link[docid="docs"] {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  a.navbar__item.navbar__link[href="https://blog.coderabbit.ai/blog"]
  {
    display: none;
  }
}

[data-theme="light"] img[src$="#gh-dark-mode-only"],
[data-theme="dark"] img[src$="#gh-light-mode-only"] {
  display: none;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.navbar .navbar__item {
    align-items: center;
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
}

a[docid="docs"] > svg {
    display: none;
}

/* Adjustments for mobile view */
@media (max-width: 768px) {
    /* Reduce the logo size for smaller screens */
    .navbar__logo img {
        height: 32px;
        align-items: center;
    }

    /* Reduce the padding around the logo for smaller screens */
    .navbar__logo {
        padding: 2px; /* Adjust the padding for smaller screens */
    }
}

/* Center the Discord link within its parent */
.navbar__items.navbar__items--right {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 480px) {
    a.navbar__item.navbar__link[docid="docs"] {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    a.navbar__item.navbar__link[href="https://blog.coderabbit.ai/blog"]
    {
        display: none;
    }
}

/* Light mode Discord icon */
/* .header-discord-link:before {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    content: "";
    display: flex;
    height: 16px;
    width: 20px;
} */

/* Dark mode Discord icon */
/* .header-discord-link:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='20' viewBox='0 0 640 512'%3E%3Cpath fill='%23FFFFFF' d='M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z'/%3E%3C/svg%3E")
        no-repeat;
} */