@st-import [ setColor, setFont, setVar ] from "../../common/formatters.st";

.dayFontSizeOverride {
  -st-mixin:
    setFont(--wix-ui-tpa-weekly-date-picker-day-font, null, 'Body-M',  '{"size": "24px", "line-height": "1.5em"}')
}

.selectedDayBorderRadius{
  -st-mixin:
    setVar(--wix-ui-tpa-weekly-date-picker-selected-day-border-radius, null, px, 0)
}

.allIndications{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.indication{
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background-color: #7247FF;
}

.styled {
  --lightyellow: 255,255,224;
  --orange: 255,165,0;
  --red: 255,0,0;
  --pink: 255,192,203;
  --brown: 165,42,42;
  --blue: 0,0,255;
  --lightblue: 173,216,230;
  --lightgrey: 211,211,211;
  -st-mixin:
    setColor(--wix-ui-tpa-weekly-date-picker-background-color, null, var(--lightyellow)),
    setColor(--wix-ui-tpa-weekly-date-picker-navigation-arrows-color, null, var(--orange)),
    setFont(--wix-ui-tpa-weekly-date-picker-month-and-year-caption-font, null, 'Body-M',  '{"size": "20px", "line-height": "2"}')
    setColor(--wix-ui-tpa-weekly-date-picker-month-and-year-caption-color, null, var(--red)),
    setColor(--wix-ui-tpa-weekly-date-picker-weekday-text-color, null, var(--pink)),
    setFont(--wix-ui-tpa-weekly-date-picker-day-font, null, 'Body-M',  '{"size": "25px", "line-height": "2"}'),
    setColor(--wix-ui-tpa-weekly-date-picker-day-color, null, var(--brown)),
    setColor(--wix-ui-tpa-weekly-date-picker-selected-day-color, null, var(--blue)),
    setColor(--wix-ui-tpa-weekly-date-picker-selected-day-bg-color, null, var(--lightblue)),
    setVar(--wix-ui-tpa-weekly-date-picker-selected-day-border-radius, null, '%', 15),
    setColor(--wix-ui-tpa-weekly-date-picker-disabled-day-color, null, var(--lightgrey)),
}

.wstOverrideBackground {
  -st-mixin:
    setVar(--wst-primary-background-color-rgb, null, null, '255,120,120');
}

.wstOverrideText {
  -st-mixin:
    setVar(--wst-paragraph-2-color-rgb, null, null, '255,120,120');
}

.wstOverrideFont {
  -st-mixin:
    setVar(--wst-paragraph-2-font-weight, null, null, "900"),
    setVar(--wst-paragraph-2-font-variant, null, null, "small-caps"),
    setVar(--wst-paragraph-2-font-style, null, null, "italic"),
    setVar(--wst-paragraph-2-font-size, null, px, "22"),
    setVar(--wst-paragraph-2-font-family, null, null, "Libre Baskerville");
}

/* st-namespace-reference="../../../../../src/components/WeeklyDatePicker/WeeklyDatePicker.visual.st.css" */