/* Page-owned styles for O nás */

.o-nas-main {
  overflow-x: hidden;
}

.o-nas-divider {
  margin-block: 0;
}

/* Úvodní kapitola */
.o-nas-intro {
  position: relative;
  background-color: var(--color-paper);
  overflow: hidden;
}

.o-nas-intro__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding-block: var(--space-8);
}

.o-nas-intro__content {
  position: relative;
  z-index: 1;
  max-width: 70ch;
  text-align: left;
}

.o-nas-intro__title {
  margin-block-end: var(--space-5);
}

.o-nas-intro__lead {
  margin-block-end: var(--space-5);
}

.o-nas-intro__details {
  max-width: 70ch;
  margin-block-end: var(--space-5);
}

.o-nas-intro__note {
  display: inline-block;
  color: var(--color-olive);
  font-style: italic;
  border-block-start: 1px solid var(--color-olive-border);
  padding-block-start: var(--space-3);
}

.o-nas-intro__wash {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 85% 20%, rgba(107, 122, 79, 0.12) 0%, rgba(107, 122, 79, 0.04) 30%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* Náš příběh */
.o-nas-story__grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--space-8);
  align-items: start;
}

.o-nas-story__text {
  max-width: 65ch;
  min-width: 0;
}

.o-nas-story__notes {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.o-nas-story__note-card {
  background-color: var(--color-paper);
  border: var(--border-thin);
  border-radius: var(--radius-sm);
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  box-shadow: var(--shadow-minimal);
}

.o-nas-story__note-text {
  font-family: var(--font-heading);
  font-size: var(--text-small-size);
  line-height: var(--text-small-line-height);
  color: var(--color-forest);
  font-style: italic;
  margin-block-end: 0;
}

.o-nas-story__botanical {
  width: 100%;
  height: 120px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'%3E%3Cpath d='M20,100 C40,60 60,30 100,20 C80,50 90,80 70,100 C50,80 30,90 20,100 Z' fill='none' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.4'/%3E%3Cpath d='M100,20 C120,40 140,60 160,80' fill='none' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.4'/%3E%3Cpath d='M100,20 C110,50 130,70 150,90' fill='none' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  opacity: 0.8;
}

/* Filozofie */
.o-nas-philosophy__inner {
  max-width: 800px;
  margin-inline: auto;
}

.o-nas-philosophy__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

.o-nas-philosophy__item {
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
  max-width: 60ch;
}

.o-nas-philosophy__item p {
  margin-block-end: 0;
}

.o-nas-philosophy__symbol {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.5'/%3E%3Cpath d='M12,6 C14,8 16,10 16,13 C16,16 14,18 12,18 C10,18 8,16 8,13 C8,10 10,8 12,6 Z' fill='%236B7A4F' fill-opacity='0.2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-block-start: 2px;
}

/* Náš tým */
.o-nas-team__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.o-nas-team__intro {
  max-width: 65ch;
  margin-block-end: 0;
}

.o-nas-team__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-4);
}

.o-nas-team__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  text-align: center;
  min-width: 0;
}

.o-nas-team__card h3 {
  margin-block-end: 0;
}

.o-nas-team__card p {
  max-width: 45ch;
  margin-inline: auto;
  margin-block-end: 0;
}

.o-nas-team__card .o-nas-team__note {
  color: var(--color-olive);
  font-style: italic;
  border-block-start: 1px solid var(--color-olive-border);
  padding-block-start: var(--space-3);
}

.o-nas-team__card-icon {
  width: 64px;
  height: 64px;
  margin-inline: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.o-nas-team__card-icon--chef {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='28' fill='none' stroke='%236B7A4F' stroke-width='2' stroke-opacity='0.4'/%3E%3Cpath d='M20,36 C20,26 26,20 32,20 C38,20 44,26 44,36 L44,48 L20,48 Z' fill='%236B7A4F' fill-opacity='0.15'/%3E%3Cpath d='M24,44 L40,44' stroke='%236B7A4F' stroke-width='2' stroke-opacity='0.4'/%3E%3C/svg%3E");
}

.o-nas-team__card-icon--dealer {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='28' fill='none' stroke='%236B7A4F' stroke-width='2' stroke-opacity='0.4'/%3E%3Crect x='22' y='18' width='20' height='28' rx='3' fill='%236B7A4F' fill-opacity='0.15' stroke='%236B7A4F' stroke-width='2' stroke-opacity='0.4'/%3E%3Cpath d='M26,32 L38,32 M26,38 L38,38' stroke='%236B7A4F' stroke-width='2' stroke-opacity='0.4'/%3E%3C/svg%3E");
}

.o-nas-team__card-icon--manager {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='28' fill='none' stroke='%236B7A4F' stroke-width='2' stroke-opacity='0.4'/%3E%3Cpath d='M16,48 L48,48 M20,48 L20,36 C20,28 26,24 32,24 C38,24 44,28 44,36 L44,48' fill='none' stroke='%236B7A4F' stroke-width='2' stroke-opacity='0.4'/%3E%3Ccircle cx='32' cy='20' r='4' fill='%236B7A4F' fill-opacity='0.15' stroke='%236B7A4F' stroke-width='2' stroke-opacity='0.4'/%3E%3C/svg%3E");
}

/* Prostory */
.o-nas-space__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  align-items: center;
}

.o-nas-space__text {
  max-width: 55ch;
  min-width: 0;
}

.o-nas-space__figure {
  min-width: 0;
  margin-block-end: 0;
}

.o-nas-space__figure img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
  border: var(--border-thin);
  filter: sepia(0.2) saturate(0.85) hue-rotate(40deg) contrast(0.95);
}

/* Pokerové večery */
.o-nas-poker__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  align-items: center;
}

.o-nas-poker__figure {
  min-width: 0;
  margin-block-end: 0;
}

.o-nas-poker__figure img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
  border: var(--border-thin);
  filter: sepia(0.2) saturate(0.85) hue-rotate(40deg) contrast(0.95);
}

.o-nas-poker__text {
  max-width: 55ch;
  min-width: 0;
}

/* Sezónní přístup */
.o-nas-season__inner {
  max-width: 800px;
  margin-inline: auto;
}

.o-nas-season__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

.o-nas-season__item {
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
  max-width: 60ch;
}

.o-nas-season__item p {
  margin-block-end: 0;
}

.o-nas-season__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-block-start: 2px;
}

.o-nas-season__icon--spring {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14,26 C14,18 18,12 24,8 C20,14 18,18 18,22 C18,24 16,26 14,26 Z' fill='%236B7A4F' fill-opacity='0.25' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.5'/%3E%3Cpath d='M14,26 C14,20 10,16 4,14 C10,12 14,10 14,4' fill='none' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.5'/%3E%3C/svg%3E");
}

.o-nas-season__icon--summer {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='8' fill='%236B7A4F' fill-opacity='0.25' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.5'/%3E%3Cpath d='M14,2 L14,6 M14,22 L14,26 M2,14 L6,14 M22,14 L26,14 M5,5 L8,8 M20,20 L23,23 M23,5 L20,8 M8,20 L5,23' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.5'/%3E%3C/svg%3E");
}

.o-nas-season__icon--autumn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M14,4 C18,10 22,14 22,20 C22,24 18,26 14,26 C10,26 6,24 6,20 C6,14 10,10 14,4 Z' fill='%236B7A4F' fill-opacity='0.25' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.5'/%3E%3Cpath d='M14,4 L14,26' stroke='%236B7A4F' stroke-width='1.5' stroke-opacity='0.5'/%3E%3C/svg%3E");
}

/* Výzva ke kontaktu */
.o-nas-cta__inner {
  max-width: 600px;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  align-items: center;
}

.o-nas-cta__text {
  max-width: 50ch;
  margin-inline: auto;
  margin-block-end: 0;
}

.o-nas-cta__contacts {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.o-nas-cta__contacts li {
  line-height: var(--text-body-line-height);
}

.o-nas-cta__button {
  margin-block-start: var(--space-3);
}

/* Tablet */
@media (max-width: 900px) {
  .o-nas-story__grid,
  .o-nas-space__grid,
  .o-nas-poker__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .o-nas-team__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .o-nas-team__card p {
    max-width: 55ch;
  }

  .o-nas-intro__inner {
    padding-block: var(--space-7);
  }
}

/* Mobile */
@media (max-width: 600px) {
  .o-nas-intro__inner {
    padding-block: var(--space-6);
    gap: var(--space-5);
  }

  .o-nas-intro__content,
  .o-nas-intro__details {
    max-width: 100%;
  }

  .o-nas-story__grid,
  .o-nas-space__grid,
  .o-nas-poker__grid {
    gap: var(--space-5);
  }

  .o-nas-story__note-card {
    padding: var(--space-4);
  }

  .o-nas-philosophy__item,
  .o-nas-season__item {
    max-width: 100%;
  }

  .o-nas-team__grid {
    gap: var(--space-4);
  }

  .o-nas-cta__inner {
    gap: var(--space-4);
  }

  .o-nas-cta__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .o-nas-main *,
  .o-nas-main *::before,
  .o-nas-main *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}