/* Define the custom font "Kenteken" */
@font-face {
    font-family: Kenteken;
    src: url(../fonts/kenteken.eot);
    src: url(../fonts/kenteken.eot?#iefix) format("embedded-opentype"),
         url(../fonts/kenteken.woff2) format("woff2"),
         url(../fonts/kenteken.woff) format("woff"),
         url(../fonts/kenteken.ttf) format("ttf"),
         url(../fonts/kenteken.svg#Kenteken) format("svg");
    font-style: normal;
    font-weight: 300;
}

/* Apply Dutch license plate style */
input.kenteken-text-input {
	background: #f2ba00 url(../img/flag.svg) no-repeat top left;
    background-color: #ffc70d!important; /* Set permanent background color */
    padding: 5px 5px 5px 16px!important; /* Added 5px more padding on the left */
    border: 3px solid #000!important;
    border-radius: 3px;
    box-sizing: border-box;
    color: black!important;
    font-family: Kenteken, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
	width: calc(12% + 5px);
    text-transform: uppercase;
	text-align: center;
}

/* Occasion RDW admin metabox */
.rdw-meta-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #3c434a; margin: -6px -12px -12px -12px; background: #f0f0f1; }
.rdw-section { background: #fff; border-bottom: 1px solid #dbdbdb; padding: 15px; }
.rdw-section h3 { margin: 0 0 10px 0; font-size: 14px; font-weight: 600; }
.rdw-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 15px; }
.rdw-full-width { grid-column: span 2; }
.rdw-card { background: #fff; border: 1px solid #dbdbdb; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.04); }
.rdw-card h3 { margin: 0; padding: 12px 15px; background: #f6f7f7; border-bottom: 1px solid #dbdbdb; font-size: 14px; font-weight: 600; color: #1d2327; }
.rdw-data-table { width: 100%; border-collapse: collapse; }
.rdw-data-table td { padding: 6px 15px; border-bottom: 1px solid #f0f0f1; font-size: 13px; vertical-align: middle; height: 34px; box-sizing: border-box; }
.rdw-data-table tr:last-child td { border-bottom: none; }
.rdw-attr-name { color: #646970; width: 45%; }
.rdw-attr-value { font-weight: 400; color: #1d2327; display: flex; align-items: center; }
.rdw-editable-input { border: 1px solid transparent; background: transparent; padding: 4px 6px; color: #1d2327; font-size: 13px; width: 100%; max-width: 280px; border-radius: 4px; }
.rdw-editable-input:hover { border-color: #bcd1e4; background: #fbfbfc; }
.rdw-editable-input:focus { border-color: #2271b1; background: #fff; box-shadow: 0 0 0 1px #2271b1; outline: none; }
.rdw-field-input, .rdw-field-select { padding: 4px 8px; border: 1px solid #8c8f94; border-radius: 4px; width: 200px; height: 30px; box-sizing: border-box; }
.rdw-radio-group { display: flex; gap: 15px; }

h3 {
    font-family: Arial, sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
	}

/* De tabel */
table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }
    th, td {
      padding: 1px 15px;
      text-align: left;
      border-bottom: 1px solid #ddd;
	    line-height: 1em; /* Added line-height property */
    }
    th {
      background-color: #f2f2f2;
    }
    tr:hover {
      background-color: #f5f5f5;
    }
    @media screen and (max-width: 600px) {
      table {
        width: 100%;
      }
      th, td {
        display: block;
      }
      th {
        text-align: center;
      }
      td {
        text-align: center;
        border-bottom: 1px solid #ddd;
      }
      td:last-child {
        border-bottom: 0;
      }
	  
    tr.colspan-row {
      background-color: #f2f2f2;
    }
    }
	
	#licence_plate-meta {
	background: #f2ba00 url(../img/flag.svg) no-repeat top left;
    background-color: #ffc70d!important; /* Set permanent background color */
    padding: 5px 5px 5px 16px!important; /* Added 5px more padding on the left */
    border: 3px solid #000!important;
    border-radius: 3px;
    box-sizing: border-box;
    color: black!important;
    font-family: Kenteken, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
	width: calc(12% + 5px);
    text-transform: uppercase;
	text-align: center;
}