/* 
// --breakpoint-xs: 0;
// --breakpoint-sm: 576px;
// --breakpoint-md: 768px;
// --breakpoint-lg: 992px;
// --breakpoint-xl: 1200px;
// --breakpoint-xxl: 1400px; 
*/

[data-layout=accommodation-grid] {
  display: flex;
  flex-direction: column;
  background-color: transparent !important;
  flex-grow: 1;
  padding: 0 var(--h-space, none);
  [data-heading] {
    h2 {
      display: flex;
      align-items: center;
      font-size: 1.25rem;
      text-transform: capitalize;
      svg {
        width:  var(--size-h2);
        height:  var(--size-h2);
        vertical-align: middle;
      }
    }
  }
  @media only screen and (min-width:601px) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    /* justify-content: space-between; */
    gap: 1em;
    /* grid-auto-flow: column; */
    [data-heading] {
      grid-column: 1 / span 3;
      grid-row: 1;
      svg {
        width:  var(--size-h2);                                                                                                                                                                                                                                                               
        height:  var(--size-h2);
        vertical-align: middle;
      }
    }
    [data-rating] {
      grid-column: 1 / span 3;
      grid-row: 2;
    }
    [data-gallery] {
      grid-column: 1 / span 2;
      grid-row: 3;
    }    
    [data-price-list] {
      grid-column: 3;
      grid-row: 3 / span 4;
      align-self: start;
      height: 100%;
      [data-layout=pricing] {
        position: sticky;
        top: 0;
      }
    }
    [data-fulltext] {
      grid-column: 1 / span 2;
      grid-row: 5;   
    }
    [data-order-summary] {
      grid-column: 3;
      grid-row: 3 / span 4;
      align-self: start;
      height: 100%;
      [data-content] {
        position: sticky;
        top: 0;        
      }
    }
    [data-room-summary] {
      grid-column: 1 / span 2;
      grid-row: 4;
    }

    [data-feature-list] {
      grid-column: 1 / span 2;
      grid-row: 6;
    }
    [data-comments] {
        grid-column: 1 / span 3;
        grid-row: 7;
    }
    [data-map-listing] {
        grid-column: 1 / span 3;
        grid-row: 8;
    }    
    [data-local-info] {
        grid-column: 1 / span 3;
        grid-row: 9;
    }    
    [data-things-to-know] {
        grid-column: 1 / span 3;
        grid-row: 10;

    }      
  }


  li.vote-star svg path,
  li.vote-star-half svg path,
  li.vote-star-empty svg path {
    fill: inherit;
  }    
  svg path {
    fill: var(--color-nav-link, rgb(0, 48, 89));
  }
  [data-layout=icon-list] {
    display: grid;
    padding: var(--v-space) 0;
    column-gap: var(--v-space);
    row-gap: var(--h-space);
    grid-template-columns: 24px 1fr;
    [data-icon] {
      grid-column: 1;
    }
    [data-label] {
      grid-column: 2;
    }
  }
  [data-layout=grid-3] {
    @media only screen and (min-width:601px) {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: var(--v-space);
    }
  }
  [data-layout=grid-2] {
    display: flex;
    flex-direction: column;
    row-gap: var(--v-space);
    @media only screen and (min-width:601px) {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: var(--v-space);
    }
  }
  [data-icon-heading] {
    display: flex;
    align-items: center;
    column-gap: var(--v-space);
  }  
  [data-things-to-know] {
    section:not([data-modal-header]) {
      display: flex;
      flex-direction: column;
      [data-icon-heading] {
        border-bottom: 1px dashed #ccc;
        padding-bottom: calc(var(--v-space) / 2);
      }
      button[data-type=link] {
        text-transform: capitalize;
        align-self: flex-end;
      }
    }
  }
  [data-modal-body] {
    [data-layout=table-grid-2]{
      display: grid;
      padding: 0 0 var(--v-space) 0;
      column-gap: var(--v-space);
      row-gap: var(--h-space);
      grid-template-columns: 1fr 3fr;
      border-bottom: 1px dashed #ccc;
      [data-table-heading] {
        font-weight: bold;
      }
    }
    [data-layout=table-grid-2]:last-child {
      border-bottom: 0px dashed #ccc;
    }
  }
  [data-order-summary] {
    h3 {
      small {
        text-transform: lowercase;
      }
    }
    h3[data-modal-open] {
      margin-bottom: var(--v-space);
    }
    [data-modal-open]:nth-child(3) {
      border: 1px solid #fff;
      border-radius: 5px 5px 0 0;
    }
    [data-modal-open]:nth-child(4) {
      border: 1px solid #fff;
      border-radius:  0 0 5px 5px;
      border-top: 0;
    }
    [data-modal-open] {
      [data-role=link] {
        display: flex;
        padding: 0;
        [data-layout=flex-col] {
          display: flex;
          flex-direction: column;
          flex-grow: 1;
          align-items: flex-start;
          padding: calc(var(--v-space) / 2);
          [data-display] {
            text-transform: capitalize;
          }
          [data-label] {
              --grey2: #b9b9b9;
            color: var(--grey2);
            font-size: calc(1rem / 1.3);
          }
        }
        [data-layout=flex-col]:nth-child(2) {
          border-left: 1px solid #fff;
        }
      }
    }    
  }
  [data-is=feature-item] {
    svg {
      width: 24px;
    }
  }
}
[aria-labelledby=footer-copy] {
  margin-bottom: 90px !important;
}
[data-id=cal] {
  [data-modal-footer] {
    .age-group {
      display: flex;
      align-items: center;
      column-gap: var(--v-space);
      flex-grow: 1;
      svg {
        fill: var(--color-nav-link)
      }
    }
  }
}