/* Shared authoring controls. Section colours remain in tab-colors.css;
   rich text and native editor toolbars keep their own typography. */
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) {
  font-family: var(--kunst-ui-font);
  font-size: var(--kunst-ui-text-size);
  line-height: var(--kunst-ui-line-height);
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(.description, .kunst-failinimi, .kunst-existing-files, .kunst-form-rights-footer, .kunst-materjal-pilditeade) {
  font-family: var(--kunst-ui-font) !important;
  font-size: var(--kunst-ui-text-size) !important;
  line-height: var(--kunst-ui-line-height) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(.acf-field > .acf-label > label, .kunst-pildisilt, .kunst-worksheet-design-toolbar > label, .kunst-ulesanne-tab-block > h3, .kunst-ulesande-pildid > h3, .kunst-ulesande-teemad > h3, .kunst-ulesande-marksonad > h3, .kunst-ulesande-toovahendid > h3) {
  font-family: var(--kunst-ui-font) !important;
  font-size: var(--kunst-ui-heading-size) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(.acf-checkbox-list label, .acf-radio-list label, .kunst-terminid-grid > label, .kunst-marksonad-silt, .kunst-lisad-grid label, .kunst-pildi-juhis) {
  font: 400 var(--kunst-ui-text-size)/var(--kunst-ui-line-height) var(--kunst-ui-font) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(.acf-checkbox-list label, .acf-radio-list label) span {
  font: inherit !important;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(input[type="text"], input[type="url"], input[type="number"], select, textarea:not(.wp-editor-area)) {
  box-sizing: border-box;
  font-family: var(--kunst-ui-font) !important;
  font-size: var(--kunst-ui-text-size) !important;
  line-height: var(--kunst-ui-line-height);
  border-radius: var(--kunst-ui-radius);
  max-width: 100%;
}
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(input[type="text"], select) {
  width: 100%;
  min-height: var(--kunst-ui-input-height);
  border: 1px solid var(--kunst-ui-border);
  padding: 8px 12px;
  background: #fff;
  color: var(--kunst-ui-text);
}
/* Image descriptions get their own full-width row below the file picker. */
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) .kunst-materjal-pilt .kunst-failivalik {
  flex-wrap: wrap;
}
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) .kunst-materjal-pilt .kip-alt-label {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  margin: 8px 0 0;
}
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) .kunst-materjal-pilt .kip-alt-input {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}
/* These forms use the lesson's neutral general-field cards without nested frames. */
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm),
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) > .acf-fields {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) .acf-label > label { color: #343a36 !important; }
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) .acf-field {
  background: #fff !important;
  border: 1px solid var(--kunst-ui-border) !important;
  border-radius: var(--kunst-ui-radius) !important;
  padding: 18px !important;
  margin: 0 0 var(--kunst-ui-gap-md) !important;
  box-shadow: none !important;
}
:is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(.kunst-worksheet-upload-block, .kunst-worksheet-meta-block, .kunst-worksheet-design-block) {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(.kunst-failinupp, .kunst-pdf-file-button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  font: 600 var(--kunst-ui-text-size)/1 var(--kunst-ui-font) !important;
  background: var(--kunst-ui-green) !important;
  color: #fff !important;
  border: 1px solid var(--kunst-ui-green) !important;
  border-radius: 4px !important;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(.kunst-submit-actions, .kunst-draft-actions) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(.kunst-submit-actions, .kunst-draft-actions) button {
  font: 600 var(--kunst-ui-text-size)/1.45 var(--kunst-ui-font) !important;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(input, select, textarea, button):focus-visible {
  outline: 2px solid var(--kunst-ui-green);
  outline-offset: 3px;
}
.kunst-failivalik:focus-within { outline: 2px solid var(--kunst-ui-green); outline-offset: 3px; }
.kunst-worksheet-preview-wrap { max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); overflow: auto; }
@media (max-width: 600px) {
  :is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) :is(input[type="text"], input[type="url"], input[type="number"], select, textarea:not(.wp-editor-area)) { font-size: 16px !important; }
  :is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) .acf-field { padding: 14px !important; }
  .kunst-worksheet-preview-wrap { left: 12px !important; right: 12px !important; top: 12px !important; width: auto !important; }
}

/* The same field hierarchy in WordPress review screens. */
body.kunst-authoring-admin #poststuff .acf-field > .acf-label > label { font: 600 var(--kunst-ui-heading-size)/1.35 var(--kunst-ui-font) !important; }
body.kunst-authoring-admin #poststuff .acf-field :is(.description, input[type="text"], input[type="url"], select) { font: 400 var(--kunst-ui-text-size)/var(--kunst-ui-line-height) var(--kunst-ui-font) !important; }

body.kunst-authoring-admin #poststuff :is(.acf-checkbox-list label, .acf-radio-list label, .categorychecklist label, .kunst-terminid-grid > label, .kunst-marksonad-silt) {
  font: 400 var(--kunst-ui-text-size)/var(--kunst-ui-line-height) var(--kunst-ui-font) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
body.kunst-authoring-admin #poststuff :is(.acf-checkbox-list label, .acf-radio-list label) span { font: inherit !important; }

/* Nested video title is an input row, not a coloured section card. */
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, body.kunst-authoring-admin #poststuff#poststuff) .kunst-video-entry-block .kunst-video-title-nested {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, body.kunst-authoring-admin #poststuff#poststuff) .kunst-video-title-nested > .acf-label > label {
  font: 400 var(--kunst-ui-text-size)/var(--kunst-ui-line-height) var(--kunst-ui-font) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Video URL labels use the same regular type as the adjacent title label. */
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, body.kunst-authoring-admin #poststuff#poststuff) .kunst-video-link-label {
  font: 400 var(--kunst-ui-text-size)/var(--kunst-ui-line-height) var(--kunst-ui-font) !important;
}

/* Worksheet preview controls sit below the heading before the editor toolbar. */
#kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm .kunst-worksheet-settings {
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm #kunst-worksheet-open-preview {
  background: var(--kunst-ui-green) !important;
  border-color: var(--kunst-ui-green) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: var(--kunst-ui-input-height) !important;
  min-height: var(--kunst-ui-input-height) !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  margin: 0 !important;
  font: 600 var(--kunst-ui-text-size)/1.3 var(--kunst-ui-font) !important;
}
#kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm #kunst-worksheet-open-preview:hover {
  background: var(--kunst-ui-green-hover) !important;
  border-color: var(--kunst-ui-green-hover) !important;
  color: #fff !important;
}

/* Instructions appear between the field heading and its control. */
:is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm, body.kunst-authoring-admin #poststuff#poststuff) .acf-label > .description {
  margin: 4px 0 12px !important;
}

/* 1.13.34: mobiili vormikaartide ühtne õhuvahe, ilma pesastatud lisakaartideta. */
@media (max-width:759px) {
  :is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm, body.kunst-authoring-admin #poststuff#poststuff) .acf-fields > .acf-field:not([data-type="tab"]):not(.kunst-video-title-nested) {
    margin:0 0 12px !important;
    width:100% !important;
    float:none !important;
    box-sizing:border-box;
  }
  :is(#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm, #kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) > :is(.kunst-ulesande-pildid, .kunst-lesson-ready-pdf, .kunst-worksheet-design-block, .kunst-worksheet-upload-block, .kunst-worksheet-meta-block) {
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  #kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm .kunst-ulesande-lisad-veerud {
    gap:12px !important;
  }
  #kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm#kunst-konto-ulesande-vorm .kunst-ulesande-lisad-veerud > :is(.kunst-ulesande-teemad, .kunst-ulesande-marksonad, .kunst-ulesande-toovahendid, .kunst-ulesande-moisted, .kunst-ulesanne-tab-block) {
    margin:0 !important;
  }
  :is(#kunst-konto-materjali-vorm#kunst-konto-materjali-vorm, #kunst-konto-toolehe-vorm#kunst-konto-toolehe-vorm) > :is(.kunst-worksheet-upload-block, .kunst-worksheet-meta-block) > .acf-field:last-child {
    margin-bottom:0 !important;
  }
}


/* Editors remain neutral; the surrounding phase carries its colour. */
:is(#kunst-konto-ulesande-vorm,#kunst-konto-materjali-vorm,#kunst-konto-toolehe-vorm,body.kunst-authoring-admin #poststuff) :is(.mce-toolbar-grp,.mce-toolbar,.mce-btn,.quicktags-toolbar){background:#f5f5f5!important;color:#333!important;border-color:#ddd!important;box-shadow:none!important}
:is(#kunst-konto-ulesande-vorm,#kunst-konto-materjali-vorm,#kunst-konto-toolehe-vorm,body.kunst-authoring-admin #poststuff) .mce-toolbar :is(button,i,span){color:#333!important;background:transparent!important}
:is(#kunst-konto-ulesande-vorm,#kunst-konto-materjali-vorm,#kunst-konto-toolehe-vorm,body.kunst-authoring-admin #poststuff) .mce-btn.mce-active{background:#dedede!important}
.kunst-save-info{margin:12px 0 20px;padding:12px;background:#edf4ee;border:1px solid #dfe6df;border-radius:8px;font-size:13px}
.kunst-save-status{margin:0!important}
.kunst-save-info button{margin:8px 8px 0 0;min-height:44px}
.kunst-mobile-savebar{display:none}
@media(max-width:650px){
 .kunst-mobile-savebar{display:flex;justify-content:center;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#f7faf7;border-top:1px solid #dfe6df;padding:8px 12px max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #203c2910}
 .kunst-mobile-savebar[hidden]{display:none!important}
 .kunst-mobile-savebar button{flex:1;min-width:0;min-height:44px;padding:8px;border:1px solid #315f41;border-radius:8px;background:#fff;color:#315f41;font:600 12px/1.3 system-ui}
 .kunst-mobile-savebar button:last-child{background:#315f41;color:#fff}
 .kunst-has-savebar{padding-bottom:90px!important}
 :is(#kunst-konto-ulesande-vorm,#kunst-konto-materjali-vorm,#kunst-konto-toolehe-vorm,body.kunst-authoring-admin #poststuff) :is(.acf-checkbox-list,.acf-radio-list) label{min-height:44px;display:flex;align-items:center}
}
