/* Ciccio Mio – Farbschema "Logo-Look" (Pomodoro + Gold)
   Wird nach dem Astro-Bundle geladen und ersetzt das bisherige Basilico-Grün. */

:root {
  --color-pomodoro: #841b20;
  --color-pomodoro-dark: #5a1418;
  --color-gold: #ebb553;
}

::selection { background-color: var(--color-gold); color: var(--color-pomodoro); }

#site-header.is-scrolled,
#site-header.menu-open { background-color: var(--color-pomodoro) !important; }

/* Pomodoro-Varianten, die im Tailwind-Bundle nicht enthalten sind */
.bg-\[\#841b20\]\/10 { background-color: rgb(132 27 32 / .1); }
.border-\[\#841b20\]\/10 { border-color: rgb(132 27 32 / .1); }
.border-\[\#841b20\]\/20 { border-color: rgb(132 27 32 / .2); }

/* Hero-Bild: mobil Teller mittig, Desktop Teller rechts neben dem Text */
.cm-hero-img { object-position: 60% center; filter: brightness(.55); }
@media (min-width: 1024px) {
  .cm-hero-img { object-position: left center; filter: none; }
}

/* Siegel-Logo */
.cm-logo-header { height: 60px; width: auto; }
.cm-logo-sub { height: 64px; width: auto; }
.cm-logo-footer { height: 104px; width: auto; }
@media (min-width: 768px) {
  .cm-logo-header { height: 78px; }
  .cm-logo-footer { height: 128px; }
}

/* Footer */
@media (min-width: 768px) {
  .cm-footer-grid { grid-template-columns: 1fr auto auto; }
}
.cm-footer-address { margin-top: 1.25rem; font-style: normal; font-size: .875rem; line-height: 1.6; color: rgb(255 255 255 / .55); }
.cm-social-text { font-size: .875rem; line-height: 1.6; color: rgb(255 255 255 / .6); max-width: 15rem; margin-bottom: 1.25rem; }
.cm-social-links { display: flex; gap: .75rem; }
.cm-social-link {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;
  border: 1px solid rgb(235 181 83 / .35);
  color: var(--color-gold);
  transition: background-color .2s, color .2s, border-color .2s;
}
.cm-social-link:hover,
.cm-social-link:focus-visible { background-color: var(--color-gold); border-color: var(--color-gold); color: var(--color-pomodoro); }
.cm-social-link svg { width: 20px; height: 20px; }

.cm-credit {
  padding: 1rem 0 1.25rem;
  border-top: 1px solid rgb(255 255 255 / .06);
  text-align: center;
  font-size: .75rem;
  color: rgb(255 255 255 / .3);
}
.cm-credit a { color: rgb(255 255 255 / .5); text-decoration: underline; text-underline-offset: 3px; transition: color .2s; }
.cm-credit a:hover { color: var(--color-gold); }