/*
 Theme Name: dotKaya Thème - dotKaya.org
 Theme URI: https://dotkaya.org
 Version: 1.1.6
 Author: Jimmy Ropars
 Author URI: https://dotkaya.org
 Tested up to: 6.9
 License: Copyright
*/

/********************************************************************************
 theme default
********************************************************************************/
:root {
    border-radius: 0.25rem;
    border-width: 1px;
    outline-width: 3px;
}

small {
    font-size: 0.875rem;
}

[type=checkbox],
[type=radio] {
    border-width: 2px;
}

[type=checkbox][role=switch] {
    border-width: 3px;
}

thead th,
thead td,
tfoot th,
tfoot td {
    border-width: 3px;
}

:not(thead, tfoot)>*>td {
    font-size: 0.875em;
}

pre,
code,
kbd,
samp {
    font-family: "Menlo", "Consolas", "Ubuntu Monospace",
        "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

kbd {
    font-weight: bolder;
}

progress,
[type=checkbox],
[type=radio],
[type=range] {
    accent-color: #f2f2f2;
}

/**
  * Row
  */
.row {
    margin-right: 0;
    margin-left: 0;
}

@media (min-width: 576px) {
    .row {
        margin-right: -.5rem;
        margin-left: -.5rem;
    }
}

/**
 * Horizontal scroller (<figure>)
 */
figure {
    display: block;
    margin: 0;
    padding: 0;
    overflow-x: auto;
}

figure figcaption {
    padding: 0.5rem 0;
    color: #333;
}

/**
 * Typography
 */

mark {
    padding: 0.125rem 0.25rem;
    background-color: #fff2ca;
    color: #543a26;
    vertical-align: baseline;
}

blockquote {
    display: block;
    margin: 1.5rem 0;
    padding: 1rem;
    border-right: none;
    border-left: 0.25rem solid hsl(205deg, 20%, 94%);
    -webkit-border-start: 0.25rem solid hsl(205deg, 20%, 94%);
    border-inline-start: 0.25rem solid hsl(205deg, 20%, 94%);
    -webkit-border-end: none;
    border-inline-end: none;
}

blockquote footer {
    margin-top: calc(1.5rem * 0.5);
    color: hsl(205deg, 10%, 50%);
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none;
    cursor: help;
}

ins {
    color: #388e3c;
    text-decoration: none;
}

del {
    color: #c62828;
}

/**
 * Button
 */
button {
    display: inline-block;
    margin: 0 0 1rem 0;
    overflow: visible;
    font-family: inherit;
    text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    appearance: button;
}

[role=button] {
    display: inline-block;
    text-decoration: none;
}

button,
input[type=submit],
input[type=button],
input[type=reset],
[role=button] {

    outline: none;
    text-align: center;
    cursor: pointer;
}

/**
 * Form elements
 */
input,
optgroup,
select,
textarea {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: inherit;
    letter-spacing: inherit;
}

input {
    overflow: visible;
}

select {
    text-transform: none;
}

legend {
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type=checkbox],
[type=radio] {
    padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

:-moz-focusring {
    outline: none;
}

[type=file],
[type=range] {
    padding: 0;
    border-width: 0;
}

input:not([type=checkbox], [type=radio], [type=range]) {
    height: calc(1rem + 1rem * 2 + 1px * 2);
}

fieldset {
    margin: 0;
    margin-bottom: 1rem;
    padding: 0;
    border: 0;
}

label,
fieldset legend {
    display: block;
    margin-bottom: calc(1rem * 0.25);
}

input:not([type=checkbox], [type=radio]),
select,
textarea {
    width: 100%;
}

input:not([type=checkbox], [type=radio], [type=range], [type=file]),
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1rem 1.5rem;
}

input,
select,
textarea {
    box-shadow: none;
    outline: none;
}

:where(input, select, textarea):not([type="checkbox"], [type="radio"], [type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"])[aria-invalid] {
    display: block;
    padding: 3px;
    padding-inline-start: 1rem;
    padding-inline-end: 1rem;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px !important;
    font-size: 1.6rem;
    color: hsl(205deg, 20%, 32%);
    border: 1px solid #dbdbdb;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background-color: #ffffff;
}

:where(textarea)[aria-invalid] {
    height: 125px !important;
    max-width: 100%;
}

:where(input)[type="checkbox"] {
    padding: 3px;
    margin: 0 5px 0 0;
    box-sizing: border-box;
    border-radius: 5px !important;
    font-size: 1.6rem;
    border: 1px solid #dbdbdb;
}

:where(button, [type="submit"], [type="button"], [type="reset"], [role="button"])[disabled],
:where(fieldset[disabled]) :is(button, [type="submit"], [type="button"], [type="reset"], [role="button"]),
a[role="button"]:not([href]) {
    opacity: .7;
    pointer-events: none;
}

:where(button, input, select, textarea) {
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

/**
 * Form elements
 * Checkboxes & Radios
 */
[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.25em;
    height: 1.25em;
    margin-top: -0.125em;
    margin-right: 0.375em;
    margin-left: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0.375em;
    margin-inline-end: 0.375em;
    border-width: 1px;
    font-size: inherit;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffffff;
}

[type=checkbox]:checked,
[type=checkbox]:checked:active,
[type=checkbox]:checked:focus,
[type=radio]:checked,
[type=radio]:checked:active,
[type=radio]:checked:focus {
    background-color: hsl(205deg, 20%, 32%);
    border-color: rgb(219, 219, 219);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: center;
    background-size: 0.75em auto;
    background-repeat: no-repeat;
}

[type=checkbox]~label,
[type=radio]~label {
    display: inline-block;
    margin-right: 0.375em;
    margin-bottom: 0;
    cursor: pointer;
}

[type=checkbox]:indeterminate {
    background-color: transparent;
    border-color: rgb(219, 219, 219);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    background-position: center;
    background-size: 0.75em auto;
    background-repeat: no-repeat;
}

[type=radio] {
    border-radius: 50%;
}

[type=radio]:checked,
[type=radio]:checked:active,
[type=radio]:checked:focus {
    background-color: transparent;
    border-width: 0.35em;
    background-image: none;
}

[type=checkbox][role=switch] {
    background-color: transparent;
    border-color: rgb(219, 219, 219);
    color: #fff;
    width: 2.25em;
    height: 1.25em;
    border: 1px solid rgb(219, 219, 219);
    border-radius: 1.25em;
    background-color: transparent;
    line-height: 1.25em;
}

[type=checkbox][role=switch]:focus {
    background-color: transparent;
    border-color: rgb(219, 219, 219);
}

[type=checkbox][role=switch]:checked {
    background-color: transparent;
    border-color: rgb(219, 219, 219);
}

[type=checkbox][role=switch]:before {
    display: block;
    width: calc(1.25em - (1px * 2));
    height: 100%;
    border-radius: 50%;
    background-color: transparent;
    content: "";
    transition: margin 0.1s ease-in-out;
}

[type=checkbox][role=switch]:checked {
    background-image: none;
}

[type=checkbox][role=switch]:checked::before {
    margin-left: calc(1.125em - 1px);
    -webkit-margin-start: calc(1.125em - 1px);
    margin-inline-start: calc(1.125em - 1px);
}

[type=checkbox],
[type=checkbox]:checked,
[type=radio],
[type=radio]:checked,
[type=checkbox][role=switch],
[type=checkbox][role=switch]:checked {
    border-color: rgb(219, 219, 219);
}

/**
 * Form elements
 * Alternatives input types (Not Checkboxes & Radios)
 */
[type=color]::-webkit-color-swatch-wrapper {
    padding: 0;
}

[type=color]::-webkit-color-swatch {
    border: 0;
    border-radius: calc(0.25rem * 0.5);
}

[type=color]::-moz-color-swatch {
    border: 0;
    border-radius: calc(0.25rem * 0.5);
}

input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
    padding-right: calc(1rem + 0.75rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-position: center right 0.75rem;
    background-size: 1rem auto;
    background-repeat: no-repeat;
}

input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
}

[type=date]::-webkit-calendar-picker-indicator,
[type=datetime-local]::-webkit-calendar-picker-indicator,
[type=month]::-webkit-calendar-picker-indicator,
[type=time]::-webkit-calendar-picker-indicator,
[type=week]::-webkit-calendar-picker-indicator {
    width: 1rem;
    margin-right: calc(1rem * -1);
    margin-left: 0.75rem;
    opacity: 0;
}

[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
    text-align: right;
}

/**
 * Miscs
 */
hr {
    height: 0;
    border: 0;
    border-top: 1px solid #1f2d38;
    color: inherit;
}

[hidden],
template {
    display: none !important;
}

canvas {
    display: inline-block;
}

/**
 * Accessibility & User interaction
 */
[aria-controls] {
    cursor: pointer;
}

[aria-disabled=true],
[disabled] {
    cursor: not-allowed;
}

[aria-hidden=false][hidden] {
    display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

[dir=rtl] {
    direction: rtl;
}

/**
* Reduce Motion Features
*/
@media (prefers-reduced-motion: reduce) {

    *:not([aria-busy=true]),
    :not([aria-busy=true])::before,
    :not([aria-busy=true])::after {
        background-attachment: initial !important;
        animation-duration: 1ms !important;
        animation-delay: -1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-delay: 0s !important;
        transition-duration: 0s !important;
    }
}