/*
Theme Name: I Love Bretagne
Author: Claudio
Version: 1.0
*/

/* TABLET / DESKTOP PICCOLO */

@media (max-width: 1200px) {

    .site-layout {
        grid-template-columns:
            220px
            minmax(0, 1fr);
    }

    .sidebar-right {
        display: none;
    }

}


/* MOBILE */

@media (max-width: 760px) {

    .site-layout {
        width: calc(100% - 30px);

        grid-template-columns: 1fr;

        margin-top: 20px;
    }

    .sidebar-left {
        display: none;
    }

}

/* ========================================
   SCHEDE LUOGO
======================================== */

@media (max-width: 760px) {

  .place-tabs__nav {
    gap: 4px;
  }

  .place-tabs__button {
    flex: 1 1 auto;

    padding: 9px 10px;

    font-size: 14px;
  }

  .place-data-grid {
    grid-template-columns: 1fr;
  }

  .place-tabs__panel {
    padding: 18px;
  }

}

/* ========================================
   PAGINA SINGOLO LUOGO
======================================== */

@media (max-width: 760px) {

  .place-single {
    padding: 24px 18px 40px;
  }

  .place-single__title {
    font-size: 32px;
  }

  .place-single__content {
    font-size: 16px;
  }

}

@media (max-width: 900px) {

  .place-access__row.has-media {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {

  .place-access__row.has-media {
    grid-template-columns: 1fr;
    gap: 24px;
  }

}

/* ========================================
   TESTO PAGINA LUOGO - COLONNE
======================================== */

@media (max-width: 900px) {

  .place-text-columns {
    column-count: 1;
    column-rule: 0;
  }

}

/* ========================================
   LAYOUT EDITORIALE ROW / COL
======================================== */

@media (max-width: 900px) {

  .place-row {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .place-text-columns {
    column-count: 1;
    column-rule: 0;
  }

}


@media (max-width: 600px) {

  .site-footer__inner {
    grid-template-columns: 1fr;
  }
  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}