/* HTML5 tags */
* {
    box-sizing: border-box;
}
html,
.o-auto {
    scrollbar-color: var(--ita-colors-brand-primary) transparent;
}
body {
    font-family: var(--ita-fontFamilies-1-1);
    color: var(--ita-colors-soft-black);
    font-size: var(--ita-fontSizes-6);
    margin: 0;
    padding: 0;
}
html,
body {
    overscroll-behavior: none;
}
a {
    color: var(--ita-colors-brand-primary);
    font-family: var(--ita-fontFamilies-1-2);
    font-weight: 700;
}
strong,
b {
    font-family: var(--ita-fontFamilies-1-2);
    font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ita-fontFamilies-2-2);
    font-weight: 700;
}
button {
    cursor: pointer;
}
button:disabled {
    cursor: default;
}
/* retrait style <details> par défaut de iOS */
details > summary::-webkit-details-marker {
    display: none;
}
details:not([open]) > summary .icons span[class*="icon-"]:nth-child(2) {
    display: none;
}
details[open] > summary .icons span[class*="icon-"]:nth-child(1) {
    display: none;
}
/* retrait style <button> et <select> par défaut de iOS */
select, button {
    color: black
}
/* Opacity od disabled input on iOS */
input:disabled {
    opacity: 1;
}
/* input type search reset */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

/* BUTTONS */
[class*="BUTTON_"] {
    transition-property: background-color, color, border-color, box-shadow;
    transition-duration: 300ms;
}
.BUTTON_PRIMARY {
    color: var(--ita-colors-brand-primary);
    background-color: var(--ita-colors-brand-accent);
    border-color: var(--ita-colors-brand-accent);
    transition-property: color, border-color;
}
.BUTTON_PRIMARY:hover {
    background: var(--ita-gradients-electric-green);
    border-color: transparent;
}
.BUTTON_PRIMARY:disabled,
.BUTTON_PRIMARY[disabled=""],
.BUTTON_PRIMARY[disabled="disabled"] {
    color: var(--ita-colors-light-grey);
    background-color: var(--ita-colors-ultra-light-grey);
    border-color: var(--ita-colors-ultra-light-grey);
    pointer-events: none;
}

.BUTTON_SECONDARY {
    color: var(--ita-colors-brand-primary);
    background-color: transparent;
    border-color: var(--ita-colors-light-grey);
}
.BUTTON_SECONDARY:hover {
    background: var(--ita-colors-white);
    border-color: var(--ita-colors-brand-accent);
}
.BUTTON_SECONDARY:disabled,
.BUTTON_SECONDARY[disabled=""],
.BUTTON_SECONDARY[disabled="disabled"] {
    color: var(--ita-colors-light-grey);
    background-color: transparent;
    border-color: var(--ita-colors-ultra-light-grey);
    pointer-events: none;
}

.BUTTON_DARK {
    color: var(--ita-colors-white);
    background-color: var(--ita-colors-brand-primary);
    border-color: var(--ita-colors-brand-primary);
}
.BUTTON_DARK:hover {
    background: var(--ita-colors-white);
    background-color: var(--ita-colors-indigo);
    border-color: var(--ita-colors-indigo);
}
.BUTTON_DARK:disabled,
.BUTTON_DARK[disabled=""],
.BUTTON_DARK[disabled="disabled"] {
    color: var(--ita-colors-light-grey);
    background-color: var(--ita-colors-ultra-light-grey);
    border-color: var(--ita-colors-ultra-light-grey);
    pointer-events: none;
}

.BUTTON_GHOST {
    color: var(--ita-colors-brand-primary);
    background-color: var(--ita-colors-white);
    border-color: var(--ita-colors-white);
}
.BUTTON_GHOST:hover {
    box-shadow: var(--ita-shadows-2);
}
.BUTTON_GHOST:disabled,
.BUTTON_GHOST[disabled=""],
.BUTTON_GHOST[disabled="disabled"] {
    color: var(--ita-colors-light-grey);
    background-color: var(--ita-colors-white);
    border-color: var(--ita-colors-white);
    pointer-events: none;
}


/* FORMS */
.INPUT_TEXT[required] ~ label::after,
*:has(input:required) .INPUT_GROUP_LABEL:after {
    content: ' *';
    color: var(--ita-colors-brand-accent);
}
.INPUT_TEXT::placeholder {
    font-family: var(--ita-fontFamilies-1-1);
    font-weight: 400;
}
.INPUT_TEXT:focus {
    outline: none;
    box-shadow: 0px 0px 0px 3px var(--ita-colors-light-grey);
    border-color: var(--ita-colors-brand-primary);
}

.INPUT_CHECKBOX ~ label .INPUT_MARKER::before {
    content: '';
    display: flex;
    width: 20px;
    height: 20px;
    margin-top: var(--ita-spacings-1);
    border-radius: var(--ita-radii-1);
    border: 1px solid var(--ita-colors-light-grey);
}
.INPUT_CHECKBOX:checked ~ label .INPUT_MARKER::before {
    border-color: var(--ita-colors-brand-primary);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: var(--ita-colors-brand-primary);
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI3Ljk5NyA3LjcyMmMuNTU0LjU1NC41NTQgMS4zODUgMCAxLjg4NGwtMTQuNjI5IDE0LjYzYTEuMjE0IDEuMjE0IDAgMCAxLTEuODI5IDBsLTcuNTM3LTcuNTM3Yy0uNTU0LS40OTktLjU1NC0xLjMzIDAtMS44ODRhMS4zMDQgMS4zMDQgMCAwIDEgMS44MjkgMGw2LjY1IDYuNjVMMjYuMTY4IDcuNzIyYTEuMzA0IDEuMzA0IDAgMCAxIDEuODI5IDB6Ii8+PC9zdmc+');
}

.INPUT_RADIO ~ label .INPUT_MARKER::before {
    content: '';
    display: flex;
    width: 20px;
    height: 20px;
    margin-top: var(--ita-spacings-1);
    border-radius: 100%;
    border: 1px solid var(--ita-colors-light-grey);
}
.INPUT_RADIO:checked ~ label .INPUT_MARKER::before {
    border-color: var(--ita-colors-brand-primary);
    background: radial-gradient(var(--ita-colors-white), var(--ita-colors-white) 30%, var(--ita-colors-brand-primary) 33%, var(--ita-colors-brand-primary) 100%);
}

.INPUT_SELECT {
    background: 90% 50% / 10% no-repeat var(--ita-colors-white) url('../medias/icons/fa/SVG/chevron-down.svg');
    transition-property: background-color, color, border-color;
    transition-duration: 300ms;
}
.INPUT_SELECT:hover {
    border-color: var(--ita-colors-brand-accent);
}
.INPUT_SELECT:focus {
    outline: none;
    border-color: var(--ita-colors-brand-primary);
}

/* ICONS */
.cicon-partial-bulb {
    background-image: url('../medias/partial-bulb.svg');
}
.cicon-partial-arrow {
    background-image: url('../medias/partial-arrow.svg');
}
.cicon-partial-star {
    background-image: url('../medias/partial-star.svg');
}

/* ICONES DUAL COLORS */
.cicon-dual-target-core-neon {
    background-image: url('../medias/icons/dual-target-core-neon.svg');
}
.cicon-dual-AI-generate-portrait-image-spark-neon {
    background-image: url('../medias/icons/dual-AI-generate-portrait-image-spark-neon.svg');
}
.cicon-dual-business-AI {
    background-image: url('../medias/icons/dual-business-AI.svg');
}
.cicon-dual-business-Alarm {
    background-image: url('../medias/icons/dual-business-Alarm.svg');
}
.cicon-dual-business-Auctions {
    background-image: url('../medias/icons/dual-business-Auctions.svg');
}
.cicon-dual-business-CA-Increase {
    background-image: url('../medias/icons/dual-business-CA-Increase.svg');
}
.cicon-dual-business-Calendar-Check {
    background-image: url('../medias/icons/dual-business-Calendar-Check.svg');
}
.cicon-dual-business-Car-Battery {
    background-image: url('../medias/icons/dual-business-Car-Battery.svg');
}
.cicon-dual-business-Car-History {
    background-image: url('../medias/icons/dual-business-Car-History.svg');
}
.cicon-dual-business-Car-Insurance {
    background-image: url('../medias/icons/dual-business-Car-Insurance.svg');
}
.cicon-dual-business-Car {
    background-image: url('../medias/icons/dual-business-Car.svg');
}
.cicon-dual-business-Cloud-Upload {
    background-image: url('../medias/icons/dual-business-Cloud-Upload.svg');
}
.cicon-dual-business-Comment {
    background-image: url('../medias/icons/dual-business-Comment.svg');
}
.cicon-dual-business-Connector {
    background-image: url('../medias/icons/dual-business-Connector.svg');
}
.cicon-dual-business-Contract {
    background-image: url('../medias/icons/dual-business-Contract.svg');
}
.cicon-dual-business-Credit-Cards {
    background-image: url('../medias/icons/dual-business-Credit-Cards.svg');
}
.cicon-dual-business-Customer-Support {
    background-image: url('../medias/icons/dual-business-Customer-Support.svg');
}
.cicon-dual-business-Dashboard-Car {
    background-image: url('../medias/icons/dual-business-Dashboard-Car.svg');
}
.cicon-dual-business-Delivery-Time {
    background-image: url('../medias/icons/dual-business-Delivery-Time.svg');
}
.cicon-dual-business-Download {
    background-image: url('../medias/icons/dual-business-Download.svg');
}
.cicon-dual-business-Energy {
    background-image: url('../medias/icons/dual-business-Energy.svg');
}
.cicon-dual-business-Folder {
    background-image: url('../medias/icons/dual-business-Folder.svg');
}
.cicon-dual-business-Grow {
    background-image: url('../medias/icons/dual-business-Grow.svg');
}
.cicon-dual-business-Hand-with-Heart {
    background-image: url('../medias/icons/dual-business-Hand-with-Heart.svg');
}
.cicon-dual-business-Help {
    background-image: url('../medias/icons/dual-business-Help.svg');
}
.cicon-dual-business-Laptop {
    background-image: url('../medias/icons/dual-business-Laptop.svg');
}
.cicon-dual-business-Location {
    background-image: url('../medias/icons/dual-business-Location.svg');
}
.cicon-dual-business-Phone {
    background-image: url('../medias/icons/dual-business-Phone.svg');
}
.cicon-dual-business-Premium {
    background-image: url('../medias/icons/dual-business-Premium.svg');
}
.cicon-dual-business-Shield {
    background-image: url('../medias/icons/dual-business-Shield.svg');
}
.cicon-dual-business-Suitcase {
    background-image: url('../medias/icons/dual-business-Suitcase.svg');
}
.cicon-dual-business-Target {
    background-image: url('../medias/icons/dual-business-Target.svg');
}
.cicon-dual-business-Transfert {
    background-image: url('../medias/icons/dual-business-Transfert.svg');
}
.cicon-dual-business-Truck {
    background-image: url('../medias/icons/dual-business-Truck.svg');
}
.cicon-dual-business-User-Group {
    background-image: url('../medias/icons/dual-business-User-Group.svg');
}
.cicon-dual-business-Visibility {
    background-image: url('../medias/icons/dual-business-Visibility.svg');
}
.cicon-dual-business-Wallet {
    background-image: url('../medias/icons/dual-business-Wallet.svg');
}
.cicon-dual-business-Warranty {
    background-image: url('../medias/icons/dual-business-Warranty.svg');
}

.cicon-dual-marketing-Cashflow {
    background-image: url('../medias/icons/dual-marketing-Cashflow.svg');
}
.cicon-dual-marketing-Configure {
    background-image: url('../medias/icons/dual-marketing-Configure.svg');
}
.cicon-dual-marketing-Connect {
    background-image: url('../medias/icons/dual-marketing-Connect.svg');
}
.cicon-dual-marketing-Connectors {
    background-image: url('../medias/icons/dual-marketing-Connectors.svg');
}
.cicon-dual-marketing-Cursor-Click {
    background-image: url('../medias/icons/dual-marketing-Cursor-Click.svg');
}
.cicon-dual-marketing-Cursor-Dots {
    background-image: url('../medias/icons/dual-marketing-Cursor-Dots.svg');
}
.cicon-dual-marketing-Growth {
    background-image: url('../medias/icons/dual-marketing-Growth.svg');
}
.cicon-dual-marketing-Help {
    background-image: url('../medias/icons/dual-marketing-Help.svg');
}
.cicon-dual-marketing-ImageHeart {
    background-image: url('../medias/icons/dual-marketing-ImageHeart.svg');
}
.cicon-dual-marketing-Partners {
    background-image: url('../medias/icons/dual-marketing-Partners.svg');
}
.cicon-dual-marketing-Performance {
    background-image: url('../medias/icons/dual-marketing-Performance.svg');
}
.cicon-dual-marketing-Scale {
    background-image: url('../medias/icons/dual-marketing-Scale.svg');
}
.cicon-dual-marketing-Visibility {
    background-image: url('../medias/icons/dual-marketing-Visibility.svg');
}

/* ICONES COLORED */
.cicon-colored-business-AI {
    background-image: url('../medias/icons/colored-business-AI.svg');
}
.cicon-colored-business-Auctions {
    background-image: url('../medias/icons/colored-business-Auctions.svg');
}
.cicon-colored-business-Car-Battery {
    background-image: url('../medias/icons/colored-business-Car-Battery.svg');
}
.cicon-colored-business-Car-History {
    background-image: url('../medias/icons/colored-business-Car-History.svg');
}
.cicon-colored-business-Car-Insurance {
    background-image: url('../medias/icons/colored-business-Car-Insurance.svg');
}
.cicon-colored-business-Cloud-Upload {
    background-image: url('../medias/icons/colored-business-Cloud-Upload.svg');
}
.cicon-colored-business-Credit-Cards {
    background-image: url('../medias/icons/colored-business-Credit-Cards.svg');
}
.cicon-colored-business-Energy {
    background-image: url('../medias/icons/colored-business-Energy.svg');
}
.cicon-colored-business-Help {
    background-image: url('../medias/icons/colored-business-Help.svg');
}
.cicon-colored-business-Shield {
    background-image: url('../medias/icons/colored-business-Shield.svg');
}
.cicon-colored-business-Suitcase {
    background-image: url('../medias/icons/colored-business-Suitcase.svg');
}
.cicon-colored-business-Truck {
    background-image: url('../medias/icons/colored-business-Truck.svg');
}
.cicon-colored-business-User-Group {
    background-image: url('../medias/icons/colored-business-User-Group.svg');
}
.cicon-colored-business-Wallet {
    background-image: url('../medias/icons/colored-business-Wallet.svg');
}
.cicon-colored-business-Warranty {
    background-image: url('../medias/icons/colored-business-Warranty.svg');
}