/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://antsicecream.com/
 Description:  Custom child theme for Ant's Ice Cream
 Author:       Kevin Tran
 Template:     generatepress
 Version:      1.0.0
*/


/* --------------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan:wght@700&display=swap');

/* --------------------------------------------------------------------------------------------- */

/* Changes body to use Baloo Chettan 2 */
body {
  font-family: 'Baloo Chettan 2', cursive;
  font-weight: 700;
}

/* --------------------------------------------------------------------------------------------- */

/* Ensure all headings use Baloo Chettan */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title,
.page-title,
.widget-title,
h1.has-text-align-center,
h2.has-text-align-center,
h3.has-text-align-center,
h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading {
  font-family: 'Baloo Chettan', sans-serif !important;
  font-weight: 700 !important;
}

/* --------------------------------------------------------------------------------------------- */

/* Fixes logo and header on mobile ONLY */
@media (max-width: 768px) {
  .site-branding {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transform: scale(1.4); /* Increase both logo & text */
    transform-origin: center;
  }

  .site-logo img {
    max-height: 48px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
  }

  .main-title {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* --------------------------------------------------------------------------------------------- */

/* Style for blog index and post containers */

/* Wrap each post content inside a white box */
.blog .inside-article,
.archive .inside-article {
  background: #fff;
  padding: 2em;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  max-width: 800px;
  margin: 2em auto;
}

/* Optional: tighten spacing between posts */
.blog .post, 
.archive .post {
  margin-bottom: 2em;
}

/* Post title styling */
.blog .entry-title, 
.archive .entry-title {
  text-align: center;
  font-family: 'Baloo Chettan', cursive;
}

/* Pink background for the blog page */
.blog .site-main,
.archive .site-main {
  background-color: #FFDCDE; /* soft pink from your palette */
  padding: 3em 1em;
}


/* Keep each post in a white card */
.blog .inside-article,
.archive .inside-article {
  background: #fff;
  padding: 2em;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  max-width: 800px;
  margin: 0 auto 2em auto;
}


/* --------------------------------------------------------------------------------------------- */

/* Yelp-Google Review markup style */
.yg5-close {
    display: inline-block;
    background-color: #f28cb2; /* pink theme */
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    float: right;
}

.yg5-photo-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #f28cb2;
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    z-index: 10002;
}


/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */