/*
Theme Name: PostNow Animated
Theme URI: https://postnow.in/
Description: Official animated child theme for PostNow. Preserves the canonical postnow-theme and upgrades the public homepage presentation with progressive, accessible animation.
Author: PostNow
Author URI: https://postnow.in/
Template: postnow-theme
Version: 3.6.0-rc4.1
Text Domain: postnow-animated
Requires at least: 6.7
Requires PHP: 8.1
License: Proprietary
*/

/* Parent theme styles are loaded by functions.php. */

/* PostNow live footer alignment and Shibu hero order repair — 2026-10-31 */
/* Desktop hero: Shibu on the left, copy on the right. */
.pn-home .pn-hero__grid { grid-template-areas: "visual copy"; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.pn-home .pn-hero__visual { grid-area: visual; }
.pn-home .pn-hero__copy { grid-area: copy; }
@media (max-width: 980px) {
  .pn-home .pn-hero__grid { grid-template-areas: "visual" "copy"; }
  .pn-home .pn-hero__visual { order: 0; }
  .pn-home .pn-hero__copy { order: 1; }
}
/* Rebuild the footer grid and its native link/button styling. */
.site-footer--professional { padding: 46px 0 26px; color: #e5e7eb; }
.site-footer--professional .postnow-footer-top { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); align-items:center; gap:28px; margin-bottom:34px; padding-bottom:28px; border-bottom:1px solid rgba(255,255,255,.12); }
.site-footer--professional .postnow-footer-brand .postnow-logo { display:inline-flex; align-items:center; line-height:1; }
.site-footer--professional .postnow-footer-brand .postnow-logo img { display:block; width:auto; max-width:min(100%,260px); max-height:44px; height:auto; }
.site-footer--professional .postnow-footer-brand p { max-width:680px; margin:14px 0 0; color:rgba(255,255,255,.78); line-height:1.7; }
.site-footer--professional .postnow-footer-cta { padding:22px; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:rgba(255,255,255,.07); }
.site-footer--professional .postnow-footer-cta h3 { margin:0 0 12px; color:#fff; font-size:22px; line-height:1.2; }
.site-footer--professional .postnow-footer-cta a { display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:14px; background:linear-gradient(135deg,#16a34a,#22c55e); color:#fff; font-weight:800; text-decoration:none; }
.site-footer--professional .postnow-footer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:0 0 26px; }
.site-footer--professional .postnow-footer-col h3 { margin:0 0 12px; color:#fff; font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
.site-footer--professional .postnow-footer-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.site-footer--professional .postnow-footer-toggle-icon { display:none; }
.site-footer--professional .postnow-footer-links { margin:0; padding:0; list-style:none; }
.site-footer--professional .postnow-footer-links li { margin:0 0 9px; }
.site-footer--professional .postnow-footer-links a, .site-footer--professional .postnow-footer-bottom-links a { color:rgba(255,255,255,.78); line-height:1.55; text-decoration:none; }
.site-footer--professional .postnow-footer-links a:hover, .site-footer--professional .postnow-footer-bottom-links a:hover { color:#fff; text-decoration:underline; }
.site-footer--professional .postnow-footer-note { margin:0 0 22px; padding:16px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.06); }
.site-footer--professional .postnow-footer-note p, .site-footer--professional .postnow-footer-bottom p { margin:0; }
.site-footer--professional .postnow-footer-note p { color:rgba(255,255,255,.74); line-height:1.65; }
.site-footer--professional .postnow-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); }
.site-footer--professional .postnow-footer-bottom-links { display:flex; flex-wrap:wrap; gap:8px 14px; }
@media (max-width: 900px) {
  .site-footer--professional .postnow-footer-top { grid-template-columns:minmax(0,1fr) minmax(220px,.8fr); }
  .site-footer--professional .postnow-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
}
@media (max-width: 640px) {
  .site-footer--professional { padding:34px 0 22px; }
  .site-footer--professional .postnow-footer-top, .site-footer--professional .postnow-footer-grid { grid-template-columns:minmax(0,1fr); }
  .site-footer--professional .postnow-footer-top { gap:16px; margin-bottom:20px; padding-bottom:20px; }
  .site-footer--professional .postnow-footer-cta { padding:16px; }
  .site-footer--professional .postnow-footer-grid { gap:0; }
  .site-footer--professional .postnow-footer-col { border-top:1px solid rgba(255,255,255,.12); }
  .site-footer--professional .postnow-footer-col h3 { margin:0; font-size:13px; }
  .site-footer--professional .postnow-footer-toggle { padding:13px 0; color:#fff; letter-spacing:.06em; }
  .site-footer--professional .postnow-footer-toggle-icon { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; }
  .site-footer--professional .postnow-footer-toggle-icon::before { content:"+"; }
  .site-footer--professional .postnow-footer-col.is-open .postnow-footer-toggle-icon::before { content:"−"; }
  .site-footer--professional .postnow-footer-col:not(.is-open) .postnow-footer-links { display:none; }
  .site-footer--professional .postnow-footer-links { padding:0 0 12px; }
  .site-footer--professional .postnow-footer-links li { margin:0; }
  .site-footer--professional .postnow-footer-links a { display:block; padding:7px 0; font-size:13px; }
  .site-footer--professional .postnow-footer-bottom { align-items:flex-start; flex-direction:column; }
}


/* Keep the white homepage action button text readable against its background. */
.pn-home .pn-btn--ghost,
.pn-home .pn-btn--ghost .pn-btn__label,
.pn-home .pn-btn--ghost span {
  color: var(--pn-blue) !important;
}