.elementor-2655 .elementor-element.elementor-element-6fbbaf95{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2655 .elementor-element.elementor-element-7b67262c{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.5rem) 0rem;}.elementor-2655 .elementor-element.elementor-element-7b67262c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2rem;font-weight:800;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2655 .elementor-element.elementor-element-5f460c68 img{border-radius:12px 12px 12px 12px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2655 .elementor-element.elementor-element-cbcca37{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 45px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-c198260 );}.elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2655 .elementor-element.elementor-element-14cb42c{--display:flex;border-style:solid;--border-style:solid;border-width:4px 0px 0px 0px;--border-top-width:4px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:12px 12px 12px 12px;box-shadow:0px 4px 10px 0px rgba(160.31361083984373, 160.31361083984373, 160.31361083984373, 0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2655 .elementor-element.elementor-element-14cb42c:not(.elementor-motion-effects-element-type-background), .elementor-2655 .elementor-element.elementor-element-14cb42c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-48a6284 );}.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-author-box .elementor-author-box__bio{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-2655 .elementor-element.elementor-element-781668f .elementor-author-box__avatar img{width:72px;height:72px;border-radius:8px;}body.rtl .elementor-2655 .elementor-element.elementor-element-781668f.elementor-author-box--layout-image-left .elementor-author-box__avatar,
					 body:not(.rtl) .elementor-2655 .elementor-element.elementor-element-781668f:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-right:16px;margin-left:0;}body:not(.rtl) .elementor-2655 .elementor-element.elementor-element-781668f.elementor-author-box--layout-image-right .elementor-author-box__avatar,
					 body.rtl .elementor-2655 .elementor-element.elementor-element-781668f:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-left:16px;margin-right:0;}.elementor-2655 .elementor-element.elementor-element-781668f.elementor-author-box--layout-image-above .elementor-author-box__avatar{margin-bottom:16px;}.elementor-2655 .elementor-element.elementor-element-781668f .elementor-author-box__name{color:var( --e-global-color-3341356 );font-family:"Inter", Sans-serif;font-weight:800;}.elementor-2655 .elementor-element.elementor-element-781668f .elementor-author-box__bio{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2655 .elementor-element.elementor-element-76df3a09{--box-border-width:0px;--header-color:var( --e-global-color-primary );--item-text-hover-decoration:underline;}.elementor-2655 .elementor-element.elementor-element-76df3a09 .elementor-toc__header-title{text-align:start;}.elementor-2655 .elementor-element.elementor-element-76df3a09 .elementor-toc__header{flex-direction:row;}.elementor-2655 .elementor-element.elementor-element-76df3a09 .elementor-toc__list-item{font-family:"Inter", Sans-serif;font-size:0.85rem;font-weight:400;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2655 .elementor-element.elementor-element-63b4df9e .elementor-icon-box-wrapper{gap:15px;}.elementor-2655 .elementor-element.elementor-element-63b4df9e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-2655 .elementor-element.elementor-element-63b4df9e.elementor-view-framed .elementor-icon, .elementor-2655 .elementor-element.elementor-element-63b4df9e.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-2655 .elementor-element.elementor-element-63b4df9e.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-2655 .elementor-element.elementor-element-63b4df9e .elementor-icon{font-size:2rem;}.elementor-2655 .elementor-element.elementor-element-63b4df9e .elementor-icon-box-title, .elementor-2655 .elementor-element.elementor-element-63b4df9e .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:1.5rem;font-weight:700;}.elementor-2655 .elementor-element.elementor-element-63b4df9e .elementor-icon-box-title{color:var( --e-global-color-48a6284 );}.elementor-2655 .elementor-element.elementor-element-63b4df9e:has(:hover) .elementor-icon-box-title,
					 .elementor-2655 .elementor-element.elementor-element-63b4df9e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-48a6284 );}.elementor-2655 .elementor-element.elementor-element-63b4df9e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:2rem;font-weight:700;color:var( --e-global-color-accent );}.elementor-2655 .elementor-element.elementor-element-7e873ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-2655 .elementor-element.elementor-element-7e873ef:not(.elementor-motion-effects-element-type-background), .elementor-2655 .elementor-element.elementor-element-7e873ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cce7f37 );}.elementor-2655 .elementor-element.elementor-element-7a30cbd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:0.6875rem;font-weight:600;letter-spacing:0.094rem;color:var( --e-global-color-b3475a0 );}.elementor-2655 .elementor-element.elementor-element-7801dc0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2rem;font-weight:600;color:var( --e-global-color-3341356 );}.elementor-2655 .elementor-element.elementor-element-92dcdac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2655 .elementor-element.elementor-element-92dcdac.e-con{--flex-grow:1;--flex-shrink:0;}@media(max-width:1024px){.elementor-2655 .elementor-element.elementor-element-6fbbaf95{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2655 .elementor-element.elementor-element-7b67262c .elementor-heading-title{font-size:1.5rem;}.elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-item > a{font-size:15px;}.elementor-2655 .elementor-element.elementor-element-14cb42c{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-2655 .elementor-element.elementor-element-7e873ef{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-2655 .elementor-element.elementor-element-92dcdac{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-2655 .elementor-element.elementor-element-6fbbaf95{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2655 .elementor-element.elementor-element-7b67262c .elementor-heading-title{font-size:1.3rem;line-height:1.5rem;}.elementor-2655 .elementor-element.elementor-element-cbcca37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2655 .elementor-element.elementor-element-cbcca37 .elementor-icon-list-item > a{font-size:14px;}}@media(min-width:768px){.elementor-2655 .elementor-element.elementor-element-14cb42c{--width:100%;}.elementor-2655 .elementor-element.elementor-element-92dcdac{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2655 .elementor-element.elementor-element-14cb42c{--width:100%;}.elementor-2655 .elementor-element.elementor-element-92dcdac{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-1fdcc38c *//* * BLOG CONTENT STYLES 
 * Usage: Wrap your blog post content inside a div with the class "blog-content"
 * Example: <div class="blog-content"> ... blog HTML ... </div>
 */

.blog-content {
    font-family: 'Inter', sans-serif;
    color: var(--e-global-color-secondary);
    line-height: 1.8;
    font-size: 1.125rem; /* 18px base for better reading */
}

/* =========================================
   1. Paragraphs, Bold & Italic
   ========================================= */
.blog-content p {
    margin-top: 0;
    margin-bottom: 1.5em;
}

.blog-content strong, 
.blog-content b {
    font-weight: 700;
    color: var(--e-global-color-text);
}

.blog-content em, 
.blog-content i {
    font-style: italic;
    color: var(--e-global-color-secondary);
}

/* =========================================
   2. Headings (H1 - H6)
   ========================================= */
.blog-content h1, 
.blog-content h2, 
.blog-content h3, 
.blog-content h4, 
.blog-content h5, 
.blog-content h6 {
    color: var(--e-global-color-primary); /* Dark Navy */
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 0.75em;
    line-height: 1.3;
}

.blog-content h1 { font-size: 2.5rem; font-weight: 800; }
.blog-content h2 { 
    font-size: 1.875rem; 
    border-bottom: 2px solid var(--e-global-color-cce7f37); /* Light gray line */
    padding-bottom: 0.3em;
}
.blog-content h3 { font-size: 1.5rem; }
.blog-content h4 { font-size: 1.25rem; }

/* =========================================
   3. Divider Line (HR)
   ========================================= */
.blog-content hr {
    border: 0;
    height: 2px;
    background-color: var(--e-global-color-930c1f1); /* Gray border */
    margin: 3em auto;
    width: 60%; 
    position: relative;
    border-radius: 2px;
}

/* Optional: Elegant gold dot in the middle of the divider */
.blog-content hr::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--e-global-color-accent); /* Gold */
    border-radius: 50%;
    border: 2px solid var(--e-global-color-48a6284); /* White border */
}

/* =========================================
   4. Blockquotes
   ========================================= */
.blog-content blockquote {
    margin: 2.5em 0;
    padding: 1.5em 2em;
    background-color: var(--e-global-color-cce7f37); /* Light Gray */
    border-left: 4px solid var(--e-global-color-accent); /* Gold left border */
    border-radius: 0 8px 8px 0;
    font-size: 1.25rem;
    font-style: italic;
    color: var(--e-global-color-primary);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.blog-content blockquote p:last-child {
    margin-bottom: 0;
}

/* =========================================
   5. Lists (UL & OL)
   ========================================= */
.blog-content ul, 
.blog-content ol {
    margin-top: 1em;
    margin-bottom: 1.5em;
    padding-left: 0;
}

/* Custom unordered list (bullet points) */
.blog-content ul {
    list-style-type: none;
}

.blog-content ul li {
    position: relative;
    margin-bottom: 0.75em;
    padding-left: 1.75em;
}

/* Custom Gold Arrow/Bullet */
.blog-content ul li::before {
    content: '\2192'; /* Right arrow unicode. Use '\2022' for standard dot */
    position: absolute;
    left: 0;
    top: 0;
    color: var(--e-global-color-accent); 
    font-weight: bold;
}

/* Ordered list (numbers) */
.blog-content ol {
    list-style-type: decimal;
    padding-left: 1.2em;
}

.blog-content ol li {
    margin-bottom: 0.75em;
    padding-left: 0.5em;
}

.blog-content ol li::marker {
    color: var(--e-global-color-accent); /* Gold numbers */
    font-weight: 700;
}

/* =========================================
   6. Tables
   ========================================= */
.blog-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2.5em 0;
    font-size: 1rem;
    text-align: left;
    border-radius: 8px;
    overflow: hidden; /* Enables rounded corners */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.blog-content thead tr {
    background-color: var(--e-global-color-primary); /* Dark Navy */
    color: var(--e-global-color-48a6284); /* White */
}

.blog-content th, 
.blog-content td {
    padding: 16px 20px;
    border-bottom: 1px solid var(--e-global-color-930c1f1); /* Gray border */
}

.blog-content th {
    font-weight: 600;
    letter-spacing: 0.05em;
}

.blog-content tbody tr {
    background-color: var(--e-global-color-48a6284); /* White */
    transition: background-color 0.2s ease;
}

/* Zebra striping for readability */
.blog-content tbody tr:nth-of-type(even) {
    background-color: var(--e-global-color-cce7f37); /* Light Gray */
}

/* Hover effect on rows */
.blog-content tbody tr:hover {
    background-color: #F9FAFB;
}

/* =========================================
   7. Responsive Styles (Mobile & Tablet)
   ========================================= */
@media screen and (max-width: 768px) {

.blog-content {
font-size: 1rem;
}

/* Scale down headings */
.blog-content h1 { font-size: 2rem; }
.blog-content h2 { font-size: 1.625rem; }
.blog-content h3 { font-size: 1.375rem; }
.blog-content h4 { font-size: 1.125rem; }

/* Adjust blockquote padding */
.blog-content blockquote {
    padding: 1.25em 1.5em;
    font-size: 1.125rem;
}

/* Stacked Card Table (No Scroll) */
.blog-content table, 
.blog-content thead, 
.blog-content tbody, 
.blog-content th, 
.blog-content td, 
.blog-content tr {
    display: block;
    width: 100%;
}

/* Hide table headers visually (but keep for screen readers) */
.blog-content thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;w
}

/* Turn each row into a card */
.blog-content tr {
    margin-bottom: 1.5em;
    border: 1px solid var(--e-global-color-930c1f1);
    border-radius: 8px;
    background-color: var(--e-global-color-48a6284) !important; /* Force white background for cards */
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.05);
}

.blog-content td {
    position: relative;
    padding: 12px 15px;
    border-bottom: 1px solid var(--e-global-color-cce7f37); 
    text-align: right; /* Push content to the right */
    min-height: 48px;
}

.blog-content td:last-child {
    border-bottom: none;
}

/* PRO TIP: Use <td data-label="Header Name"> in your HTML to show labels on mobile */
.blog-content td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    top: 12px;
    width: 45%;
    text-align: left;
    font-weight: 700;
    color: var(--e-global-color-primary);
}

/* Fallback: if no data-label is provided, align text normally */
.blog-content td:not([data-label]) {
    text-align: left;
}


}/* End custom CSS */
/* Start custom CSS for author-box, class: .elementor-element-781668f */@media (max-width: 768px) {
    .elementor-2655 .elementor-element.elementor-element-781668f div {display: block}
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-f003c49 *//* ---------- 1. Hide the two lines you asked to remove ----------
   "Geef een reactie" and "Je e-mailadres wordt niet gepubliceerd. ..."
 
   The heading is collapsed with font-size instead of display:none on purpose.
   WordPress puts the "Reactie annuleren" link inside that same heading, and it
   is needed when someone replies to an existing comment. So the heading text
   disappears but the link still works. */
.comments-area .comment-reply-title{
  font-size:0;
  line-height:0;
  margin:0;
  padding:0;
}
.comments-area .comment-reply-title small{
  font-size:0;
  line-height:0;
}
.comments-area .comment-reply-title small a{
  display:inline-block;
  font-size:14px;
  line-height:1.5;
  font-weight:500;
  color:var(--la-gold-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
/* When WordPress shows the cancel link, give the heading its space back. */
.comments-area .comment-reply-title:has(small a:not([style*="display:none"])){
  margin:0 0 12px;
}
 
/* This also hides "Vereiste velden zijn gemarkeerd met *", which sits inside it. */
.comments-area .comment-notes{
  display:none !important;
}
 
/* ---------- 2. The form card ---------- */
.comments-area{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--la-slate);
}
.comments-area .comment-respond{
  background:#fff;
  border:1px solid var(--la-border);
  border-radius:10px;
  box-shadow:0 1px 3px rgba(17,24,39,.08),0 1px 2px rgba(17,24,39,.06);
  padding:24px;
}
@media(min-width:768px){
  .comments-area .comment-respond{padding:28px;}
}
 
/* ---------- 3. Form layout ---------- */
.comments-area #commentform{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  margin:0;
}
@media(min-width:640px){
  .comments-area #commentform{grid-template-columns:1fr 1fr;}
  .comments-area .comment-form-comment,
  .comments-area .comment-form-url,
  .comments-area .comment-form-cookies-consent,
  .comments-area .form-submit{grid-column:1 / -1;}
}
.comments-area #commentform p{margin:0;}
 
/* ---------- 4. Labels ---------- */
.comments-area #commentform label{
  display:block;
  margin:0 0 8px;
  font-size:14px;
  font-weight:600;
  color:var(--la-navy);
}
.comments-area #commentform .required{
  color:var(--la-gold-dark);
  font-weight:700;
}
 
/* ---------- 5. Inputs ---------- */
.comments-area #commentform input[type="text"],
.comments-area #commentform input[type="email"],
.comments-area #commentform input[type="url"],
.comments-area #commentform textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  background:#fff;
  border:1px solid var(--la-border);
  border-radius:6px;
  padding:12px 16px;
  font-family:inherit;
  font-size:15px;
  line-height:1.6;
  color:var(--la-navy);
  transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);
}
.comments-area #commentform input[type="text"],
.comments-area #commentform input[type="email"],
.comments-area #commentform input[type="url"]{
  min-height:48px;
}
.comments-area #commentform textarea{
  min-height:150px;
  resize:vertical;
}
.comments-area #commentform input::placeholder,
.comments-area #commentform textarea::placeholder{
  color:#9CA3AF;
}
.comments-area #commentform input:hover,
.comments-area #commentform textarea:hover{
  border-color:#9CA3AF;
}
.comments-area #commentform input:focus,
.comments-area #commentform textarea:focus{
  outline:none;
  border-color:var(--la-gold);
  box-shadow:0 0 0 3px rgba(198,174,123,.35);
}
 
/* ---------- 6. Cookie consent checkbox ---------- */
.comments-area #commentform .comment-form-cookies-consent{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding-top:4px;
}
.comments-area #commentform .comment-form-cookies-consent input[type="checkbox"]{
  width:20px;
  height:20px;
  margin:2px 0 0;
  flex:0 0 auto;
  accent-color:var(--la-gold-dark);
  cursor:pointer;
}
.comments-area #commentform .comment-form-cookies-consent label{
  margin:0;
  font-size:14px;
  font-weight:400;
  line-height:1.55;
  color:var(--la-slate);
  cursor:pointer;
}
 
/* ---------- 7. Submit button ---------- */
.comments-area .form-submit{margin:0;}
.comments-area #commentform input[type="submit"],
.comments-area .form-submit .submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 28px;
  border:0;
  border-radius:6px;
  background:var(--la-navy);
  color:#fff;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  transition:background-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);
}
.comments-area #commentform input[type="submit"]:hover,
.comments-area .form-submit .submit:hover{
  background:var(--la-navy-dark);
  transform:translateY(-1px);
}
@media(max-width:639px){
  .comments-area #commentform input[type="submit"],
  .comments-area .form-submit .submit{width:100%;}
}
 
/* ---------- 8. Focus ring, site standard ---------- */
.comments-area a:focus-visible,
.comments-area input:focus-visible,
.comments-area textarea:focus-visible{
  outline:3px solid var(--la-gold);
  outline-offset:2px;
  border-radius:4px;
}
 
/* ---------- 9. Existing comments list, if the page shows any ---------- */
.comments-area .comment-list{
  list-style:none;
  margin:0 0 32px;
  padding:0;
}
.comments-area .comment-list li.comment{
  background:#fff;
  border:1px solid var(--la-border);
  border-radius:10px;
  padding:20px;
  margin-bottom:16px;
}
.comments-area .comment-list .children{
  list-style:none;
  margin:16px 0 0 20px;
  padding:0 0 0 20px;
  border-left:2px solid var(--la-border);
}
.comments-area .comment-author .fn{
  font-weight:600;
  font-style:normal;
  color:var(--la-navy);
}
.comments-area .comment-metadata,
.comments-area .comment-metadata a{
  font-size:13px;
  color:var(--la-slate);
}
.comments-area .comment-content{
  font-size:15px;
  line-height:1.7;
  color:var(--la-slate);
}
.comments-area .reply a{
  font-size:14px;
  font-weight:600;
  color:var(--la-navy);
  text-decoration:underline;
  text-decoration-color:var(--la-gold);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
 
@media(prefers-reduced-motion:reduce){
  .comments-area *{transition-duration:.001ms !important;}
}/* End custom CSS */