/* ===== Palette ===== */
:root{
  --yr-bg:        #EDE1D3;
  --yr-red:       #4B0000;
  --yr-red-2:     #9F4426;
  --yr-card:      rgba(255,255,255,.55);
  --yr-ink:       #2b1b16;
  --yr-muted:     rgba(75,0,0,.7);
  --yr-chip-bg:   rgba(59,26,26,.85);
  --yr-chip-tx:   #FCEFE6;
  --yr-chip-br:   rgba(255,255,255,.18);
  --yr-radius:    14px;
  --yr-shadow:    0 12px 40px rgba(0,0,0,.25);
  --glass-bg:     rgba(255,255,255,.55);
  --glass-brd:    rgba(255,255,255,.35);
}

/* layout */
.yr-board__inner{display:grid;grid-template-columns:minmax(280px, 360px) 1fr; gap:24px}
@media (max-width:900px){ .yr-board__inner{grid-template-columns:1fr} }

/* chips */
.chip{ background:var(--yr-chip-bg); color:var(--yr-chip-tx); border:1px solid var(--yr-chip-br); padding:8px 12px; border-radius:999px; cursor:pointer; user-select:none; display:inline-flex; align-items:center; gap:.5em; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.chip.primary{ background:var(--yr-red-2); border-color:var(--yr-red-2); color:#fff; }
.chip.subtle{ background:#3b1a1a; color:#FCEFE6; border-color:#593131; }

/* left column */
.yr-left{position:sticky !important; top:var(--yr-sticky-top); align-self:start; display:grid; gap:16px}
.yr-left-box{display:grid; gap:16px}

/* calendar card */
.yr-calcard{
  background: rgba(75,0,0,.85);
  color:#FCEFE6;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px; padding:12px; box-shadow:var(--yr-shadow);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.yr-calcard__hdr{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px}
.yr-month{font-weight:800; letter-spacing:.02em}

/* calendar */
.yr-cal{padding:6px}
.yr-cal .dow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;opacity:.85;font-size:.8rem;margin:4px 0 6px}
.yr-cal .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.yr-cal .cell{
  position:relative;height:48px;border-radius:12px;display:grid;place-items:center;
  background: rgba(58,15,15,.9); color:#FCEFE6; border:1px solid rgba(255,255,255,.12);
  transition:transform .14s ease, opacity .14s ease, outline-color .14s ease, box-shadow .14s ease;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.yr-cal .cell.ok{opacity:1; cursor:pointer}
.yr-cal .cell.off{opacity:.55; cursor:not-allowed}
.yr-cal .cell.out{opacity:.28; cursor:not-allowed}
.yr-cal .cell:hover{transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.25)}
.yr-cal .cell.sel{outline:2px solid #fff}

/* (desktop) filter summary panel under calendar */
.yr-filter-panel{
  background:rgba(197,182,161,.5); border:1px solid var(--yr-red-2); border-radius:12px; padding:10px; display:grid; gap:8px;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.sum-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sum-label{ font-weight:800; color:var(--yr-red); }
.sum-chips{ display:flex; gap:6px; flex-wrap:wrap; }
.sum-actions{ display:flex; gap:8px; }

/* right header */
.yr-right__hdr{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap}
.yr-title{margin:0; font-size:1.8rem}
.yr-dayblock{display:flex; align-items:center; gap:10px; margin-left:auto}
.yr-daylabel{font-weight:800; opacity:.9}
.yr-viewicons{display:inline-flex; gap:6px; background:var(--glass-bg); border:1px solid var(--glass-brd); border-radius:999px; padding:4px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}
.iconchip{ display:inline-grid; place-items:center; width:34px; height:34px; border-radius:999px; cursor:pointer; outline:none; }
.iconchip[aria-selected="true"]{ background:rgba(159,68,38,.18); }

/* toolbar above results (desktop & mobile) */
.yr-toolbar{ display:flex; gap:8px; justify-content:flex-end; margin:8px 0 4px }
.yr-toolbar .chip{ background:var(--yr-red-2); color:#fff; border-color:var(--yr-red-2); }

/* results: list/grid (desktop) */
.yr-right{min-height:300px; display:grid; grid-template-rows:auto auto 1fr; gap:10px}
.yr-results{display:grid; gap:12px}
.yr-results.yr-results--grid{ grid-template-columns:repeat(auto-fill, minmax(280px,1fr)); gap:14px; }
@media (max-width: 900px){
/* === Mobile performance override (final authority) === */
@media (max-width: 900px){

  /* always disable sticky on mobile */
  .yr-left{ position: static !important; top:auto !important; }

  /* enforce ONE layout mode */
  .yr-results{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling: touch;
    gap:12px !important;
    padding: 8px 12px 12px !important;

    /* scroll snap is expensive on many phones */
    scroll-snap-type: none !important;
  }

  .yr-card{
    flex: 0 0 86% !important;
    margin:0 !important;

    /* scroll snap stop is also expensive */
    scroll-snap-align: unset !important;
    scroll-snap-stop: normal !important;
  }

  /* kill heavy effects on mobile */
  .yr-card, .yr-calcard, .chip, .yr-modal__dialog{

    box-shadow: none !important;
  }
  .yr-left .yr-calcard,
.yr-left .chip,.yr-card,.yr-modal__dialog{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

.yr-card,.yr-modal__dialog{background:#fff !important}
}



  /* slightly wider on big phones */
  @media (min-width:540px) and (max-width:900px){
    .yr-card{ flex-basis:70%; }
  }

  /* optional: simplify shadows on low-end devices */
  @media (prefers-reduced-motion: reduce){
    .yr-card{ scroll-snap-stop:normal; }
  }
}

@media (max-width:900px){
  .yr-cal .cell { transition: none !important; }
  .yr-cal .cell:hover { transform:none !important; box-shadow:none !important; }
}

/* class cards */
.yr-card{
    height: 100%;
  background:var(--glass-bg); color:var(--yr-ink);
  border:1px solid var(--glass-brd); border-radius:var(--yr-radius);
  padding:14px; display:grid; grid-template-columns:1fr; gap:10px; overflow:hidden;
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:var(--yr-shadow);
}
  .yr-results {
    display: grid
;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.yr-card .ttl {
    font-weight: 800;
    display: flex;
;
    flex-wrap: wrap;
    gap: 8px;
        justify-content: space-between;

    flex-direction: row;
}
.yr-card .meta{font-size:.92rem}

.yr-card .sub {
    display: flex
;
    font-size: .8rem;
    color: var(--yr-muted);
    display: flex
;
    align-items: flex-start;
    gap: 8px;
    margin-top: 0;
    flex-direction: column;
}

.yr-meta-two {
    display: flex
;
    gap: 10px;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 0.82em;
}
.yr-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.15)}
.yr-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}
.yr-badge.ok{background:#e4f7ea;color:#146c3b;border:1px solid #cdebd8}
.yr-badge.full{background:#fdeaea;color:#9F4426;border:1px solid #f6c8c8}

/* modal */
.yr-modal[aria-hidden="true"]{ display:none; }
.yr-modal{ position:fixed; inset:0; z-index:9999; display:grid; place-items:center; }
.yr-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.35); }
.yr-modal__dialog{ position:relative; width:min(740px, calc(100vw - 32px)); background:var(--glass-bg); color:#1a1a1a; border:1px solid var(--glass-brd); border-radius:14px; padding:16px; box-shadow:var(--yr-shadow); z-index:1; backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); }
.yr-modal__hdr{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.yr-modal__x{ font-size:24px; line-height:1; cursor:pointer; color:#9F4426; user-select:none; }
.yr-modal__section{ padding:10px 0 14px; }
.yr-modal__ftr{ display:flex; justify-content:flex-end; gap:8px; padding-top:6px; border-top:1px solid rgba(0,0,0,.08); }

.yr-searchlbl{ display:block; font-weight:700; margin:6px 0 6px; color:var(--yr-red); }
.yr-search{ position:relative; }
.yr-search input{ width:100%; padding:10px 14px; border-radius:999px; border:1px solid rgba(0,0,0,.25); outline:0; background:transparent }
.yr-suggest{ position:absolute; left:0; right:0; top:auto; bottom:calc(100% + 6px); background:#fff; border:1px solid rgba(0,0,0,.12); border-radius:10px; margin-bottom:6px; max-height:260px; overflow:auto; box-shadow:0 8px 24px rgba(0,0,0,.12); z-index:20; display:none; }
.yr-suggest.open{ display:block; }
.yr-suggest > div{ padding:8px 12px; cursor:pointer; }
.yr-suggest > div:hover{ background:rgba(159,68,38,.08); }
.yr-chipwrap{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:6px; }
.yr-chip{ display:inline-flex; align-items:center; gap:8px; background:rgba(159,68,38,.08); border:1px solid var(--yr-red-2); color:var(--yr-red-2); border-radius:999px; padding:4px 10px; }
.yr-chip .x{ font-weight:900; cursor:pointer; line-height:1; }

/* messages */
.yr-msg{ padding:6px 0; color:var(--yr-red); }

/* fonts */
.yr-title{ font-family:"angle" !important; 
      font-size: 25px;
    text-transform: capitalize;
}
.ttl-text {
      color: var(--brand);
    font-family: "angle" !important;
    font-size: 28px;
    line-height: 1em;
    text-transform: capitalize;
}
    .yr-filter-panel{ display:none !important; }
body, .yr-card, .yr-msg, .meta, .sub, .sum-label, .yr-chip, .yr-search input { font-family:"awelir" !important; }

/* ===== Mobile overrides (<= 900px) ===== */
/* ===== Mobile overrides (<= 900px) ===== */
@media (max-width: 900px){
  /* remove sticky & hide left filter panel on mobile */
  .yr-left{ position:static !important; top:auto !important; }
  .yr-filter-panel{ display:none !important; }

  /* disable grid to allow carousel to own the layout */
 
  .yr-results.yr-results--grid{ display:block !important; }

  /* ===== Horizontal carousel scaffolding ===== */
  .yr-hwrap{
    display:grid;
    grid-template-rows: 1fr auto; /* viewport + dots */
    gap:10px;
    min-height: 0; /* avoid flex overflow */
  }
  .embla--h{ position:relative; }
  .embla--h .embla__viewport{
    overflow:hidden;
    width:100%;
  }
  .embla--h .embla__container{
    display:flex;
    /* horizontal row */
  }
  .embla--h .embla__slide{
    /* show a peeking next card */
    flex:0 0 86%;
    padding:0 8px;               /* card side breathing room */
    min-width:0;
  }
  /* tweak for big phones */
  @media (min-width: 540px) and (max-width: 900px){
    .embla--h .embla__slide{ flex-basis: 70%; }
  }
  .embla--h .embla__slide > .yr-card{
    height:100%;
    width:100%;
    margin:0;
    border-radius: var(--yr-radius);
  }

  /* dots row (below viewport) */
  .yr-hdots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    padding-bottom:4px;
  }
  .yr-hdot{
    width:10px; height:10px; border-radius:999px;
    border:2px solid var(--yr-red);
    background:transparent; opacity:.6;
    cursor:pointer; transition:transform .2s ease,opacity .2s ease;
  }
  .yr-hdot.is-active{ background:var(--yr-red); opacity:1; transform:scale(1.1); }
}
.first-row{
    font-size: 1.1em;
}

 .pill-link {
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 9999px;
    background: #9F4426;
    white-space: nowrap;
    transform-origin: center;
    color: beige !important;
    font-family: 'awlier' !important;
}
.meta-row {
    font-size: 16px;
    display: flex
;
    flex-direction: row;
    justify-content: flex-start;
    gap: 40px;
}

.yr-meta-row{display:inline-flex;align-items:center;gap:8px}
.yr-ico{width:18px;height:18px;fill:var(--yr-red-2);opacity:.9}


.yr-results.loading{
  pointer-events: none;           /* prevent taps while loading */
}
.yr-results.loading > *{
  opacity: .45;                   /* dim existing content */
  transition: opacity .12s ease;
}