/* =====================================================================
   Atelier Basiel: huisstijl voor de rest van de site
   Vervangt de oude screen.css van het thema Custom. Geldt voor de pagina's met de templates
   Default en Sidebar (tekstpagina's, account, aanmelden, checkout) en voor markup van Fork-modules
   (FieldBlocks, Profiles, Webshop, WebshopCheckout, FormBuilder, cookiemelding).
   Kleuren, lettertypes en vormen komen uit de variabelen van atelierbasiel.css.
   ===================================================================== */

/* ---------- Hulpklassen die de modules gebruiken ---------- */
.nodisplay, .js--hide { display: none; }
.reset { margin: 0; padding: 0; list-style: none; }
a.reset { text-decoration: none; }
.sticky { position: sticky; top: 24px; }

/* ---------- Knoppen ---------- */
/* Hoofdknop: diepgroen, volledig rond */
.btn--one, .btn-success, .btn--submit button, .btn--submit input,
.ab-inhoud button[type="submit"], .ab-inhoud input[type="submit"],
#privacyConsentDialog button[type="submit"] {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 52px; padding: 0 30px; border: 0; border-radius: var(--ab-radius-knop);
  background: var(--ab-groen); color: var(--ab-creme);
  font: inherit; font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer;
  transition: background 0.2s;
}
.btn--one:hover, .btn-success:hover, .btn--submit button:hover, .btn--submit input:hover,
.ab-inhoud button[type="submit"]:hover, .ab-inhoud input[type="submit"]:hover,
#privacyConsentDialog button[type="submit"]:hover { background: #1F3E34; color: var(--ab-creme); }
/* Tweede knop: groene omlijning */
.btn--two, .btn--four, .btn--transparent, .btn--arrow,
.ab-inhoud button[type="button"], .ab-inhoud input[type="button"] {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 24px; border: 1.5px solid var(--ab-groen); border-radius: var(--ab-radius-knop);
  background: transparent; color: var(--ab-groen);
  font: inherit; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer;
}
.btn--two:hover, .btn--four:hover, .btn--transparent:hover, .btn--arrow:hover,
.ab-inhoud button[type="button"]:hover, .ab-inhoud input[type="button"]:hover { background: var(--ab-groen); color: var(--ab-creme); }
/* Rode knop van het oude thema: in de huisstijl de goudknop */
.btn--red { display: inline-flex; align-items: center; min-height: 52px; padding: 0 30px; border-radius: var(--ab-radius-knop); background: var(--ab-goud-licht); color: var(--ab-groen); font-weight: 600; text-decoration: none; }
.btn--red:hover { background: #E0C594; color: var(--ab-groen); }
.btn--link { color: var(--ab-brons); font-weight: 600; }
button:disabled, input[type="submit"]:disabled { opacity: 0.45; cursor: not-allowed; }

/* ---------- Pagina's met template Default of Sidebar ---------- */
.ab-inhoud { display: flex; flex-direction: column; gap: 28px; }
.ab-inhoud > .kruimel { margin-bottom: 0; }

/* Typografie */
.ab-inhoud h1, .ab-inhoud .h1 { font-family: var(--ab-font-titel); font-weight: 600; font-size: clamp(38px, 4.2vw, 58px); line-height: 1.04; margin: 0 0 16px; color: var(--ab-groen); text-wrap: balance; }
.ab-inhoud h2, .ab-inhoud .h2 { font-family: var(--ab-font-titel); font-weight: 600; font-size: clamp(30px, 2.8vw, 40px); line-height: 1.1; margin: 32px 0 12px; color: var(--ab-groen); }
.ab-inhoud h3, .ab-inhoud .h3 { font-family: var(--ab-font-titel); font-weight: 600; font-size: 28px; line-height: 1.15; margin: 28px 0 10px; color: var(--ab-groen); }
.ab-inhoud h4 { font-family: var(--ab-font-titel); font-weight: 600; font-size: 24px; line-height: 1.2; margin: 0 0 14px; color: var(--ab-groen); }
.ab-inhoud h5, .ab-inhoud h6 { font-size: 16px; font-weight: 600; margin: 0 0 8px; color: var(--ab-groen); }
.ab-inhoud h1 em, .ab-inhoud h2 em, .ab-inhoud h3 em { font-style: italic; font-weight: 500; }
.ab-inhoud p { margin: 0 0 16px; line-height: 1.65; }
.ab-inhoud strong, .ab-inhoud b { font-weight: 600; }
.ab-inhoud a:not([class]) { color: var(--ab-brons); font-weight: 500; text-underline-offset: 3px; }
.ab-inhoud a:not([class]):hover { color: var(--ab-groen); }
.ab-inhoud hr { border: 0; border-top: 1px solid var(--ab-lijn); margin: 32px 0; }
.ab-inhoud blockquote { margin: 24px 0; padding-left: 24px; border-left: 3px solid var(--ab-goud); font-family: var(--ab-font-titel); font-style: italic; font-size: 24px; line-height: 1.35; }
.ab-inhoud img { max-width: 100%; height: auto; }

/* Lijsten in lopende tekst (niet in formulieren of navigatie) */
.block--text ul, .block--text ol, .item--content_inner ul, .item--content_inner ol { margin: 0 0 16px; padding-left: 22px; }
.block--text li, .item--content_inner li { margin: 6px 0; line-height: 1.6; }
.block--text ul li::marker, .item--content_inner ul li::marker { color: var(--ab-goud); }

/* Tabellen */
.ab-inhoud table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 15px; }
.ab-inhoud th, .ab-inhoud td { padding: 10px 12px; border-bottom: 1px solid var(--ab-lijn); text-align: left; vertical-align: top; }
.ab-inhoud th { font-weight: 600; color: var(--ab-groen); }

/* ---------- Inhoudsblokken (FieldBlocks) ---------- */
.block--text { max-width: 820px; }
.block--text_center { margin-left: auto; margin-right: auto; text-align: center; }
.block--text .item--content > :last-child { margin-bottom: 0; }
.template--image-text { display: flex; flex-wrap: wrap; align-items: center; gap: 32px 56px; margin: 24px 0; }
.template--image-text.switch { flex-direction: row-reverse; }
.template--image-text .item--image { flex: 1 1 420px; min-width: 0; }
.template--image-text .item--image img { width: 100%; height: auto; border-radius: var(--ab-radius-kaart); display: block; }
.template--image-text .item--content { flex: 1 1 380px; min-width: 0; }
.template--image-text .item--content_links { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 12px; }
.template--image-text.no--spacer { margin-bottom: 0; }
.field--block--category > h2 { font-family: var(--ab-font-titel); font-weight: 600; font-size: clamp(30px, 2.8vw, 40px); margin: 0 0 16px; }
.template--gallery, .template--images { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin: 24px 0; }
.template--gallery img, .template--images img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--ab-radius-kaart); display: block; }

/* ---------- Meldingen ---------- */
.alert { margin: 0 0 20px; padding: 14px 18px; border-radius: var(--ab-radius-kaart); border: 1px solid var(--ab-lijn-op-wit); background: var(--ab-wit); font-size: 15px; line-height: 1.5; color: var(--ab-groen); }
.alert p { margin: 0; }
.alert p + p { margin-top: 6px; }
.alert-error, .alert-danger { background: #F7E9E4; border-color: #E2B9AC; }
.alert-success { background: var(--ab-groen); border-color: var(--ab-groen); color: var(--ab-creme); }
.alert-success a { color: var(--ab-goud-licht); }
.alert-info, .alert-warning { background: var(--ab-zand); border-color: var(--ab-lijn); }
.alert-xs { padding: 10px 14px; font-size: 14px; }
.formError, .form--error, span.formError { display: block; margin-top: 6px; font-size: 14px; font-weight: 600; color: #9A3B22; }
.options--list > .form--error { margin: 4px 0 0; }
.ab-inhoud h4 .optioneel { font-family: var(--ab-font-tekst); font-size: 14px; font-weight: 400; color: var(--ab-grijs); }
.ab-inhoud .fields > h4 + .help--block { margin-top: -10px; }

/* Melding "toegevoegd aan je winkelmand" (template Default) */
.alert-fixed { position: fixed; inset: 0; z-index: -1; opacity: 0; transition: opacity 0.2s; pointer-events: none; }
.alert-fixed.active { z-index: 1000; opacity: 1; pointer-events: auto; background: rgba(18, 33, 29, 0.55); }
.alert-fixed .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 32px); max-width: 640px; }
.alert-fixed .item--box { padding: 32px; border-radius: var(--ab-radius-kaart); background: var(--ab-creme); }
.alert-fixed .item--actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 20px; }
.alert-fixed .icon-close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; cursor: pointer; }
.alert-fixed .icon-close::before { content: '\00D7'; display: block; text-align: center; font-size: 28px; line-height: 36px; font-style: normal; color: var(--ab-groen); }

/* ---------- Formulieren ---------- */
.ab-inhoud form > *, .ab-inhoud fieldset { min-width: 0; }
.ab-inhoud fieldset { margin: 0 0 28px; padding: 0; border: 0; }
.ab-inhoud fieldset.block { padding: 24px; border: 1px solid var(--ab-lijn-op-wit); border-radius: var(--ab-radius-kaart); background: var(--ab-wit); }
.ab-inhoud legend { padding: 0; font-family: var(--ab-font-titel); font-weight: 600; font-size: 24px; }
.fields { display: flex; flex-direction: column; gap: 16px; }
.field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.field > label, .field--text > label, .ab-inhoud .field label:not(:has(input)) { font-size: 14px; font-weight: 600; color: var(--ab-groen); }
.field label abbr { color: var(--ab-brons); text-decoration: none; border: 0; margin-left: 2px; }
.input--wrapper { position: relative; display: flex; flex-direction: column; }
.help--block, .help-block { margin: 4px 0 0; font-size: 13px; color: var(--ab-grijs); }
.field--columns { display: flex; flex-wrap: wrap; gap: 16px; }
.field--columns > .field, .field--columns > .field--col { flex: 1 1 100%; min-width: 0; }
.field--col.col--half { flex: 1 1 calc(50% - 8px); }
.field--col.col--onethird { flex: 1 1 calc(33.333% - 11px); }
.field--col.col--twothird { flex: 2 1 calc(66.666% - 6px); }
.field--col > .field { height: 100%; }

.ab-inhoud input[type="text"], .ab-inhoud input[type="email"], .ab-inhoud input[type="password"],
.ab-inhoud input[type="tel"], .ab-inhoud input[type="number"], .ab-inhoud input[type="url"],
.ab-inhoud input[type="date"], .ab-inhoud input[type="search"], .ab-inhoud input:not([type]),
.ab-inhoud select, .ab-inhoud textarea {
  width: 100%; min-height: 50px; padding: 0 14px; box-sizing: border-box;
  border: 1.5px solid var(--ab-rand-veld); border-radius: var(--ab-radius-veld);
  background: var(--ab-wit); color: var(--ab-groen); font: inherit; font-size: 16px;
}
.ab-inhoud textarea { min-height: 120px; padding: 12px 14px; resize: vertical; line-height: 1.5; }
.ab-inhoud select { padding-right: 36px; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 L6 8 L9.5 4.5' stroke='%2312211D' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.ab-inhoud input:focus, .ab-inhoud select:focus, .ab-inhoud textarea:focus { outline: 2px solid var(--ab-goud); outline-offset: 1px; border-color: var(--ab-groen); }
.ab-inhoud ::placeholder { color: #8C8273; }
.ab-inhoud .input-error input, .ab-inhoud .input-error select, .ab-inhoud .input-error textarea,
.ab-inhoud input.inputTextError, .ab-inhoud input.danger { border-color: #9A3B22; }

/* Keuzelijsten (radio en checkbox) */
.options--list ul { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.options--list li { margin: 0; padding: 0; }
.options--list li::before { content: none; }
.options--list label, .field.checkbox label { display: flex; align-items: flex-start; gap: 12px; min-height: 44px; padding: 10px 0; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 1.45; }
.options--list input[type="radio"], .options--list input[type="checkbox"], .field.checkbox input[type="checkbox"] { flex: 0 0 auto; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ab-groen); }
.options--radio label { padding: 14px 16px; border: 1.5px solid var(--ab-lijn); border-radius: var(--ab-radius-kaart); background: var(--ab-wit); }
.options--radio label:has(input:checked) { border-color: var(--ab-groen); }
.options--list .description { padding: 0 0 8px 32px; font-size: 14px; color: var(--ab-grijs); }

/* Knoppenrij onder formulieren */
.cart--actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 8px; }
.cart--actions .continue a:not([class]) { font-size: 15px; font-weight: 600; }

/* Twee kolommen (aanmelden, nieuw bij Atelier Basiel) */
.two--columns { display: flex; flex-wrap: wrap; gap: 32px 56px; }
.two--columns > .col--left, .two--columns > .col--right { flex: 1 1 360px; min-width: 0; }
.two--columns > .col--right { padding: 28px; border-radius: var(--ab-radius-kaart); background: var(--ab-zand); align-self: flex-start; }
.two--columns h3 { margin-top: 0; }
.container--small { max-width: 980px; }

/* ---------- Checkout ---------- */
.checkout--wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px 56px; }
.checkout--wrapper_left { flex: 999 1 560px; min-width: 0; }
.checkout--wrapper_right { flex: 1 1 340px; max-width: 440px; min-width: 0; }
.checkout--steps ol { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 28px; padding: 0; list-style: none; counter-reset: stap; font-size: 15px; color: var(--ab-grijs); }
.checkout--steps li { display: flex; align-items: center; gap: 10px; counter-increment: stap; }
.checkout--steps li::before { content: counter(stap); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--ab-rand-veld); border-radius: 50%; font-family: var(--ab-font-titel); font-style: italic; font-weight: 500; font-size: 18px; }
.checkout--steps li + li { padding-left: 0; }
.checkout--steps li + li::after { content: none; }
.checkout--steps li.selected { color: var(--ab-groen); font-weight: 600; }
.checkout--steps li.selected::before { background: var(--ab-groen); border-color: var(--ab-groen); color: var(--ab-creme); }
.checkout--steps li.done::before { border-color: var(--ab-goud); color: var(--ab-brons); }
.checkout--steps a { color: inherit; }

/* Winkelmand in de zijbalk van de checkout */
.webshop--sidebar { padding: 28px; border: 1px solid var(--ab-lijn-op-wit); border-radius: var(--ab-radius-kaart); background: var(--ab-wit); }
.webshop--sidebar .item--header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.webshop--sidebar .item--title .h3 { font-family: var(--ab-font-titel); font-weight: 600; font-size: 28px; }
.basket--overview { display: flex; flex-direction: column; }
.basket--item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-top: 1px solid var(--ab-lijn-op-wit); }
.basket--item .item--image { flex: 0 0 64px; }
.basket--item .item--image img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; display: block; }
.basket--item .item--title { flex: 1 1 auto; min-width: 0; font-size: 15px; font-weight: 600; }
.basket--item .item--title ul { margin: 4px 0 0; padding: 0; list-style: none; font-size: 14px; font-weight: 400; color: var(--ab-grijs); }
.basket--item .item--title li span { font-weight: 600; color: var(--ab-groen); }
.basket--item .item--price { flex: 0 0 auto; font-weight: 600; white-space: nowrap; }
.basket--totals { display: flex; flex-direction: column; gap: 10px; padding-top: 14px; border-top: 1px solid var(--ab-lijn-op-wit); }
.line--item { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; font-size: 15px; }
.line--item .value { font-weight: 600; text-align: right; }
.line--item .item--info { flex-basis: 100%; font-size: 13px; color: var(--ab-grijs); }
.line--item_small { font-size: 13px; color: var(--ab-grijs); }
.line--item_small .value { font-weight: 400; }
.total--item { padding-top: 12px; border-top: 1px solid var(--ab-lijn-op-wit); }
.total--item .label { font-weight: 600; }
.total--item .value { font-family: var(--ab-font-tekst); font-weight: 600; font-size: 24px; line-height: 1.1; }

/* Afhaalpunten */
.pickup-points { display: none; padding: 24px; border-radius: var(--ab-radius-kaart); background: var(--ab-zand); }
.selected-pickup-point { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--ab-lijn); }
.field--pickup-points-inner { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.field--pickup-points-inner .field { flex: 1 1 180px; }
.field--pickup-points-submit { position: relative; }
.field--pickup-points-submit .spinner { display: none; position: absolute; inset: 0; align-items: center; justify-content: center; }
.pickup-points-empty, .pickup-points-error, .pickup-points-invalid { display: none; margin-top: 12px; }
#pickupPointsList { display: none; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--ab-lijn); }
#pickupPointsList.active { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.pickup-points-option { position: relative; padding: 14px 14px 14px 44px; border: 1.5px solid var(--ab-lijn); border-radius: var(--ab-radius-kaart); background: var(--ab-wit); cursor: pointer; }
.pickup-points-option::before { content: ''; position: absolute; top: 16px; left: 14px; width: 18px; height: 18px; border: 1.5px solid var(--ab-rand-veld); border-radius: 50%; }
.pickup-points-option.active { border-color: var(--ab-groen); }
.pickup-points-option.active::after { content: ''; position: absolute; top: 21px; left: 19px; width: 10px; height: 10px; border-radius: 50%; background: var(--ab-groen); }
.pickup-points-more { margin-top: 12px; }
.pickup-points-option h5 { margin: 0 0 4px; }
.pickup-points-option p { margin: 0; font-size: 14px; }
.pickup-points-carrier { display: inline-block; margin: 0 6px 6px 0; padding: 2px 10px; border-radius: var(--ab-radius-knop); background: var(--ab-groen); color: var(--ab-creme); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }

/* ---------- Account: dashboard en bestellingen ---------- */
.dashboard--welcome { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 28px; border-radius: var(--ab-radius-kaart); background: var(--ab-zand); font-family: var(--ab-font-titel); font-weight: 600; font-size: 28px; }
.orders--list { display: flex; flex-direction: column; border-top: 1px solid var(--ab-lijn); }
.orders--list_item { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding: 18px 0; border-bottom: 1px solid var(--ab-lijn); }
.orders--list_item .ordernumber { font-weight: 600; }
.orders--list_item .orderdate { display: flex; gap: 16px; color: var(--ab-grijs); }
.orders--list_item .orderdetails { margin-left: auto; }
.orders--list_item .item--order { display: none; flex-basis: 100%; padding: 16px 20px; border-radius: var(--ab-radius-kaart); background: var(--ab-wit); }
.order--status { display: inline-block; padding: 4px 12px; border-radius: var(--ab-radius-knop); font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; background: var(--ab-zand); }
.order--status_payed { background: var(--ab-groen); color: var(--ab-creme); }
.order--status_notpayed { background: #F7E9E4; }

/* Zijbalk met submenu (template Sidebar) */
.ab-zijbalk-pagina { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px 56px; }
.ab-zijbalk { flex: 1 1 240px; max-width: 300px; min-width: 0; }
.ab-zijbalk h2 { margin: 0 0 12px; font-family: var(--ab-font-titel); font-weight: 600; font-size: 26px; }
.ab-zijbalk ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ab-lijn); }
.ab-zijbalk li { border-bottom: 1px solid var(--ab-lijn); }
.ab-zijbalk a { display: flex; align-items: center; min-height: 48px; color: var(--ab-groen); text-decoration: none; font-weight: 500; }
.ab-zijbalk a:hover, .ab-zijbalk .selected > a { color: var(--ab-brons); font-weight: 600; }
.ab-zijbalk-inhoud { flex: 999 1 560px; min-width: 0; }

/* ---------- Paginering (niet-AJAX) ---------- */
.paging ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.paging a, .paging span { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1.5px solid var(--ab-lijn); border-radius: var(--ab-radius-knop); background: var(--ab-wit); color: var(--ab-groen); font-weight: 600; text-decoration: none; }
.paging .currentPage span { background: var(--ab-groen); border-color: var(--ab-groen); color: var(--ab-creme); }

/* ---------- Cookiemelding ---------- */
#privacyConsentDialog { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 900; max-width: 560px; margin-left: auto; }
#privacyConsentDialog .inner { padding: 24px; border-radius: var(--ab-radius-kaart); background: var(--ab-groen); color: var(--ab-creme); font-size: 15px; line-height: 1.55; }
#privacyConsentDialog h5 { margin: 0 0 8px; font-family: var(--ab-font-titel); font-weight: 600; font-size: 24px; color: var(--ab-creme); }
#privacyConsentDialog a { color: var(--ab-goud-licht); }
#privacyConsentDialog .item--footer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 16px; }
#privacyConsentDialog button[type="submit"] { background: var(--ab-goud-licht); color: var(--ab-groen); }
#privacyConsentDialog button[type="submit"]:hover { background: #E0C594; color: var(--ab-groen); }
#privacyConsentDialog .item--categories { display: none; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--ab-groen-lijn); }
#privacyConsentDialog .options--list label { color: var(--ab-creme); }
#privacyConsentDialog .options--list .description { color: var(--ab-grijs-op-donker); }

/* ---------- Mobiel ---------- */
@media (max-width: 720px) {
  .field--col.col--half, .field--col.col--onethird, .field--col.col--twothird { flex-basis: 100%; }
  .ab-inhoud fieldset.block { padding: 18px; }
  .two--columns > .col--right { padding: 20px; }
  .checkout--wrapper_right { max-width: none; }
  .sticky { position: static; }
  .ab-zijbalk { max-width: none; }
  .dashboard--welcome { font-size: 24px; }
}