/* Summer Sales 2026 */



.accordion-item { margin-bottom:1.5rem; border:0; }
.accordion-header { background-color:#ecece2; border:0; }
.accordion-body { background-color:#faf9f0; border:0; }

.accordion-header { font-family: 'brandon-grotesque', sans-serif; font-size:16px; line-height:24px; }
.accordion-header button { font-weight:900; letter-spacing:0.050rem; text-transform:uppercase; }

.plate { background-color:black; }
.plate-listing { background-color:#ecece2; padding:0; }
.plate-specials { background-color:white; border:2px solid #ecece2; padding:4px; }
@media all and (min-width: 992px) {
	.plate { display:flex; } /* flex-direction: row-reverse;*/
	.plate-listing { width:40%; }
	.plate-specials { width:60%; padding:16px; }
}

.plate-card-image { width:100%; padding-bottom:66%; background-position: center center; background-size:cover; }
.plate-card-content { padding:20px; }

.special-card-content { border:0px solid #ecece2; background-color:#faf9f0; padding:14px 20px; }
.special-card-content-more { margin-top:12px; }
.special-card-content p, special-card-content li { font-size:16px; line-height:1.5; }

.pstfoco-summer-content-special p, .pstfoco-summer-content-special li  { font-size:16px; line-height:1.5;  }

.font-condensed {
  font-family: "sofia-pro-condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform:uppercase;
  font-size:15px; 
  line-height:1.4;
  letter-spacing:0.020rem;
}

.font-special-title { 
  font-family: 'brandon-grotesque', sans-serif; font-weight:900; letter-spacing:0.010rem;
  margin: 9px 0 6px 0;
  text-transform:uppercase; 
  letter-spacing:0.100rem;
  font-size:24px; 
  line-height:1.4;
}

.font-place-name { 
  font-family: 'brandon-grotesque', sans-serif; font-weight:900; letter-spacing:0.010rem;
  margin: 9px 0 6px 0;
  text-transform:uppercase; 
  letter-spacing:0.100rem;
  font-size:20px; 
  line-height:1.4;
}

.font-gift-card { color:#000; font-weight: 600; font-size:14px; line-height:1.25; margin-top:12px;  margin-bottom:12px; }


.font-website { font-family: 'brandon-grotesque', sans-serif; font-weight:900; letter-spacing:0.100rem; 
  text-transform:uppercase; font-size:12px; line-height:1.25; margin-top:12px;  margin-bottom:12px;  }


/*
.gpcard { background-color:#ecece2; overflow:hidden; }
.gpcard-content { padding:24px 20px 20px 20px; }
.gpcard-image { background-color:#ddddd0; background-size:cover; background-position:center center; }
.gpcard-content { color:#000; }

.gpcard-name { color:#000; font-family: 'brandon-grotesque', sans-serif; font-weight:900; letter-spacing:0.100rem; text-transform:uppercase; font-size:18px; line-height:1.25; margin-bottom:8px; }
.gpcard-address { color:#000; font-size:15px; line-height:1.25; margin-bottom:8px; }
.gpcard-website { font-family: 'brandon-grotesque', sans-serif; font-weight:900; letter-spacing:0.100rem; text-transform:uppercase; font-size:12px; line-height:1.25; margin-bottom:8px; }

.gpcard-tags { margin:20px 0; }
.gpcard-tags span { display:inline-block; background-color:#ffffff; color:#000000; font-weight:400; border-radius:16px; font-size:14px; line-height:14px; padding:3px 12px 5px 12px; margin:0 6px 6px 0; }

.gpspecial h2 { font-family: 'sofia-pro', sans-serif; color:#000; font-size:17px; line-height:1.35; margin:0 0 8px 0; text-transform:none; letter-spacing:0;}
.gpspecial p { color:#000; font-size:15px; line-height:1.4; margin:0 0 16px 0;}
.gpspecial b { text-transform:uppercase; }
.gpspecial a { color:#000; text-decoration:underline; }
*/


/* accordion */

.greatplate-accordion {
  --greatplate-accordion-color: black;
  --greatplate-accordion-bg: white;  /* color of clickable body background */
  --greatplate-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --greatplate-accordion-border-color: var(--bs-border-color);
  --greatplate-accordion-border-width: 0;
  --greatplate-accordion-border-radius: 0;
  --greatplate-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --greatplate-accordion-btn-padding-x: 1.25rem;
  --greatplate-accordion-btn-padding-y: 1rem;
  --greatplate-accordion-btn-color: black; /* color of clickable header text */
  --greatplate-accordion-btn-bg: #ecece2; /* color of clickable header background */
  --greatplate-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --greatplate-accordion-btn-icon-width: 1.25rem;
  --greatplate-accordion-btn-icon-transform: rotate(-180deg);
  --greatplate-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --greatplate-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --greatplate-accordion-btn-focus-border-color: red; 
  --greatplate-accordion-btn-focus-box-shadow: 0; /* 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
  --greatplate-accordion-body-padding-x: 1.25rem;
  --greatplate-accordion-body-padding-y: 1rem;
  --greatplate-accordion-active-color: black;
  --greatplate-accordion-active-bg: #ecece2;
}

.greatplate-accordion { margin:1rem 0 1.5rem 0; }

.greatplate-accordion .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--greatplate-accordion-btn-padding-y) var(--greatplate-accordion-btn-padding-x);
  color: var(--greatplate-accordion-btn-color);
  text-align: left; /* Reset button style */
  background-color: var(--greatplate-accordion-btn-bg);
  border: 0;
  border-radius:0;
  overflow-anchor: none;
  /*transition(var(--greatplate-accordion-transition));*/
  font-size:inherit; 
  font-weight:900; /* we add */

  &:not(.collapsed) {
    color: var(--greatplate-accordion-active-color);
    background-color: var(--greatplate-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--greatplate-accordion-border-width)) 0 var(--greatplate-accordion-border-color); /* stylelint-disable-line function-disallowed-list */

    &::after {
      background-image: var(--greatplate-accordion-btn-active-icon);
      transform: var(--greatplate-accordion-btn-icon-transform);
    }
  }

  /* Accordion icon*/
  &::after {
    flex-shrink: 0;
    width: var(--greatplate-accordion-btn-icon-width);
    height: var(--greatplate-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--greatplate-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--greatplate-accordion-btn-icon-width);
  }

  &:hover {
    z-index: 2;
  }

  &:focus {
    z-index: 3;
    border-color: var(--greatplate-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--greatplate-accordion-btn-focus-box-shadow);
  }
}

.greatplate-accordion .accordion-header {
  margin-bottom: 0;
}

.greatplate-accordion .accordion-item {
  color: var(--greatplate-accordion-color);
  background-color: var(--greatplate-accordion-bg);
  border: var(--greatplate-accordion-border-width) solid var(--greatplate-accordion-border-color);
}

.greatplate-accordion .accordion-body {
  padding: var(--greatplate-accordion-body-padding-y) var(--greatplate-accordion-body-padding-x);
  padding:0;
}


/* Flush accordion items
 Remove borders and border-radius to keep accordion items edge-to-edge.*/

.greatplate-accordion .accordion-flush {
  .accordion-collapse {
    border-width: 0;
  }

  .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;

    &:first-child { border-top: 0; }
    &:last-child { border-bottom: 0; }

    .accordion-button {
      &,
      &.collapsed {
        border-radius:0;
      }
    }
  }
}