/*!
Theme Name: $plugonsol
  
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

:root {
  --blue: #2f6fed;
  --blue-dark: #1e50b8;
  --blue-soft: #e3ecfd;
  --ink: #1b2430;
  --ink-soft: #4a5665;
  --ink-mute: #8a94a3;
  --bg: #eef3fb;
  --panel: #ffffff;
  --border: #1b2430;
  --border-soft: #d8e0ee;
}

body{
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 1em !important;
  background-color: var(--bg) !important;
  color: var(--ink) !important;
}

/* Serif accent для заголовков */
h1, h2, h3, h4 {
  font-family: 'Instrument Serif', serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
}

.accent {
  color: var(--blue);
  font-style: italic;
}

.section1{
	display: none !important;
}

div{
  box-sizing: border-box;
}


.wcTitle{
	display: none !important;
}

.section2{
	width: 100%;
}

.main{
  display: flex;
  flex-direction: row;
  margin: 50px;
  border: 2px solid var(--border);
  background-color: var(--panel);
}

.sub1 p{
  font-family: 'JetBrains Mono', monospace;
  margin: 24px 0;
  padding-left: 22px;
}

.sub2{
  flex-grow: 1;
  
  display: flex;
  flex-direction: column;
}

.wcAvatar {
	display: none !important;
}
.wcSubmit{
	cursor: pointer;
}
.nav{
  margin: 20px;
  border: 2px solid var(--border);
}

.sub2-1{
  display: flex;
  flex-direction: row;
}

.container{
  flex-grow: 1;
  margin: 20px;
}

.section-container{
  display:flex;
  flex-direction: row;
  border: 2px solid var(--border);
}

.section-title{
  font-family: 'Instrument Serif', serif;
  font-size: 1.6em;
  text-align: center;
  border: 1px solid var(--border);
}

fieldset{
  border: 1px inset gray;
}

fieldset p{
  color: var(--ink-soft);
}

.section1{
  width: 700px;
  margin: 5px;
}

.section2{
  margin: 5px;
  border: 2px solid var(--border);
}

.section2-content{

  overflow-y: auto;

  background-color: var(--panel);
}


.wcClassic.wcDesktop, .wcContent,.wcTab  {
	border-radius: 0 !important;
}

.wcContainer.wcLightgrayTheme .wcBrowser .wcChannels .wcChannelTrigger:hover{
	border-radius: 0 !important;
}
.wcContainer.wcLightgrayTheme .wcChannel .wcChannelData .wcMessages, .wcChannelInput{
    background: var(--bg) !important;
	background-color: var(--blue-soft) !important;
}
.wcContainer.wcLightgrayTheme, .wcContainer.wcLightgrayTheme *{
	font-family: 'JetBrains Mono', monospace !important;
}

.date{
  color: var(--ink-soft);
}

hr{
  border: 1px dashed var(--border-soft);
}

.buttons-container{
  margin-right: 20px;
  margin-top: 20px;
}
.buttons1-1 button, .button-set1 button{
	margin-bottom: 2px;
    margin-top: 2px;
    margin-right: auto !important;
}
.buttons-container input{
	font-size: 14px;
}

.buttons-container button{
	cursor: pointer;
}

.wcContainer.wcLightgrayTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcEmoticon{
	border: none !important;
}
.button-set1{
  display: flex;
  flex-direction: column;
}

.buttons1{
  display: flex;
  justify-content: space-evenly;
}

.buttons1-1{
  display: flex;
  flex-direction: column;
}

.blue{
  background-color: var(--blue);
}

button{
  font-family: 'JetBrains Mono', monospace;
  font-size: 1em;
  color: #ffffff !important;
  border: 2px solid var(--border) !important;
  margin: 2px !important;
  background-color: var(--blue);
}

nav button.gray{
	margin-left: auto !important; 	
}
.nav{
	display: flex;
}

button:hover{
  background-color: var(--blue-dark);
  color: #ffffff;
}

.gray{
  background-color: #dfe6f1;
  color: var(--ink) !important;
}

input{
  background-color: var(--panel);
  border: 2px solid var(--border);
  color: var(--ink);
}

::placeholder{
  color: var(--ink-soft);
  font-family: 'JetBrains Mono', monospace;
}

footer{
  text-align: center;
  font-style: italic;
}


fieldset{
    border: 1px inset gray !important;
	padding: revert !important;
}

.wcFooter{
	display: none !important;
}