.elementor-kit-4{--e-global-color-primary:#C7E7FF;--e-global-color-secondary:#FFB88F;--e-global-color-text:#FFFEFB;--e-global-color-accent:#F1774F;--e-global-color-476c36a:#134357;--e-global-color-7f8ea98:#EBF7FF;--e-global-color-76bc0be:#FFECDB;--e-global-typography-primary-font-family:"GT Super";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Commuter Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Commuter Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Commuter Sans";--e-global-typography-accent-font-weight:700;background-color:var( --e-global-color-476c36a );color:var( --e-global-color-text );font-family:"Commuter Sans", Sans-serif;font-size:18px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-text );}.elementor-kit-4 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-4 h1{font-family:"GT Super", Sans-serif;font-size:64px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-family:"Commuter Sans", Sans-serif;font-size:18px;font-weight:500;padding:20px 40px 20px 40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.btn-blue {
  background: #C7E7FF;
  color: #134357;
  border: none;
  border-radius: 0px;
  padding: 20px 40px 20px 40px;
  cursor: pointer;
}
.btn-blue:hover {
  background: #EBF7FF;
  color: #134357;
}
.btn-blue:focus {
  background: #C7E7FF;
  color: #134357;
}
.btn-peach {
  background: #FFB88F;
  color: #134357;
  border: none;
  border-radius: 0px;
  padding: 20px 40px 20px 40px;
  cursor: pointer;
}
.btn-peach:hover {
  background: #FFECDB;
  color: #134357;
}
.btn-peach:focus {
  background: #C7E7FF;
  color: #134357;
}
.btn-orange {
  background: #F1774F;
  color: #FFFEFB;
  border: none;
  border-radius: 0px;
  padding: 20px 40px 20px 40px;
  cursor: pointer;
}
.btn-orange:hover {
  background: #FFB88F;
  color: #FFFEFB;
}
.btn-orange:focus {
  background: #F1774F;
  color: #FFFEFB;
}
.btn-high-contrast {
    background: black;
    color: yellow;
}
.btn-high-contrast:hover {
    background: yellow ;
    color: black;
}
.btn-high-contrast:focus {
    background: black;
    color: yellow;
}
.btn-txt {
    all: unset;
    display: inline;
    color: #FFFEFB;
    text-decoration: underline;
    cursor: pointer;
    line-height: inherit;
}
.peach {
    font-size: 22px;
    background-color: #FFB88F;
    color: #134357;
    padding: 20px 40px 20px 40px;
    border-radius: 0px;
    border: 1px solid #FFB88F;
}
.peach:hover {
    color: #134357;
    background-color: #FFECDB;
}
.blue-rounded {
    font-size: 22px;
    background-color: #C7E7FF;
    color: #134357;
    padding: 20px 40px 20px 40px;
    border-radius: 100px;
    border: 1px solid #C7E7FF;  
}
.blue-rounded:hover {
    background-color: #EBF7FF;
    color: #134357;
}
.article-card .card-arrow{
opacity: 0;   
}
.article-card .card-tag{
opacity: 0.5;   
}
.article-card .card-excerpt {
    opacity: 0;
}
.article-card .card-excerpt-mobile {
    display: none !important;
}
.article-card .loop-cta{
opacity: 0;   
}
.article-card:hover .card-arrow{
    opacity: 1;
    transition: ease-out;
    transition-duration: 0.2s;
}
.article-card:hover .card-tag{
    opacity: 0;
    transition: ease-out;
    transition-duration: 0.2s;
}
.article-card:hover .loop-cta{
    opacity: 1;
    transition: ease-out;
    transition-duration: 0.2s;
}
.article-card:hover .card-title {
    opacity: 0;
    transition: ease-out;
    transition-duration: 0.1s;
}
.article-card:hover .card-image {
    opacity: 0;
}
.article-card:hover .card-excerpt {
    opacity: 1;
    transition: ease-out;
    transition-duration: 0.2s;
}
.site-footer {
    display: none;
}

.qr-center {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.editor-link {
    font-size: 14px;
    font-weight: bold;
    color: #134357;
    text-decoration: underline;
}
.editor-link:hover {
    color: #F1774F;
    text-decoration: underline;
}
.persist-label {
    color: #134357;
    font-size: 22px;
}
.link-message {
  font-size: 18px;
  font-weight: bold;
  color: #34c759;
  margin-top: 6px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
@media (display-mode: fullscreen) {
  #menu, #clearBtn, #startBtn, #textSizeSlider, #sliderLabel, #openAutoreplace, #contrastToggle {
    display: none;
  }
}
#output {
  resize: vertical;
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px;
  font-size: 22px;
  line-height: 1.4;
  border: 2px solid #fffefb3d;
  border-radius: 8px;
  box-sizing: border-box;
  width: 100%;
  max-height: 75vh;
  height: 75vh;
  scrollbar-width: thin;
}

#toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  box-sizing: border-box;
  background-color: #134357;
  z-index: 10;
}

label {
  font-size: 18px;
  color: white;
}

#textSizeSlider {
  -webkit-appearance: none;
  appearance: none;
  width: 300px;
  height: 8px;
  border-radius: 5px;
  background: linear-gradient(
    to right,
    #FFB88F 0%,
    #FFB88F 0%,
    #ffffff 0%,
    #ffffff 100%
  );
  cursor: pointer;
}

#textSizeSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FFB88F;
  border: none;
}

#textSizeSlider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FFB88F;
  border: none;
}

#textSizeSlider::-moz-range-track {
  background: transparent;
}

button {
  font-size: 14px;
  padding: 16px 20px;
  border: 1px solid;
  cursor: pointer;
}

#clearBtn {
  background-color: #C7E7FF;
  color: #134357;
}

#startBtn {
  background-color: #FFB88F;
  color: #134357;
}
@media (max-width: 1024px) {
  #textSizeSlider, #sliderLabel, #openAutoreplace, #contrastToggle  {
    display: none !important;
  }
  #buttons {
    display: flex;
    width: 100%;
    margin-bottom: 5%;
    gap: 0;
  }
  #toolbar {
    padding: 12px;
    height: 60px;
  }
  #clearBtn,
  #startBtn {
    flex: 1;
    font-size: 14px;
  }
  #output {
    border: none;
    padding: 8px 12px;
    height: 75dvh;
    max-height: none;
    flex: 1;
  }
  .persist-label {
      font-size: 16px;
  }
}
@media (max-width: 1315px) {
  #contrastToggle {
    display: none !important;
  }
}
@media (min-width: 1315px) {
  #contrastToggle-mobile {
    display: none !important;
  }
}
/* ===== AUTOREPLACE MODAL ===== */

.ac-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ac-modal[hidden] {
  display: none;
}

.ac-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

.ac-dialog {
  position: relative;
  background: #134357;
  width: 900px;
  max-width: 95vw;
  height: 70vh;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.ac-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 24px;
  border-bottom: 1px solid #fffefb33;
}

.ac-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ac-header button {
  font-size: 32px;
  line-height: 1;
  background: none;
  border: none;
  color: #FFB88F;
  cursor: pointer;
}

.ac-description {
  margin: 0;
  font-size: 14px;
}

.ac-content {
  flex: 1;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 20px;
  padding: 20px;
  min-height: 0;
}

.ac-left input,
.ac-left button,
.ac-right input {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
}

.ac-right {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.ac-list {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

.ac-list div {
  padding: 12px;
  cursor: pointer;
  border-bottom: 1px solid #fffefb33;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.ac-list {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

.ac-list div {
  padding: 12px;
  cursor: pointer;
  border-bottom: 1px solid #fffefb33;
}

.ac-list div:hover {
  background: #FFECDB;
  color: #134357;
}
.editor-layout {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 80px;
  align-items: start;
}

.correction-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.word-panel,
.sentence-panel {
  display: none;
  flex-direction: column;
  gap: 16px;
}

.word-panel.active,
.sentence-panel.active {
  display: flex;
}

/* ---------- RND TOGGLE ---------- */

.rnd-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.rnd-toggle-label {
  font-size: 16px;
  color: #FFFEFB;
}

.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 30px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #d1d1d6;
  border-radius: 34px;
  transition: background-color 0.2s ease;
}

.slider::before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
}

/* ON */
.switch input:checked + .slider {
  background-color: #34c759;
}

.switch input:checked + .slider::before {
  transform: translateX(22px);
}


.correction-panel label {
  font-size: 16px;
  color: #FFFEFB;
}

.correction-panel input,
.correction-panel textarea {
  padding: 10px;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  width: 100%;
}

.correction-panel button {
  padding: 12px 20px;
  font-size: 16px;
  cursor: pointer;
  color: #134357;
  background: #C7E7FF;
  border: none;
  border-radius: 0px;
}


.transcript-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#transcriptArea {
  width: 100%;
  height: 50vh;
  resize: none;
  padding: 10px;
  font-size: 18px;
  border: none;
  border-radius: 4px;
}


.action-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.btn-update {
  background: #C7E7FF;
  color: #134357;
  border: none;
  border-radius: 0px;
  padding: 10px 20px;
  cursor: pointer;
}

.btn-clear {
  background: #FFB88F;
  color: #134357;
  border: none;
  border-radius: 0px;
  padding: 10px 20px;
  cursor: pointer;
}

.btn-toggle {
  background: #F1774F;
  color: white;
  border: none;
  border-radius: 0px;
  padding: 10px 20px;
  cursor: pointer;
}


.editor-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  min-width: 0;
  height: 8px;
  border-radius: 5px;
  background: linear-gradient(
    to right,
    #FFB88F 0%,
    #FFB88F 0%,
    #ffffff 0%,
    #ffffff 100%
  );
}

.editor-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FFB88F;
}

.high-contrast,
.high-contrast body {
  background: #000 !important;
  color: #FFD800 !important;
}

.high-contrast * {
  background-color: transparent !important;
  color: #FFD800 !important;
  border-color: #FFD800 !important;
}

.high-contrast #output,
.high-contrast #toolbar,
.high-contrast .ac-dialog {
  background: #000 !important;
}

.high-contrast button {
  background-color: #FFD800 !important; /* bright yellow */
  color: #000 !important;               /* black text */
  border: 2px solid #000 !important;
  font-weight: 600;
}

.high-contrast button:hover,
.high-contrast button:focus-visible {
  background-color: #000 !important;
  color: #FFD800 !important;
  outline: 3px solid #FFD800;
  outline-offset: 2px;
}

/* Active (press feedback) */
.high-contrast button:active {
  transform: scale(0.97);
}

.high-contrast input,
.high-contrast textarea {
  background: #000 !important;
  color: #FFD800 !important;
  border: 2px solid #FFD800 !important;
}

.high-contrast .ac-backdrop {
  background: rgba(0,0,0,0.85) !important;
}
.high-contrast .oc-broadcast,
.high-contrast .oc-help-menu {
  background-color: #1A1A1A !important;
  color: #FFD800 !important;
}

.high-contrast .oc-btn-peach,
.high-contrast .oc-btn-blue {
  background-color: #FFD800 !important;
  border: 2px solid #FFD800 !important;
}

.high-contrast .oc-btn-peach *,
.high-contrast .oc-btn-blue * {
  color: #000 !important;
}

.high-contrast .oc-btn-border {
  background-color: transparent !important;
  color: #FFD800 !important;
  border: 2px solid #FFD800 !important;
}

.high-contrast #textSizeSlider::-webkit-slider-thumb {
  background: #FFD800 !important;
  border: 2px solid #000;
  width: 22px;
  height: 22px;
}

.high-contrast #textSizeSlider::-moz-range-thumb {
  background: #FFD800 !important;
  border: 2px solid #000;
  width: 22px;
  height: 22px;
}
.high-contrast #textSizeSlider:focus-visible::-webkit-slider-thumb {
  outline: 3px solid #FFD800;
  outline-offset: 2px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GT Super';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://horselsteksting.no/wp-content/uploads/2025/12/GT-Super-Text-Medium.woff2') format('woff2'),
		url('https://horselsteksting.no/wp-content/uploads/2025/12/GT-Super-Text-Medium.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Commuter Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://horselsteksting.no/wp-content/uploads/2025/12/commutersans.woff2') format('woff2'),
		url('https://horselsteksting.no/wp-content/uploads/2025/12/commutersans.woff') format('woff');
}
/* End Custom Fonts CSS */