/* BMW C1 Club: automatic seasons and Italian occasions.
   Load after site-pagine.css / forum-stile.css. Presentation only.
   Existing typography, logo image, flag strip, content and controls are retained. */

html[data-c1-palette="winter"],
html[data-c1-theme="winter"],
html:not([data-c1-palette]):not([data-c1-theme])[data-c1-season="winter"] {
  --c1-deep: #17354b;
  --c1-nav: #23465f;
  --c1-accent: #286b8d;
  --c1-hover: #1a536f;
  --c1-soft: #edf4f8;
  --c1-surface: #fcfdff;
  --c1-border: #d6e1e8;
  --c1-light: #e2eef5;
  --c1-ink: #243e50;
  --c1-muted: #586e7f;
  --c1-gold: #b0d6e8;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%23286b8d%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M55%2024v72M24%2042l62%2036M24%2078l62-36M46%2032l9%209%209-9M33%2042l3%2012-12%203M33%2078l12-3%203%2012M64%2087l-9-9-9%209M78%2078l-3-12%2012-3M78%2042l-12%203-3-12M131%2060v42M113%2071l36%2021M113%2092l36-21%22%2F%3E%3Ccircle%20cx%3D%22145%22%20cy%3D%2228%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2289%22%20cy%3D%22112%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="spring"],
html[data-c1-theme="spring"],
html:not([data-c1-palette]):not([data-c1-theme])[data-c1-season="spring"] {
  --c1-deep: #193e34;
  --c1-nav: #2b5144;
  --c1-accent: #316e55;
  --c1-hover: #24583f;
  --c1-soft: #f0f6ef;
  --c1-surface: #fdfffb;
  --c1-border: #d8e4d6;
  --c1-light: #e6f0df;
  --c1-ink: #2c4439;
  --c1-muted: #5d7465;
  --c1-gold: #d9c78a;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%23316e55%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M33%20111c27-14%2046-44%2058-85M60%2086c-18%202-29-6-31-19%2015-2%2025%204%2031%2019M77%2060c16%202%2027-6%2030-19-15-1-25%205-30%2019M84%2092c18-5%2032-15%2044-32M104%2077c4%2017%2015%2023%2028%2020-3-15-13-22-28-20%22%2F%3E%3Cpath%20d%3D%22M135%2031c-14-16-24%201-9%209-15%205-7%2023%207%2014-1%2017%2019%2017%2018%200%2014%209%2022-9%207-14%2015-8%205-25-9-9-6-15-20-15-14%200Z%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="summer"],
html[data-c1-theme="summer"],
html:not([data-c1-palette]):not([data-c1-theme])[data-c1-season="summer"],
html[data-c1-theme="ferragosto"] {
  --c1-deep: #103b4d;
  --c1-nav: #185066;
  --c1-accent: #006d85;
  --c1-hover: #00566b;
  --c1-soft: #eff7f8;
  --c1-surface: #fffefa;
  --c1-border: #d4e4e4;
  --c1-light: #e1f0ef;
  --c1-ink: #254551;
  --c1-muted: #5b747d;
  --c1-gold: #ead18d;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%23006d85%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Ccircle%20cx%3D%22121%22%20cy%3D%2250%22%20r%3D%2222%22%2F%3E%3Cpath%20d%3D%22M121%2013v-8M121%2095v-8M84%2050h-8M166%2050h-8M95%2024l-6-6M153%2082l-6-6M95%2076l-6%206M153%2018l-6%206M22%20104c17-13%2030%2012%2048%200s31%2012%2049%200%2031%2012%2049%200M34%20116c14-10%2024%209%2038%200s24%209%2038%200%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="autumn"],
html[data-c1-theme="autumn"],
html:not([data-c1-palette]):not([data-c1-theme])[data-c1-season="autumn"] {
  --c1-deep: #293b32;
  --c1-nav: #354c3d;
  --c1-accent: #92522f;
  --c1-hover: #713c23;
  --c1-soft: #f6f1e9;
  --c1-surface: #fffdfa;
  --c1-border: #e3daca;
  --c1-light: #f2e4d2;
  --c1-ink: #354237;
  --c1-muted: #6a7063;
  --c1-gold: #d7b775;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%2392522f%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M24%2099c20-26%2042-36%2057-61%205%2031-6%2055-35%2063M44%2082l28-32M99%2094c4-24%2015-39%2042-52%204%2029-9%2050-34%2055M108%2083l24-28M136%20113c19-5%2032-17%2039-40%2014%2020%207%2037-18%2042%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="christmas"],
html[data-c1-theme="christmas"],
html[data-c1-theme="immacolata"],
html[data-c1-theme="santo-stefano"] {
  --c1-deep: #123f2d;
  --c1-nav: #1c513b;
  --c1-accent: #8d2837;
  --c1-hover: #6f1b28;
  --c1-soft: #f5f2e9;
  --c1-surface: #fffef9;
  --c1-border: #dfd8c2;
  --c1-light: #f3e4df;
  --c1-ink: #2a4337;
  --c1-muted: #657366;
  --c1-gold: #d7ba72;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%238d2837%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22m127%2018%206%2017%2018%201-14%2011%205%2017-15-10-15%2010%205-17-14-11%2018-1ZM48%2048l4%2011%2012%201-10%207%203%2011-9-6-10%206%203-11-9-7%2012-1ZM91%2085l3%208%209%201-7%205%202%209-7-5-7%205%203-9-7-5%208-1Z%22%2F%3E%3Cpath%20d%3D%22M16%20113c44-6%2088-8%20146-2M22%20108l8-10M39%20109l10-11M60%20108l9-12M80%20108l8-12M100%20109l8-12M121%20109l8-11M143%20110l8-10%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="gold"],
html[data-c1-theme="new-year"],
html[data-c1-theme="epiphany"] {
  --c1-deep: #1e3039;
  --c1-nav: #2b404a;
  --c1-accent: #806027;
  --c1-hover: #62481a;
  --c1-soft: #f7f4eb;
  --c1-surface: #fffefb;
  --c1-border: #e4dcc7;
  --c1-light: #f2e8ca;
  --c1-ink: #36434a;
  --c1-muted: #6b716d;
  --c1-gold: #dfc580;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%23806027%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M60%2029v35M43%2046h35M48%2034l24%2024M48%2058l24-24M132%2066v35M115%2083h35M120%2071l24%2024M120%2095l24-24M108%2021v15M101%2028h15M39%2099v15M32%20106h15%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%2231%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%2289%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="halloween"],
html[data-c1-theme="halloween"] {
  --c1-deep: #25252e;
  --c1-nav: #34313e;
  --c1-accent: #92502a;
  --c1-hover: #713b1c;
  --c1-soft: #f4efe9;
  --c1-surface: #fffcf8;
  --c1-border: #e2d7cb;
  --c1-light: #f3dfca;
  --c1-ink: #3e3a41;
  --c1-muted: #726b6c;
  --c1-gold: #e1ad67;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%2392502a%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M132%2023a29%2029%200%201%200%2030%2039%2025%2025%200%200%201-30-39ZM34%20111c-14-6-15-28-3-37%2010-6%2018-5%2025%200%2013-4%2024%202%2025%2015%203%2014-8%2024-22%2023M48%2073c-1-10%204-16%2012-18M49%2075c-8%2012-8%2024-1%2036M58%2076c9%209%2010%2023%203%2034M100%2022v12M94%2028h12M98%2094v14M91%20101h14%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="easter"],
html[data-c1-theme="easter"],
html[data-c1-theme="pasquetta"],
html[data-c1-theme="good-friday"] {
  --c1-deep: #293f35;
  --c1-nav: #3c5548;
  --c1-accent: #705083;
  --c1-hover: #553a65;
  --c1-soft: #f2f5ec;
  --c1-surface: #fffef9;
  --c1-border: #dce2cf;
  --c1-light: #eee4f0;
  --c1-ink: #35463c;
  --c1-muted: #677465;
  --c1-gold: #d5c780;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%23705083%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M33%2073c-6-22%208-50%2021-50s28%2028%2022%2050c-5%2021-38%2021-43%200ZM34%2063c12%208%2026%208%2041%200M35%2050l9-4%2010%205%209-5%2010%204M111%20105c-13-18-6-48%205-53s34%2015%2035%2037c1%2023-26%2035-40%2016ZM108%2082l37-13M114%20103l34-12M24%20116c46-4%2092-3%20143-3%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="carnival"],
html[data-c1-theme="carnival"] {
  --c1-deep: #30243f;
  --c1-nav: #473755;
  --c1-accent: #7d3d73;
  --c1-hover: #622a5a;
  --c1-soft: #f4f0f6;
  --c1-surface: #fffdfa;
  --c1-border: #e3d7e7;
  --c1-light: #efdfeb;
  --c1-ink: #45354e;
  --c1-muted: #786a7b;
  --c1-gold: #dac185;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%237d3d73%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M31%2024c24%201%2027%2024%208%2032s-21%2028-3%2039M90%2022c-17%207-19%2025-4%2035s17%2025%202%2035M138%2034c23%205%2025%2024%208%2035s-16%2023%200%2033M58%2034l6%204M121%2018l-4%207M63%2095l3%207M23%20112l7-2M118%20112l-4-6%22%2F%3E%3Ccircle%20cx%3D%2273%22%20cy%3D%2266%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22163%22%20cy%3D%2221%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="italia"],
html[data-c1-theme="liberation"],
html[data-c1-theme="labour"],
html[data-c1-theme="republic"] {
  --c1-deep: #123d2c;
  --c1-nav: #20543d;
  --c1-accent: #276b4b;
  --c1-hover: #1b5339;
  --c1-soft: #f0f5ef;
  --c1-surface: #fffefb;
  --c1-border: #d9e3d5;
  --c1-light: #e4eee0;
  --c1-ink: #2a4537;
  --c1-muted: #657568;
  --c1-gold: #c69b6e;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%23276b4b%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M34%20108c18-40%2049-67%20102-78M43%2089c-14-8-18-21-11-33%2014%206%2019%2018%2011%2033M65%2064c-7-14-4-26%208-34%2010%2012%209%2024-8%2034M90%2045c2-17%2010-26%2025-25%201%2016-7%2024-25%2025M61%2071c17%203%2028-2%2033-15-15-6-26-2-33%2015M38%20115c45-6%2088-7%20132-3%22%2F%3E%3C%2Fsvg%3E");
}

html[data-c1-palette="olive"],
html[data-c1-theme="all-saints"],
html[data-c1-theme="san-francesco"] {
  --c1-deep: #313c2a;
  --c1-nav: #46523b;
  --c1-accent: #606c39;
  --c1-hover: #48542a;
  --c1-soft: #f3f3eb;
  --c1-surface: #fffefb;
  --c1-border: #dedfce;
  --c1-light: #ecebd8;
  --c1-ink: #3d4734;
  --c1-muted: #6e7561;
  --c1-gold: #c5b77d;
  --c1-pattern: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20130%22%20fill%3D%22none%22%20stroke%3D%22%23606c39%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.17%22%3E%3Cpath%20d%3D%22M30%20112c39-11%2068-38%20101-87M61%2096c-22%202-32-6-34-22%2017-3%2029%204%2034%2022M76%2082c-8-20-4-33%2010-40%209%2016%206%2029-10%2040M94%2066c17%206%2031%202%2038-12-15-9-28-5-38%2012M114%2043c-6-17-2-28%2011-34%208%2014%205%2025-11%2034M58%20115c29-2%2051-10%2080-34M114%2098c15%207%2028%204%2036-8-12-9-25-7-36%208%22%2F%3E%3C%2Fsvg%3E");
}


/* Colours: carefully scoped to the portal and the modern forum header. */
html[data-c1-theme] body {
  background-color: var(--c1-soft, #edf1f4);
  background-image: linear-gradient(135deg, #ffffff55, transparent 52%);
  background-attachment: fixed;
}
html[data-c1-theme] :is(.topbar, .footer),
html[data-c1-theme] body.c1f-page .c1f-topbar {
  background-color: var(--c1-deep);
}
html[data-c1-theme] :is(.masthead, .c1f-header) {
  background-color: var(--c1-surface);
  background-image: var(--c1-pattern), linear-gradient(100deg, #fff 55%, var(--c1-soft));
  background-position: right 28px center, center;
  background-size: 180px 130px, auto;
  background-repeat: no-repeat;
}
html[data-c1-theme] :is(.nav, .c1f-navrow > td) {
  background-color: var(--c1-nav);
  border-bottom-color: var(--c1-accent);
}
html[data-c1-theme] .nav :is(a:hover, a.active, .nav-forum) {
  background-color: var(--c1-accent);
  color: #fff;
}
html[data-c1-theme] .nav a,
html[data-c1-theme] .nav a:visited { color: #fff; }
html[data-c1-theme] :is(.head-right a, .bluebtn, .sidebar-forum > a),
html[data-c1-theme] body.c1f-page :is(.c1f-portal, input[type="submit"], input[type="button"]) {
  background-color: var(--c1-nav);
  border-color: var(--c1-nav);
  color: #fff;
}
html[data-c1-theme] :is(.head-right a:hover, .bluebtn:hover, .sidebar-forum > a:hover),
html[data-c1-theme] body.c1f-page :is(.c1f-portal:hover, input[type="submit"]:hover, input[type="button"]:hover) {
  background-color: var(--c1-deep);
  color: #fff;
}
html[data-c1-theme] :is(.panel, .forum-directory, .story, .content-card, .archive-card, .model-card, .page-section) {
  border-color: var(--c1-border);
}
html[data-c1-theme] :is(.forum-category, .quick .ico, .menu .ico, .datebox, .pollnote, .historical-note, .archive-note) {
  background-color: var(--c1-soft);
  border-color: var(--c1-border);
}
html[data-c1-theme] :is(.forum-category:hover, .quick a:hover, .menu a:hover, .section-menu > a:hover) {
  background-color: var(--c1-light);
  border-color: var(--c1-accent);
}
html[data-c1-theme] :is(.ico, .category-icon, .textlink, .overline, .meta,
  .sectiontitle > a, .directory-heading > a, .forum-more a,
  .page-content a, .resource-list a, .breadcrumbs a, .community-line svg) {
  color: var(--c1-accent);
}
html[data-c1-theme] :is(.ptitle::before, .tag) { background-color: var(--c1-accent); }
html[data-c1-theme] :is(.community-card, .clubnote) { border-color: var(--c1-border); }
html[data-c1-theme] .community-card { border-top-color: var(--c1-accent); }
html[data-c1-theme] .clubnote { border-left-color: var(--c1-accent); }
html[data-c1-theme] :is(.community-card, .clubnote) {
  background-image: linear-gradient(130deg, var(--c1-surface), #fff 80%);
}
html[data-c1-theme] :is(.tech, .sidebar-forum, .forum) {
  background-image: linear-gradient(115deg, var(--c1-deep), var(--c1-nav));
  border-top-color: var(--c1-accent);
}
html[data-c1-theme] :is(.tech small, .forum .eyebrow, .sidebar-forum .overline) { color: var(--c1-gold); }
html[data-c1-theme] :is(.tech a, .tech a:visited) { color: var(--c1-deep); }
html[data-c1-theme] :is(.tabs button[aria-pressed="true"], .tabs button[aria-selected="true"], .filter button[aria-pressed="true"]) {
  background-color: var(--c1-nav);
  border-color: var(--c1-nav);
  color: #fff;
}
html[data-c1-theme] .page-intro {
  border-color: var(--c1-border);
  border-left-color: var(--c1-accent);
  background-image: linear-gradient(110deg, #fff 30%, var(--c1-soft));
}
html[data-c1-theme] .page-intro > a { border-color: var(--c1-border); color: var(--c1-accent); }
html[data-c1-theme] .page-intro > a:hover { background-color: var(--c1-light); }
html[data-c1-theme] .section-menu > a[aria-current] {
  background-color: var(--c1-soft);
  color: var(--c1-accent);
  box-shadow: inset 3px 0 var(--c1-accent);
}
html[data-c1-theme] :is(.page-actions > a, .private-albums, .data-table th) {
  background-color: var(--c1-soft);
  border-color: var(--c1-border);
}
html[data-c1-theme] .data-table thead th { background-color: var(--c1-nav); color: #fff; }
html[data-c1-theme] .hero.forumhero { background-color: var(--c1-deep); }
html[data-c1-theme] .forumhero::after {
  background: linear-gradient(90deg, #081d24ed 0%, #0b2730b5 36%, #0b273040 68%, #132e2505 100%), linear-gradient(0deg, #09201b50, transparent 70%);
}
html[data-c1-theme] :is(.hero-club, .hero-stamp) { color: #fff6df; }
html[data-c1-theme] .hero-stamp { border-color: #f3e0b870; }
html[data-c1-theme] .hero-actions .forum-primary { color: var(--c1-deep); }
html[data-c1-theme] .hero-actions .forum-primary:hover { color: var(--c1-deep); background-color: #fff9ed; }
html[data-c1-theme] .hero-bottom { background-color: #142b275e; }
html[data-c1-theme] :is(.sectiontitle, .strip, .forum-more, .page-end) { border-color: var(--c1-border); }
html[data-c1-theme] :is(.strip b, .signature) { color: var(--c1-nav); }
html[data-c1-theme] :is(.story a:hover, .textlink:hover, .page-content a:hover) { color: var(--c1-hover); }
html[data-c1-theme] :is(a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible) {
  outline-color: var(--c1-accent);
}
/* Keep small legacy inline colours readable without changing text or controls. */
html[data-c1-theme] body.c1f-page { color: var(--c1-ink); }
html[data-c1-theme] body.c1f-page a:link { color: var(--c1-accent); }
html[data-c1-theme] body.c1f-page a:visited { color: var(--c1-hover); }
html[data-c1-theme] body.c1f-page a:hover { color: var(--c1-hover); }
html[data-c1-theme] body.c1f-page font[color="midnightblue" i],
html[data-c1-theme] body.c1f-page font[color="darkblue" i] { color: var(--c1-ink) !important; }
html[data-c1-theme] body.c1f-page td[bgcolor="whitesmoke" i] {
  background-color: var(--c1-surface);
}
html[data-c1-theme] body.c1f-page td[bgcolor="black" i] { background-color: var(--c1-border); }
html[data-c1-theme] body.c1f-page td[bgcolor="slateblue" i] {
  background-color: var(--c1-light);
  background-image: none;
  color: var(--c1-ink);
}
html[data-c1-theme] body.c1f-page td[bgcolor="midnightblue" i] {
  background-color: var(--c1-nav);
  background-image: none;
  color: #fff;
}
html[data-c1-theme] body.c1f-page td[bgcolor="midnightblue" i] :is(font, a, a:visited) {
  color: #fff !important;
}
html[data-c1-theme] body.c1f-page .c1f-navrow > td {
  background-color: var(--c1-nav);
  border-bottom-color: var(--c1-accent);
  color: #f0f5f0;
}
html[data-c1-theme] body.c1f-page .c1f-navrow a,
html[data-c1-theme] body.c1f-page .c1f-navrow a:visited { color: #fff !important; }
html[data-c1-theme] body.c1f-page .c1f-navrow a:hover { color: #fff4d8 !important; }
html[data-c1-theme] body.c1f-page .c1f-brand,
html[data-c1-theme] body.c1f-page .c1f-brand:visited { color: #20384e; }
html[data-c1-theme] body.c1f-page .c1f-portal,
html[data-c1-theme] body.c1f-page .c1f-portal:visited { color: #fff; }

/* Automatic themes remain active; their names stay hidden at the user's request. */
.c1-season-label {
  display: none !important;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid var(--c1-border, #d6e1e8);
  border-radius: 20px;
  background-color: var(--c1-surface, #fff);
  color: var(--c1-accent, #286b8d);
  font-family: inherit;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .2px;
  line-height: 1.5;
}
.c1-season-label::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: var(--c1-accent, #286b8d);
}
/* The rotating photo replaces the existing image, keeping the hero's dimensions. */
.c1-hero-rotator { position: relative; }
.c1-hero-rotator > img,
.c1-hero-rotator .c1-rotation-image {
  transition: opacity .45s ease;
}
.c1-hero-rotator > img.c1-photo-changing,
.c1-hero-rotator .c1-rotation-image.c1-photo-changing { opacity: 0; }
.c1-photo-controls {
  position: absolute;
  z-index: 4;
  right: 16px;
  bottom: 61px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.c1-photo-controls button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  min-height: 34px;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #ffffff88;
  border-radius: 5px;
  background-color: #102b33d9;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  box-shadow: 0 2px 8px #0002;
  cursor: pointer;
}
.c1-photo-controls button:hover { background-color: var(--c1-deep, #17354b); color: #fff; }
.c1-photo-controls button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.c1-photo-controls button svg { width: 16px; height: 16px; }
.c1-photo-index { display: inline-grid; place-items: center; min-width: 45px; min-height: 32px; padding: 4px 7px; border: 1px solid #ffffff88; border-radius: 5px; background: #102b33d9; color: #fff; font-size: 11px; line-height: 1.3; font-weight: 600; }
/* Photo provenance remains visible below the main hero without obscuring it. */
.c1-photo-caption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3px 14px;
  margin: 9px 2px 0;
  color: var(--c1-muted, #586e7f);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.6;
}
.c1-photo-caption a { color: var(--c1-accent, #286b8d); text-decoration: underline; text-underline-offset: 2px; }
/* Keep the small season pill separate from the existing brand copy. */
.head-right > .c1-season-label { margin-top: 6px; }
body.c1f-page .c1f-wordmark > .c1-season-label { margin-top: 5px; }
/* The forum credit line sits outside the photo, so the vehicles stay visible. */
html[data-c1-theme] body.c1f-page .c1f-photo-creditline {
  max-width: 1480px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 5px 28px 10px;
  color: var(--c1-muted, #586e7f);
  font-size: 12px;
  line-height: 1.6;
}
html[data-c1-theme] body.c1f-page .c1f-photo-creditline :is(a, a:visited) {
  color: var(--c1-accent, #286b8d);
  text-decoration: underline;
  text-underline-offset: 2px;
}
html[data-c1-theme] body.c1f-page .c1f-photo-creditline a:hover {
  color: var(--c1-hover, #1a536f);
}
/* Optional photo in the existing forum masthead; no new full-width hero. */
body.c1f-page .c1f-season-photo {
  position: relative;
  flex: 0 1 260px;
  width: 260px;
  height: 116px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--c1-border, #d6e1e8);
  border-radius: 5px 18px 5px 18px;
  background-color: var(--c1-soft, #edf1f4);
}
body.c1f-page .c1f-season-photo > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.c1f-page .c1f-season-photo figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 7px 10px;
  background-image: linear-gradient(transparent, #102a33d9);
  color: #fff;
  font-size: 11px;
  line-height: 1.5;
}
body.c1f-page .c1f-season-photo .c1-photo-controls { left: auto; right: 7px; top: 7px; bottom: auto; }
body.c1f-page .c1f-season-photo .c1-photo-controls button { min-height: 28px; min-width: 28px; padding: 5px 7px; font-size: 11px; }
html[data-c1-theme="good-friday"] :is(.masthead, .c1f-header) { background-image: linear-gradient(100deg, #fff 55%, var(--c1-soft)); }
@media (max-width: 1100px) {
  body.c1f-page .c1f-season-photo { flex-basis: 190px; width: 190px; height: 106px; }
}
@media (max-width: 950px) {
  body.c1f-page .c1f-masthead { flex-wrap: wrap; }
  body.c1f-page .c1f-season-photo {
    display: block;
    order: 3;
    flex: 1 0 100%;
    width: 100%;
    height: 108px;
    border-radius: 5px 14px 5px 14px;
  }
}
@media (max-width: 700px) {
  html[data-c1-theme] :is(.masthead, .c1f-header) { background-size: 100px 90px, auto; background-position: right 12px top 9px, center; }
  .c1-season-label { font-size: 10px; padding: 4px 8px; }
  html[data-c1-theme] body.c1f-page .c1f-photo-creditline { padding: 3px 16px 10px; }
  .c1-photo-controls { left: 18px; right: auto; top: 66px; bottom: auto; }
  .c1-photo-controls button { min-height: 30px; min-width: 30px; padding: 6px 8px; }
}
@media (max-width: 390px) {
  .c1-photo-controls { bottom: auto; top: 66px; left: 18px; right: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .c1-hero-rotator > img,
  .c1-hero-rotator .c1-rotation-image { transition: none; }
}
@media (forced-colors: active) {
  .c1-season-label { border-color: CanvasText; }
  .c1-photo-controls button { background-color: ButtonFace; color: ButtonText; border-color: ButtonText; }
}

/* Approved seasonal and festive artwork. Palette follows the Rome calendar. */
html[data-c1-theme] {
  --c1-season-art: none;
  --c1-banner-ink: var(--c1-deep);
}
html[data-c1-palette="spring"] {
  --c1-deep:#244b35; --c1-nav:#315a43; --c1-accent:#32684a; --c1-hover:#234e35;
  --c1-soft:#f0f7eb; --c1-surface:#fefff9; --c1-border:#d7e5cd; --c1-light:#e5efdb;
  --c1-ink:#304739; --c1-muted:#627463; --c1-gold:#d9cb8e;
  --c1-season-art:url("stagioni/primavera-202610.jpg");
}
html[data-c1-palette="summer"] {
  --c1-deep:#164b59; --c1-nav:#1f5c6b; --c1-accent:#166578; --c1-hover:#104e5e;
  --c1-soft:#edf8f8; --c1-surface:#fffef9; --c1-border:#d3e6e5; --c1-light:#e0f0ed;
  --c1-ink:#2a4954; --c1-muted:#526f77; --c1-gold:#f1d67c;
  --c1-season-art:url("stagioni/estate-202610.jpg");
}
html[data-c1-palette="autumn"] {
  --c1-deep:#4c3424; --c1-nav:#6b462d; --c1-accent:#8a4b29; --c1-hover:#65331f;
  --c1-soft:#f8f2e8; --c1-surface:#fffdf8; --c1-border:#e6dccd; --c1-light:#f3e4cf;
  --c1-ink:#493f34; --c1-muted:#766b5d; --c1-gold:#e9c47b;
  --c1-season-art:url("stagioni/autunno-202610.jpg");
}
html[data-c1-palette="winter"] {
  --c1-deep:#244a66; --c1-nav:#315e7f; --c1-accent:#376d93; --c1-hover:#245372;
  --c1-soft:#eff5fa; --c1-surface:#fcfeff; --c1-border:#d7e3ed; --c1-light:#e5eff6;
  --c1-ink:#2e4b61; --c1-muted:#546e81; --c1-gold:#bfddeb;
  --c1-season-art:url("stagioni/inverno-202610.jpg");
}
html[data-c1-palette="christmas"] {
  --c1-deep:#2a4337; --c1-nav:#1c513b; --c1-accent:#8d2837; --c1-hover:#6f1b28;
  --c1-soft:#f5f2e9; --c1-surface:#fffef9; --c1-border:#e4dbc4; --c1-light:#f3e4df;
  --c1-ink:#2a4337; --c1-muted:#5f6f61; --c1-gold:#d7ba72;
  --c1-season-art:url("stagioni/natale-202610.jpg");
}
html[data-c1-palette="halloween"] {
  --c1-deep:#3e3040; --c1-nav:#47334c; --c1-accent:#92502a; --c1-hover:#713b1c;
  --c1-soft:#f7f0e8; --c1-surface:#fffcf6; --c1-border:#e7d7c7; --c1-light:#f3dfca;
  --c1-ink:#3e3040; --c1-muted:#746471; --c1-gold:#e1ad67;
  --c1-season-art:url("stagioni/halloween-202610.jpg");
}

/* One continuous image per navigation strip or table heading row. */
html[data-c1-theme] .nav,
html[data-c1-theme] body.c1f-page .c1f-navrow > td,
html[data-c1-theme] body.c1f-page tr:has(> td[bgcolor="midnightblue" i]) {
  background-color:var(--c1-light);
  background-image:linear-gradient(90deg,#ffffff38,#ffffffa8 27%,#ffffffa8 73%,#ffffff38),var(--c1-season-art);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  color:var(--c1-banner-ink);
  border-color:var(--c1-border);
}
html[data-c1-theme] .nav {border-bottom-color:var(--c1-accent)}
html[data-c1-theme] .nav :is(a,a:visited) {
  color:var(--c1-banner-ink);
  text-shadow:0 1px 6px #fff,0 0 14px #fff;
  background-color:#ffffffc7;
}
html[data-c1-theme] .nav :is(a:hover,a.active,.nav-forum) {
  color:#fff; background-color:var(--c1-nav); text-shadow:none;
}
html[data-c1-theme] .nav .search input {
  background-color:#fffffff0; border-color:var(--c1-border); color:var(--c1-ink);
}
html[data-c1-theme] .nav .search input::placeholder {color:var(--c1-muted);opacity:1}
html[data-c1-theme] body.c1f-page .c1f-navrow > td {padding-block:13px}
html[data-c1-theme] body.c1f-page .c1f-navrow :is(a,a:visited,a:hover,font,acronym) {
  color:var(--c1-banner-ink)!important;
  text-shadow:0 1px 6px #fff,0 0 14px #fff;
}
html[data-c1-theme] body.c1f-page .c1f-navrow a,
html[data-c1-theme] body.c1f-page td[bgcolor="midnightblue" i] font {
  background-color:#ffffffc7; border-radius:3px; padding:2px 4px;
}
html[data-c1-theme] body.c1f-page td[bgcolor="midnightblue" i] font font {
  background-color:transparent; padding:0;
}
html[data-c1-theme] body.c1f-page td[bgcolor="midnightblue" i] {
  background-color:transparent; background-image:none; color:var(--c1-banner-ink);
  padding-block:10px; vertical-align:middle;
}
html[data-c1-theme] body.c1f-page td[bgcolor="midnightblue" i] :is(font,a,a:visited) {
  color:var(--c1-banner-ink)!important;
  text-shadow:0 1px 6px #fff,0 0 14px #fff;
}

/* Headings without artwork use the light colour of the active palette. */
html[data-c1-theme] body.c1f-page td {color:var(--c1-ink)}
html[data-c1-theme] :is(.ptitle,.directory-heading,.sectiontitle,.page-heading) {
  background-color:var(--c1-soft); color:var(--c1-ink); border-color:var(--c1-border);
}
html[data-c1-theme] .ptitle::before {background-color:var(--c1-accent)}
html[data-c1-theme] :is(.start-card strong,.poll,.step) {color:var(--c1-ink)}
html[data-c1-theme] :is(.start-card small,.topic small,.forum-access-note) {color:var(--c1-muted)}
html[data-c1-theme] .sectiontitle {padding:14px 16px;border-radius:6px;gap:18px}
html[data-c1-theme] :is(.sectiontitle h2,.directory-heading h2,.forum-category strong,
  .topic,.topic h3,.model-name,.event h3,.content-card h2,.content-card h3,.page-content h2,
  .page-content h3,.photo-card h3,.gallery-info h2,.story h3,.community-card h2,.page-intro h1,
  .archive-card h2,.archive-card h3,.model-card h2,.model-card h3,.data-table caption) {color:var(--c1-ink)}
html[data-c1-theme] :is(.model h3,.clubnote h2,.page-section h2,.page-section h3,.private-albums strong,
  .quick strong,.section-menu>a,.data-table td,.data-table th,.prose,.page-content p,
  .page-content li,.page-content strong,.page-content summary,.page-content figcaption) {color:var(--c1-ink)}
html[data-c1-theme] :is(.quick small,.event p,.archive-label,.forum-more>span,
  .forum-category div>span,.private-albums>span:last-child,.reference,.gallery-info p,
  .c1-photo-caption) {color:var(--c1-muted)}
html[data-c1-theme] :is(.c1-photo-caption a,.category-arrow) {color:var(--c1-accent)}
html[data-c1-theme] :is(.mobiletoggle,.tabs button:not([aria-pressed="true"]),
  .data-table tr:nth-child(even) td,.page-content blockquote,.article-media) {
  background-color:var(--c1-soft);border-color:var(--c1-border);color:var(--c1-ink);
}
html[data-c1-theme] :is(.story a,.story a:visited,.datebox strong,.resource-list a) {color:var(--c1-accent)}
html[data-c1-theme] :is(.archive-meta,.datebox small,.story p,.modeldesc,.community-card>p) {color:var(--c1-muted)}
html[data-c1-theme] .archive-note {color:var(--c1-ink)!important}
html[data-c1-theme] :is(.panel,.content-card,.archive-card,.model-card,.page-section,
  .photo-gallery,.photo-card,.gallery-dialog .modalbox) {border-color:var(--c1-border)}
html[data-c1-theme] :is(.panel,.page-content,.photo-gallery,.photo-card) {background-color:var(--c1-surface)}
html[data-c1-theme] :is(.welcome,.page-kicker,.pollnote,.historical-note,.archive-note,
  .photo-card .photo-open,.gallery-tools) {background-color:var(--c1-soft);border-color:var(--c1-border)}
html[data-c1-theme] :is(.welcome,.welcome strong,.breadcrumbs,.photo-byline,.photo-credit,
  .gallery-status,.gallery-intro,.gallery-note,.photo-category,.page-content .meta) {color:var(--c1-muted)}
html[data-c1-theme] :is(.photo-category,.page-kicker,.signature,.community-line) {color:var(--c1-accent)}
html[data-c1-theme] :is(.topic:hover,.event:hover,.menu a:hover,.section-menu a:hover) {background-color:var(--c1-soft)}
html[data-c1-theme] :is(.photo-gallery .sectiontitle>a,.gallery-note>a,.photo-credit:hover,
  .gallery-original,.gallery-original:visited,.page-end a,.archive-card a,.content-card a) {color:var(--c1-accent)}
html[data-c1-theme] .gallery-tools {border-color:var(--c1-border)}
html[data-c1-theme] .gallery-filters button {background-color:var(--c1-surface);color:var(--c1-ink);border-color:var(--c1-border)}
html[data-c1-theme] .gallery-filters button[aria-pressed="true"] {background-color:var(--c1-nav);border-color:var(--c1-nav);color:#fff}
html[data-c1-theme] .photo-zoom {background-color:var(--c1-nav)}
html[data-c1-theme] :is(.gallery-position,.c1-photo-controls button,.c1-photo-index) {background-color:var(--c1-deep);color:#fff}
html[data-c1-theme] :is(.gallery-dialog .close,.gallery-arrow) {background-color:var(--c1-deep);color:#fff}
html[data-c1-theme] body.c1f-page td[bgcolor="slateblue" i] {
  background-color:var(--c1-light);background-image:none;color:var(--c1-ink);
}
html[data-c1-theme] body.c1f-page td[bgcolor="slateblue" i] :is(font,a,a:visited) {color:var(--c1-ink)!important}
html[data-c1-theme] body.c1f-page :is(input[type="text"],input[type="password"],select,textarea) {
  border-color:var(--c1-border);background-color:var(--c1-surface);color:var(--c1-ink);
}
html[data-c1-theme] body.c1f-page :is(.tvhead,.spnSearchHighlight) {background-color:var(--c1-light);color:var(--c1-ink)}
@media(max-width:640px) {
  html[data-c1-theme] .sectiontitle {padding:12px}
}

/* Approved C1 artwork, 20 October 2026. Decorative replacements only.
   Original links, forms, permissions, status alt text and user-posted images remain intact. */
html body:not(.inner-page) :is(.menu .ico,.quick .ico,.category-icon){background-color:transparent;border:0;border-radius:0;background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0}
html body:not(.inner-page) :is(.menu .ico,.quick .ico,.category-icon)>svg{visibility:hidden}
html body:not(.inner-page) .menu a{grid-template-columns:48px minmax(0,1fr) 10px;gap:10px;padding:12px}
html body:not(.inner-page) .menu .ico{width:48px;height:48px}
html body:not(.inner-page) .quick .ico{width:42px;height:42px}
html body:not(.inner-page) .category-icon{width:48px;height:48px}
@media(min-width:1101px){html body:not(.inner-page) .layout{grid-template-columns:240px minmax(0,1fr) 270px}}
@media(min-width:701px) and (max-width:1100px){html body:not(.inner-page) .layout{grid-template-columns:220px minmax(0,1fr)}}

html body:not(.inner-page) .menu a[href="raduni.html"] .ico{background-image:url("icone-c1/raduni.svg")}
html body:not(.inner-page) .menu a[href="itinerari.html"] .ico{background-image:url("icone-c1/itinerari.svg")}
html body:not(.inner-page) .menu a[href="prove.html"] .ico{background-image:url("icone-c1/modifiche.svg")}
html body:not(.inner-page) .menu a[href="notizie.html"] .ico{background-image:url("icone-c1/sicurezza.svg")}
html body:not(.inner-page) .menu a[href="dallastampa.html"] .ico{background-image:url("icone-c1/documenti.svg")}
html body:not(.inner-page) .menu a[href="modelli.html"] .ico{background-image:url("icone-c1/modelli.svg")}
html body:not(.inner-page) .menu a[href="links.html"] .ico{background-image:url("icone-c1/mondo.svg")}
html body:not(.inner-page) .menu a[href="sitiamici.html"] .ico{background-image:url("icone-c1/amici.svg")}
html body:not(.inner-page) .menu a[href*="FORUM_ID=17"] .ico{background-image:url("icone-c1/immagini.svg")}
html body:not(.inner-page) .quick a[href="#storie"] .ico{background-image:url("icone-c1/raduni.svg")}
html body:not(.inner-page) .quick a[href="#officina"] .ico{background-image:url("icone-c1/modifiche.svg")}
html body:not(.inner-page) .quick a[href="#foto"] .ico{background-image:url("icone-c1/immagini.svg")}
html body:not(.inner-page) .forum-category[href$="FORUM_ID=4"] .category-icon{background-image:url("icone-c1/modifiche.svg")}
html body:not(.inner-page) .forum-category[href$="FORUM_ID=20"] .category-icon{background-image:url("icone-c1/documenti.svg")}
html body:not(.inner-page) .forum-category[href$="FORUM_ID=7"] .category-icon{background-image:url("icone-c1/forum-chat.svg")}
html body:not(.inner-page) .forum-category[href$="FORUM_ID=12"] .category-icon{background-image:url("icone-c1/raduni.svg")}
html body.c1f-page img[src$="/icon_folder.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-read.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_new.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-new-red-pulse.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_open.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-open.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_open_topic.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-open.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_locked.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-locked.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_new_locked.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-new-locked-red-pulse.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_hot.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-hot.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_new_hot.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-new-hot-red-pulse.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_hot_locked.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-hot-locked.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_new_hot_locked.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-new-hot-locked-red-pulse.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_sticky.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-sticky.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_new_sticky.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-new-sticky-red-pulse.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_sticky_locked.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-sticky-locked.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_new_sticky_locked.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-new-sticky-locked-red-pulse.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
html body.c1f-page img[src$="/icon_folder_archived.gif" i]:not(.spnMessageText img){content:url("icone-c1/forum-archive.svg");width:34px!important;height:34px!important;object-fit:contain;vertical-align:middle;margin:2px;}
@media(max-width:700px){html body.c1f-page img[src*="/icon_folder" i]:not(.spnMessageText img){max-width:28px;max-height:28px}html body:not(.inner-page) .category-icon{width:44px;height:44px}}