/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0
Description: Child theme for GeneratePress.
Author: ChatGPT Helper
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Typography */
.entry-content p {
  color: #353535;
  font-size: 20px;
}

.entry-content ul {
  margin-left: 1.5em;
  font-size: 18px;
}

.entry-content h2 { font-size: 32px; }
.entry-content h3 { font-size: 28px; }
.entry-content h4 { font-size: 24px; }
.entry-content h5 { font-size: 21px; }
.entry-content h6 { font-size: 18px; }

#sidebar b {
  font-size: 14px;
}

/* --Hide GeneratePress meta info ------- */
.single footer.entry-meta,
.home .entry-meta {
  display: none;
}

/* --기존버튼 애니메이션기능 추가시작-- */
.wp-block-button.is-style-pulse .wp-block-button__link {
  display: inline-block;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #0073aa;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgb(0 115 170 / 30%);
  transition: background-color 0.3s ease;
  animation: pulseScale 1.2s infinite alternate ease-in-out;
}
/* ----끝------ */

.wp-block-button.is-style-pulse .wp-block-button__link:hover {
  background-color: #005f87;
  color: #ccc;
  animation-duration: 0.5s;
}

@keyframes pulseScale {
  from { transform: scale(1); }
  to { transform: scale(1.08); }
}

/* Center featured images */
.single .wp-post-image,
.single .page-header-image-single img,
.blog .post-image img,
.home .post-image img,
.archive .post-image img {
  display: block;
  margin: 0 auto;
  float: none;
}

/* Ads */
.top-banner-ad {
  max-width: 1400px;
  width: 100%;
  margin: 10px auto;
  padding: 0 10px;
  box-sizing: border-box;
}

.sidebar-ad {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.ads-wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 40px auto;
  box-sizing: border-box;
}

/* Custom gallery */
.custom-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  max-width: 900px;
  margin: 0 auto;
}

.custom-gallery img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,.1);
  transition: transform .3s ease;
  cursor: pointer;
}

.custom-gallery img:hover {
  transform: scale(1.03);
}

@media (max-width: 768px) {
  .sidebar-ad {
    max-width: 100%;
    padding: 0 5px;
  }

  .custom-gallery {
    grid-template-columns: repeat(2, 1fr);
  }

  .entry-content p {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .custom-gallery {
    grid-template-columns: 1fr;
  }
}