/*
Theme Name:   Astra Child
Template:     astra
Version:      1.0.0
Author:       Jose Paulo Timbang
Text Domain:  astra-child
*/

/* ═══════════════════════════════════════════
   BLOG PAGE - Match homepage spacing
═══════════════════════════════════════════ */

/* Push blog content down same as homepage */
.blog #content,
.archive #content {
    padding-top: 100px;
}

/* Remove sidebar - full width blog */
.blog #secondary,
.archive #secondary {
    display: none;
}

/* Full width content area when no sidebar */
.blog #primary,
.archive #primary {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Blog post card spacing */
.blog .ast-article-post,
.archive .ast-article-post {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #eee;
}

/* Post title */
.blog .entry-title a,
.archive .entry-title a {
    text-decoration: none;
    font-size: 24px;
    line-height: 1.4;
}

/* Post title hover */
.blog .entry-title a:hover,
.archive .entry-title a:hover {
    opacity: 0.7;
}

/* Featured image */
.blog .ast-blog-featured-image img,
.archive .ast-blog-featured-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Post excerpt */
.blog .entry-summary,
.archive .entry-summary {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 15px;
}

/* Read more button */
.blog .ast-read-more,
.archive .ast-read-more {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 28px;
    border: 2px solid currentColor;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

/* ═══════════════════════════════════════════
   SINGLE BLOG POST
═══════════════════════════════════════════ */

.single-post #content {
    padding-top: 100px;
}

.single-post #primary {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.single-post .entry-content {
    font-size: 17px;
    line-height: 1.9;
}

/* ═══════════════════════════════════════════
   MOBILE
═══════════════════════════════════════════ */

@media (max-width: 768px) {
    .blog #content,
    .archive #content,
    .single-post #content {
        padding-top: 70px;
    }

    .blog #primary,
    .archive #primary,
    .single-post #primary {
        padding: 0 15px;
    }

    .blog .ast-blog-featured-image img,
    .archive .ast-blog-featured-image img {
        height: 200px;
    }
}



/* Blob starts from here*/

#paulo-blobs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

#paulo-blobs .pb1,
#paulo-blobs .pb2,
#paulo-blobs .pb3 {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.45;
}

#paulo-blobs .pb1 {
  width: 500px;
  height: 500px;
  background: #534AB7;
  top: -150px;
  left: -100px;
  animation: pb-morph1 9s ease-in-out infinite;
}

#paulo-blobs .pb2 {
  width: 450px;
  height: 450px;
  background: #1D9E75;
  bottom: -150px;
  right: -100px;
  animation: pb-morph2 11s ease-in-out infinite;
}

#paulo-blobs .pb3 {
  width: 350px;
  height: 350px;
  background: #185FA5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: pb-morph3 13s ease-in-out infinite;
}

@keyframes pb-morph1 {
  0%,100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50%      { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
}

@keyframes pb-morph2 {
  0%,100% { border-radius: 40% 60% 60% 40% / 70% 30% 50% 40%; }
  50%      { border-radius: 70% 30% 40% 60% / 30% 70% 40% 60%; }
}

@keyframes pb-morph3 {
  0%,100% { border-radius: 50% 50% 40% 60% / 40% 60% 50% 50%; }
  50%      { border-radius: 30% 70% 60% 40% / 60% 40% 70% 30%; }
}

@media (prefers-reduced-motion: reduce) {
  #paulo-blobs .pb1,
  #paulo-blobs .pb2,
  #paulo-blobs .pb3 {
    animation: none;
  }
}

/* Hero image fix on mobile*/

@media only screen and (max-width: 767px) {
    .uagb-block-4961d180.wp-block-uagb-image .wp-block-uagb-image__figure img {
        width: unset;
        height: unset;
    }
}

@media only screen and (max-width: 976px) {
.uagb-block-4961d180.wp-block-uagb-image .wp-block-uagb-image__figure img {
width:unset;!important
height:unset;!important
    }
}

ul.main-header-menu.ast-nav-menu.ast-flex.submenu-with-border.astra-menu-animation-fade.stack-on-mobile {
    z-index: 9999999;
}
/* Chat wraper blocked content fix on mobile*/
@media only screen and (max-width: 767px) {
#paulo-chatbot-wrapper{
    z-index: 1;!important
}
}

@media only screen and (max-width: 976px) {
#paulo-chatbot-wrapper{
	z-index: 1;!important
}
}

#paulo-chatbot-wrapper{
    z-index: 1;!important
}

/* Hero image fix on mobile*/
@media only screen and (max-width: 767px) {
.wp-block-uagb-image.uagb-block-4961d180.wp-block-uagb-image--layout-default.wp-block-uagb-image--effect-zoomin.wp-block-uagb-image--align-none.Pau-hero-img {
    padding: 60px;
    margin-top: -60px;
}
}

/* Hero image fix on mobile*/
@media only screen and (max-width: 976px) {
.wp-block-uagb-image.uagb-block-4961d180.wp-block-uagb-image--layout-default.wp-block-uagb-image--effect-zoomin.wp-block-uagb-image--align-none.Pau-hero-img {
    padding: 60px;
    margin-top: -60px;
}
}

/*Highlight Paulo in hero*/
span.Paulo-highlighted {
	color: #3369A0;
}

/* Available for work badge */
.paulo-available {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(13, 148, 136, 0.15);
  border: 1px solid rgba(13, 148, 136, 0.35);
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 12px;
  color: #5eead4;
  font-weight: 500;
}

/* Fix padding between p and button */
.hero-tag-line .uagb-block-417295f8.wp-block-uagb-info-box .uagb-ifb-desc {
  margin-bottom: 0 !important;
}

/* Glowing green dot */
.paulo-available-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2dd4bf;
  box-shadow: 0 0 6px #2dd4bf;
  flex-shrink: 0;
}
.paulo-available-wrap {
  display: flex;
	justify-content: center;
}

.paulo-available.paulo-available {
  width: 135px;
}