/**
 * @file
 * Visual styles for Bartik's node component.
 */

.node__content {
  margin-top: 10px;
  font-size: 1.6rem;
}

[id^="article-toolbar"] {
  position: relative;
  background: var(--background-color-light);
  margin: 2rem -60px;
  padding: 20px 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 1;
}

#article-toolbar-admin ~ .content-moderation-entity-moderation-form .entity-moderation-form {
  margin-block-start: 0.5em;
}
#article-toolbar-admin,
#user-toolbar {
  margin: 0;
  margin-block-start: 2rem;
}

[id^="article-toolbar"] > * {
  margin: auto;
  font-size: 1.2rem;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
}
[id^="article-toolbar"] > *:hover {
  text-decoration: underline;
}

@media screen and (max-width: 950px) {
  [id^="article-toolbar"] {
    padding: 20px 60px;
    margin: 2rem -40px;
    left: -20px;
  }
  [id^="article-toolbar"] > * {
    margin-block: 0.5em;
    margin-inline: 0.5em;
  }
}
[id^="article-toolbar"] > * a {
  color: var(--background-color);
  display: inline-flex;
}
[id^="article-toolbar"] > * a::after {
  content: none !important;
}
[id^="article-toolbar"] > :not(.flag)::before {
  content: "";
  background: url(/themes/custom/corvin/images/fleche-link.svg) no-repeat;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 5px;
}
[id^="article-toolbar"] > .edit-tool::before {
  background: url(/themes/custom/corvin/images/edit.svg) no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}
[id^="article-toolbar"] > .article_mode-d-emploi::before {
  background-image: url(/themes/custom/corvin/images/information-black.svg);
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}
[id^="article-toolbar"] .share-twitter-tool a i,
[id^="article-toolbar"] .share-facebook-tool a i {
  font-size: 0;
}
[id^="article-toolbar"] .share-twitter-tool a i::before {
  content: "";
  background: url(/themes/custom/corvin/images/tw.svg) no-repeat;
  width: 18px;
  height: 14px;
  display: inline-block;
  background-size: contain;
  margin-left: 5px;
}
[id^="article-toolbar"] .share-facebook-tool a i::before {
  content: "";
  background: url(/themes/custom/corvin/images/facebook-f.svg) no-repeat;
  width: 7px;
  height: 14px;
  display: inline-block;
  background-size: contain;
  margin-left: 5px;
}

/* View mode teaser styles. */
.node--view-mode-teaser {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}
.node--view-mode-teaser h2 {
  margin-top: 0;
  padding-top: 0.5em;
}
.node--view-mode-teaser h2 a {
  color: #181818;
}
.node--view-mode-teaser.node--sticky {
  padding: 0 15px 15px;
  border: 1px solid var(--border-color);
  background: rgba(0, 0, 0, 0.024);
}
.node--view-mode-teaser .node__content {
  clear: none;
  font-size: 1em;
  line-height: 1.6;
}

/* Node metadata styles. */
.node__meta {
  margin-bottom: -5px;
  color: var(--text-color);
  font-size: 0.857em;
}
.node__meta .field--name-user-picture img {
  float: left; /* LTR */
  margin: 1px 20px 0 0; /* LTR */
}
[dir="rtl"] .node__meta .field--name-user-picture img {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

/* Node links styles. */
.node__links {
  text-align: right; /* LTR */
  font-size: 0.93em;
}
[dir="rtl"] .node__links {
  text-align: left;
}

/* Unpublished node styles. */
.node--unpublished {
  padding: 20px 15px 0;
}
.node--unpublished .comment-text .comment-arrow {
  border-right: 1px solid var(--border-light-color);
  border-left: 1px solid var(--border-light-color);
}

.bnf-link a {
  font-size: 0;
  line-height: 16px;
  height: 16px;
}
.bnf-link a::before, .ext-more-link a::after  {
  content: "";
  background: url(/themes/custom/corvin/images/ext-link.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: inline-block;
  transition: 0.2s ease-in-out;
}
.bnf-link a:hover::before, .ext-more-link a:hover::after {
  filter: drop-shadow(0px 0px 2px rgba(19, 3, 3, 0.3));
}
.ext-more-link a::after {
	margin-left: .35rem;
}

.page-node-type-article [class*="status-"] {
  border-left: 8px solid;
  padding-inline-start: 1.5em;
}
.page-node-type-article .status-draft {
  border-color: #f1525233;
}
.page-node-type-article .status-relecture {
  border-color: #f09c5d33;
}
.page-node-type-article .status-validation {
  border-color: #f0e35d33;
}
.page-node-type-article .status-archived {
  border-color: #f1525233;
}
.page-node-type-article .status-published {
  border: none;
}

.view-mon-corvin .views-field-created {
  font-size: 0.85em;
  font-style: italic;
}

.administration_article {
  background-color: #f4f4f4;
  margin-inline: -100%;
  padding-block: 2rem;
  margin-block-start: 2rem;
  margin-block-end: -40px;
  border-block-start: 1px solid #bcc
}

#page .administration_article > * {
  max-width: 700px;
  margin-inline: auto;
  width: 95vw;
}
.administration_article #article-toolbar-admin {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding-inline-start: 2rem;
  margin-block: 0;
}
.administration_article #article-toolbar-admin > * {
  width: 30%;
  margin: 0;
}
.administration_article .info_non_publiques h2 {
  margin-block: 0.25rem;
}
.administration_article #article-toolbar-admin > .article_mode-d-emploi span {
  width: 100%;
}
.administration_article #article-toolbar-admin > *::before {
  content: none;
}

.administration_article #article-toolbar-admin > * a {
  color: white;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding-block: 1.5rem;
  background-color: #38474f;
  border-radius: 0.5rem;
  transition: 0.2s ease-in-out;
}
.administration_article #article-toolbar-admin > * a:hover {
  background-color: #1e272b;
}
.administration_article #article-toolbar-admin > * a:not(.flag)::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_328_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.00781C12 0.71094 11.9102 0.46875 11.7305 0.28125C11.5508 0.09375 11.3047 0 10.9922 0C10.6953 0 10.457 0.09375 10.2773 0.28125C10.0977 0.46875 10.0078 0.71094 10.0078 1.00781V8.60156L1.71094 0.30469C1.50781 0.10156 1.27344 0 1.00781 0C0.742186 0 0.507813 0.10156 0.304688 0.30469C0.101562 0.50781 0 0.74219 0 1.00781C0 1.27344 0.101562 1.50781 0.304688 1.71094L8.60156 10.0078H1.00781C0.69531 10.0078 0.44922 10.0977 0.269531 10.2773C0.0898429 10.457 0 10.7031 0 11.0156C0 11.3125 0.0898429 11.5508 0.269531 11.7305C0.44922 11.9102 0.69531 12 1.00781 12H10.9922C11.0547 12 11.125 11.9961 11.2031 11.9883C11.2812 11.9805 11.3437 11.9531 11.3906 11.9062C11.5 11.8594 11.6016 11.7891 11.6953 11.6953C11.7891 11.6016 11.8594 11.5078 11.9062 11.4141C11.9531 11.3672 11.9805 11.3008 11.9883 11.2148C11.9961 11.1289 12 11.0625 12 11.0156V1.00781Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_328_2'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 5px;
}
.administration_article #article-toolbar-admin > *.edit-tool a::before {
  background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_328_4)'%3E%3Cpath d='M7.89182 1.47681H0' stroke='white'/%3E%3Cpath d='M0.505371 1.57007V16.9748' stroke='white'/%3E%3Cpath d='M16 16.4719H0.595215' stroke='white'/%3E%3Cpath d='M15.4985 16.9167V9.0249' stroke='white'/%3E%3Cpath d='M14.3992 1L16.0001 2.60136L10.8001 7.79898L6.50024 12L4.00244 13L5.00024 10.5L14.3992 1Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_328_4'%3E%3Crect width='16' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat;
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}
.administration_article #article-toolbar-admin > *.article_mode-d-emploi a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_328_10)'%3E%3Cpath d='M0 12.6562C0 10.9336 0.333981 9.29224 1.00195 7.73218C1.66993 6.17211 2.5686 4.8274 3.698 3.698C4.8274 2.5686 6.17211 1.66993 7.73218 1.00195C9.29224 0.333981 10.9336 0 12.6562 0C14.3701 0 16.0093 0.333981 17.5737 1.00195C19.1382 1.66993 20.4851 2.5686 21.6145 3.698C22.7439 4.8274 23.6426 6.17211 24.3105 7.73218C24.9785 9.29224 25.3125 10.9336 25.3125 12.6562C25.3125 14.3701 24.9785 16.0093 24.3105 17.5737C23.6426 19.1382 22.7439 20.4851 21.6145 21.6145C20.4851 22.7439 19.1382 23.6426 17.5737 24.3105C16.0093 24.9785 14.3701 25.3125 12.6562 25.3125C10.9336 25.3125 9.29224 24.9785 7.73218 24.3105C6.17211 23.6426 4.8274 22.7439 3.698 21.6145C2.5686 20.4851 1.66993 19.1382 1.00195 17.5737C0.333981 16.0093 0 14.3701 0 12.6562ZM10.7578 8.06836C10.7578 8.58692 10.9314 9 11.2786 9.30762C11.6257 9.61524 12.085 9.76904 12.6562 9.76904C13.2363 9.76904 13.6978 9.61524 14.0405 9.30762C14.3833 9 14.5547 8.58692 14.5547 8.06836C14.5547 7.5498 14.3833 7.13892 14.0405 6.83569C13.6978 6.53247 13.2363 6.38086 12.6562 6.38086C12.085 6.38086 11.6257 6.53467 11.2786 6.84229C10.9314 7.1499 10.7578 7.55859 10.7578 8.06836ZM10.8765 18.9185H14.4492V10.8369H10.8765V18.9185Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_328_10'%3E%3Crect width='25.3125' height='25.3125' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
  background-size: contain;
  width: 1.5rem;
  height: 1.5rem;
}
.administration_article #article-toolbar-admin > .archive-tool a::before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1.5V9H22.5V22.5H1.5V9H0V1.5H24ZM21 21V9H3V21H21ZM22.5 7.5V3H1.5V7.5H22.5ZM16.5 13.5H7.5V12H16.5V13.5Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: contain;
	width: 1.5rem;
	height: 1.5rem;
}

.field-periode .field-label-inline {
	white-space: nowrap;
}

#api-uri {
	border: 1px solid #d81f35;
	padding: 1rem;
	display: inline-block;
	margin: 2rem auto;
}