/* ===== Soup House theme for Gancio — synced to the website ===== */
/* Fonts now match the live site (Branding -> Cardo / Roboto / Nunito).
   Palette is the daisyUI "souphouse" cream theme; dark = warm espresso. */
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Roboto:wght@400;500;700&family=Nunito:wght@400;600;700;800&display=swap');

/* ---- Typography: body Roboto, headings Cardo, UI Nunito ---- */
.v-application { font-family: 'Roboto', ui-sans-serif, system-ui, sans-serif !important; }
.v-application h1, .v-application h2, .v-application h3, .v-application h4,
.v-card__title, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5,
#events .event .title, h2.title, #title {
  font-family: 'Cardo', ui-serif, Georgia, 'Times New Roman', serif !important;
  letter-spacing: 0 !important;
}
.v-btn, .v-chip, .v-tab, .v-list-item {
  font-family: 'Nunito', ui-sans-serif, system-ui, sans-serif !important;
}
.v-btn { border-radius: 0.5rem !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 700; }
.v-card, .v-sheet.v-sheet--outlined, #events .event { border-radius: 1rem !important; }

/* ---- Flat: drop Vuetify's elevation shadows (Rand flat look) ---- */
.v-card, .v-sheet, .v-chip, .v-btn, #events .event, .v-menu__content, .v-toolbar {
  box-shadow: none !important;
}

/* ---- Accent roles: tomato primary, honey tags, herb-green secondary ---- */
.v-chip { background-color: #e0a43b !important; color: #2c2018 !important; }   /* honey tags */
.secondary--text { color: #5a7d3c !important; }                               /* herb green */
#sh-home-link { font-weight: 700 !important; }

/* ---- Stelline (the logo's star) as prose bullets, like the website ---- */
#events .event ul, .v-application .description ul, article ul, .editor__content ul {
  list-style: none; padding-left: 1.5em;
}
#events .event ul > li, .v-application .description ul > li, article ul > li, .editor__content ul > li {
  position: relative;
}
#events .event ul > li::before, .v-application .description ul > li::before,
article ul > li::before, .editor__content ul > li::before {
  content: ''; position: absolute; left: -1.45em; top: 0.34em;
  width: 0.72em; height: 0.72em;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='914 1134 2031 1945'><path fill='%23c1432b' fill-rule='evenodd' d='M1700.128,1257.797C1751.096,1180.668 1837.373,1134.268 1929.82,1134.268C2022.268,1134.268 2108.545,1180.668 2159.513,1257.797L2366.347,1570.795L2727.941,1670.784C2817.045,1695.423 2887.834,1763.139 2916.402,1851.062C2944.97,1938.985 2927.502,2035.377 2869.898,2107.684L2636.135,2401.117L2652.778,2775.912C2656.879,2868.269 2614.353,2956.518 2539.561,3010.858C2464.769,3065.197 2367.698,3078.372 2281.128,3045.931L1929.82,2914.285L1578.512,3045.931C1491.943,3078.372 1394.871,3065.197 1320.08,3010.858C1245.288,2956.518 1202.762,2868.269 1206.863,2775.912L1223.506,2401.117L989.742,2107.684C932.139,2035.377 914.671,1938.985 943.239,1851.062C971.807,1763.139 1042.596,1695.423 1131.7,1670.784L1493.294,1570.795L1700.128,1257.797ZM1929.82,1887.524C1792.699,1887.524 1681.375,1998.849 1681.375,2135.97C1681.375,2273.091 1792.699,2384.416 1929.82,2384.416C2066.941,2384.416 2178.266,2273.091 2178.266,2135.97C2178.266,1998.849 2066.941,1887.524 1929.82,1887.524Z'/></svg>") no-repeat center / contain;
}

/* ============ LIGHT MODE (warm cream) ============ */
.theme--light.v-application, .theme--light.v-application .v-main { background-color: #fbf6ec !important; color: #2c2420 !important; }
.theme--light #navbar, .theme--light header.v-app-bar.v-toolbar { background-color: #fbf6ec !important; color: #2c2420 !important; border-bottom: 1px solid #e7d9bf !important; box-shadow: none !important; }
.theme--light #navbar .v-toolbar__title { color: #c1432b !important; }
.theme--light .v-card, .theme--light .v-sheet.v-sheet--outlined, .theme--light #events .event { background-color: #f3ead7 !important; border: 1px solid #e7d9bf !important; color: #2c2420 !important; }
.theme--light a, .theme--light .primary--text, .theme--light #sh-home-link { color: #c1432b !important; }

/* ============ DARK MODE (warm espresso) ============ */
.theme--dark.v-application, .theme--dark.v-application .v-main { background-color: #221b17 !important; color: #f1e7d6 !important; }
.theme--dark #navbar, .theme--dark header.v-app-bar.v-toolbar { background-color: #1b1511 !important; color: #f1e7d6 !important; border-bottom: 1px solid #46382c !important; box-shadow: none !important; }
.theme--dark #navbar .v-toolbar__title { color: #e8765c !important; }
.theme--dark .v-card, .theme--dark .v-sheet.v-sheet--outlined, .theme--dark #events .event { background-color: #2e251e !important; border: 1px solid #46382c !important; color: #f1e7d6 !important; }
.theme--dark a, .theme--dark .primary--text, .theme--dark #sh-home-link { color: #e8765c !important; }
.theme--dark .secondary--text { color: #8fb866 !important; }
.theme--dark .text--secondary, .theme--dark .grey--text { color: #c9b89f !important; }

/* ---- Site title wraps on small screens (override the nowrap parent) ---- */
#navbar .v-toolbar__title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.15; }
#title { word-break: normal !important; overflow-wrap: break-word; }
@media (max-width: 600px) { #navbar .v-toolbar__title { font-size: 1.05rem !important; } }