/* Kokherrer Design – restyling af The7 og eksisterende indhold.
   Gælder kun når designet er slået til (body.khd-on) og ikke i den installerede app. */

@media not all and (display-mode: standalone) {

/* ── Grundflade og typografi ────────────────────────── */
body.khd-on,
body.khd-on #page,
body.khd-on #main,
body.khd-on .main-gradient,
body.khd-on .wf-container-main,
body.khd-on #content,
body.khd-on .content {
  background: var(--khd-bg) !important;
  background-image: none !important;
}
body.khd-on,
body.khd-on #main,
body.khd-on .content,
body.khd-on .entry-content {
  color: var(--khd-text);
  font-family: var(--khd-body);
}
body.khd-on #main { padding-top: 40px; }

body.khd-on h1, body.khd-on h2, body.khd-on h3,
body.khd-on h4, body.khd-on h5, body.khd-on h6,
body.khd-on .entry-title {
  font-family: var(--khd-disp) !important;
  color: var(--khd-text);
  letter-spacing: .3px;
}
body.khd-on .entry-content h2 { color: var(--khd-gold); }
body.khd-on .entry-content p,
body.khd-on .entry-content li { color: var(--khd-text); }

body.khd-on a { color: var(--khd-gold); }
body.khd-on a:hover { color: var(--khd-gold2); }

body.khd-on hr { border-color: var(--khd-rule); background: var(--khd-rule); }
body.khd-on blockquote { border-left-color: var(--khd-gold); color: var(--khd-muted); }

/* ── Sidetitel (The7) ───────────────────────────────── */
body.khd-on .page-title {
  background: var(--khd-head) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--khd-rule) !important;
  min-height: 0 !important;
}
body.khd-on .page-title .wf-wrap { padding-top: 44px !important; padding-bottom: 40px !important; min-height: 0 !important; }
/* Luft mellem headeren og titelbåndet, og samme afrundede kort-look som resten af siden */
body.khd-on .page-title {
  margin: 40px auto 8px !important;
  max-width: calc(100% - 48px);
  border: 1px solid var(--khd-rule) !important;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 600px) {
  body.khd-on .page-title { margin-top: 20px !important; max-width: calc(100% - 32px); }
  body.khd-on .page-title .wf-wrap { padding-top: 28px !important; padding-bottom: 26px !important; }
}
body.khd-on .page-title h1,
body.khd-on .page-title .entry-title {
  font: 700 clamp(38px, 5vw, 56px)/1 var(--khd-disp) !important;
  color: var(--khd-text) !important;
  text-transform: uppercase;
}
body.khd-on .page-title .breadcrumbs,
body.khd-on .page-title .breadcrumbs a { color: var(--khd-muted) !important; }
body.khd-on .page-title-head::before,
body.khd-on .page-title::before,
body.khd-on .page-title::after { display: none !important; }

/* ── Indlæg og lister ───────────────────────────────── */
body.khd-on .post-entry-content,
body.khd-on .blog-content,
body.khd-on .post .entry-content,
body.khd-on article.post {
  color: var(--khd-text);
}
body.khd-on .entry-meta,
body.khd-on .entry-meta a,
body.khd-on .post-meta,
body.khd-on .post-meta a { color: var(--khd-muted) !important; }
body.khd-on .articles-list article,
body.khd-on .blog-shortcode article,
body.khd-on .dt-css-grid article {
  background: var(--khd-card) !important;
  border: 1px solid var(--khd-rule);
  border-radius: var(--khd-radius);
  overflow: hidden;
}
body.khd-on .single .entry-content,
body.khd-on.single .entry-content { max-width: 760px; margin-left: auto; margin-right: auto; font-size: 18px; line-height: 1.7; }

/* ── Sidebar og widgets ─────────────────────────────── */
body.khd-on #sidebar .widget,
body.khd-on .sidebar .widget {
  background: var(--khd-card) !important;
  border: 1px solid var(--khd-rule);
  border-radius: var(--khd-radius);
  padding: 20px;
  color: var(--khd-text);
}
body.khd-on .widget-title { color: var(--khd-gold) !important; font-family: var(--khd-disp) !important; }
body.khd-on .sidebar-content,
body.khd-on .sidebar { background: transparent !important; }

/* ── Knapper ────────────────────────────────────────── */
body.khd-on .dt-btn,
body.khd-on a.button,
body.khd-on .button,
body.khd-on button[type="submit"],
body.khd-on input[type="submit"],
body.khd-on .vc_btn3,
body.khd-on .wp-block-button__link {
  background: var(--khd-gold) !important;
  background-image: none !important;
  color: var(--khd-head) !important;
  border: 1px solid var(--khd-gold) !important;
  border-radius: 10px !important;
  font-family: var(--khd-body) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
body.khd-on .dt-btn:hover,
body.khd-on a.button:hover,
body.khd-on .button:hover,
body.khd-on button[type="submit"]:hover,
body.khd-on input[type="submit"]:hover,
body.khd-on .vc_btn3:hover,
body.khd-on .wp-block-button__link:hover { background: var(--khd-gold2) !important; }

/* ── Formularfelter ─────────────────────────────────── */
body.khd-on input[type="text"],
body.khd-on input[type="email"],
body.khd-on input[type="search"],
body.khd-on input[type="number"],
body.khd-on input[type="tel"],
body.khd-on input[type="url"],
body.khd-on input[type="password"],
body.khd-on input[type="date"],
body.khd-on select,
body.khd-on textarea {
  background: var(--khd-head) !important;
  border: 1px solid var(--khd-rule) !important;
  border-radius: 10px !important;
  color: var(--khd-text) !important;
}
body.khd-on input:focus,
body.khd-on select:focus,
body.khd-on textarea:focus { border-color: var(--khd-gold) !important; outline: none; }
body.khd-on ::placeholder { color: #8a9686; }

/* ── Tabeller (TablePress og almindelige) ───────────── */
body.khd-on .entry-content table:not(.khd-table),
body.khd-on .tablepress {
  background: var(--khd-card) !important;
  border: 1px solid var(--khd-rule) !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  color: var(--khd-text);
}
body.khd-on .tablepress thead th,
body.khd-on .tablepress tfoot th,
body.khd-on .entry-content table:not(.khd-table) th {
  background: var(--khd-head) !important;
  color: var(--khd-gold) !important;
  font-family: var(--khd-body);
  font-weight: 600;
  border-color: var(--khd-rule) !important;
}
body.khd-on .tablepress td,
body.khd-on .tablepress tbody td,
body.khd-on .entry-content table:not(.khd-table) td {
  background: transparent !important;
  color: var(--khd-text);
  border-color: var(--khd-rule) !important;
}
body.khd-on .tablepress .odd td,
body.khd-on .tablepress tbody tr:nth-child(odd) td { background: var(--khd-card) !important; }
body.khd-on .tablepress .even td,
body.khd-on .tablepress tbody tr:nth-child(even) td { background: var(--khd-card2) !important; }
body.khd-on .tablepress .row-hover tr:hover td { background: #2a4226 !important; }
body.khd-on .dataTables_wrapper,
body.khd-on .dataTables_wrapper label,
body.khd-on .dataTables_info { color: var(--khd-muted) !important; }

/* ── WPBakery ───────────────────────────────────────── */
body.khd-on .vc_separator .vc_sep_line { border-color: var(--khd-rule) !important; }
body.khd-on .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a,
body.khd-on .vc_tta-panel-heading { background: var(--khd-card) !important; border-color: var(--khd-rule) !important; color: var(--khd-text) !important; }
body.khd-on .vc_tta-panel-body { background: var(--khd-card2) !important; border-color: var(--khd-rule) !important; }

/* ── Forminator (fx vinter-spørgeskemaet) ───────────── */
body.khd-on .forminator-ui.forminator-custom-form {
  background: var(--khd-card) !important;
  border: 1px solid var(--khd-rule) !important;
  border-radius: 14px !important;
  padding: 20px 16px !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  color: var(--khd-text) !important;
  font-family: var(--khd-body) !important;
}
body.khd-on .forminator-custom-form .forminator-row { border-bottom: 1px solid var(--khd-rule) !important; padding-bottom: 18px !important; margin-bottom: 18px !important; }
body.khd-on .forminator-custom-form .forminator-row:last-of-type { border-bottom: none !important; margin-bottom: 0 !important; }
body.khd-on .forminator-custom-form .forminator-label { color: var(--khd-gold) !important; font-size: 17px !important; font-weight: 700 !important; margin-bottom: 12px !important; }
body.khd-on .forminator-custom-form .forminator-description { color: var(--khd-muted) !important; }
body.khd-on .forminator-custom-form .forminator-radio,
body.khd-on .forminator-custom-form .forminator-checkbox {
  display: flex !important; align-items: center !important; gap: 10px !important;
  background: var(--khd-head) !important; border: 1px solid var(--khd-rule) !important; border-radius: 10px !important;
  padding: 13px 14px !important; margin: 0 0 8px !important; cursor: pointer !important;
}
body.khd-on .forminator-custom-form .forminator-radio-label,
body.khd-on .forminator-custom-form .forminator-checkbox-label { color: var(--khd-text) !important; font-size: 16px !important; padding-left: 0 !important; }
body.khd-on .forminator-custom-form .forminator-radio:has(input:checked),
body.khd-on .forminator-custom-form .forminator-checkbox:has(input:checked) { border-color: var(--khd-gold) !important; background: var(--khd-card2) !important; }
body.khd-on .forminator-custom-form .forminator-radio:has(input:checked) .forminator-radio-label,
body.khd-on .forminator-custom-form .forminator-checkbox:has(input:checked) .forminator-checkbox-label { color: var(--khd-gold) !important; font-weight: 700 !important; }
body.khd-on .forminator-custom-form .forminator-radio-bullet,
body.khd-on .forminator-custom-form .forminator-checkbox-box { flex: 0 0 auto !important; position: static !important; margin: 0 !important; background: transparent !important; border: 2px solid var(--khd-rule) !important; }
body.khd-on .forminator-custom-form input:checked + .forminator-radio-bullet,
body.khd-on .forminator-custom-form input:checked + .forminator-checkbox-box { border-color: var(--khd-gold) !important; background: var(--khd-gold) !important; color: var(--khd-head) !important; }
body.khd-on .forminator-custom-form .forminator-button-submit { width: 100% !important; padding: 15px !important; font-size: 17px !important; text-transform: none !important; }
body.khd-on .forminator-ui .forminator-response-message.forminator-success { background: var(--khd-head) !important; border: 1px solid var(--khd-gold) !important; color: var(--khd-gold) !important; border-radius: 10px !important; }

/* ── Diverse The7 ───────────────────────────────────── */
body.khd-on .paginator a,
body.khd-on .paginator .page-numbers { color: var(--khd-text) !important; border-color: var(--khd-rule) !important; }
body.khd-on .paginator .act,
body.khd-on .paginator .current { background: var(--khd-gold) !important; color: var(--khd-head) !important; }
body.khd-on .scroll-top { background: var(--khd-gold) !important; }
body.khd-on .comment-respond,
body.khd-on .comments-area { background: var(--khd-card); border-radius: var(--khd-radius); padding: 20px; }

/* Skabelonen "Kokherrer – fuld bredde" */
body.khd-template { margin: 0; background: var(--khd-bg) !important; }
body.khd-template .khd-main > .vc_row,
body.khd-template .khd-main > p,
body.khd-template .khd-main > h2,
body.khd-template .khd-main > h3,
body.khd-template .khd-main > ul,
body.khd-template .khd-main > table { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }

}