/*
Theme Name: Uma Paranjpe
Theme URI: https://umaparanjpe.replit.app/
Author: Uma Paranjpe
Author URI: https://umaparanjpe.replit.app/
Description: Custom WordPress theme for actor & playwright Uma Paranjpe. A striking split-screen landing leads into Resume/Reel, Production Photos, Writing, Coaching, Press, and Contact. Every text string and image is editable in the Customizer; resume credits, photos, press, writing works and coaching offers are managed as standard WP posts. Elementor compatible.
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uma-paranjpe
Tags: portfolio, one-column, two-columns, custom-menu, featured-images, theme-options
*/

/* All visual styling is delivered via Tailwind (loaded in header.php).
   Use this file to layer in any per-site CSS overrides. */

/* Smooth in-view fade-up animation triggered by JS (assets/js/theme.js) */
.upj-fade-up{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.upj-fade-up.is-visible{opacity:1;transform:none}

/* Hover-zoom effect on production photos (mirrors the React build) */
.upj-photo img{transition:transform .7s cubic-bezier(.16,1,.3,1)}
.upj-photo:hover img{transform:scale(1.05)}
.upj-photo figcaption{opacity:0;transition:opacity .3s ease}
.upj-photo:hover figcaption{opacity:1}

/* Bouncing scroll-down chevron on the landing */
@keyframes upjBounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(8px); }
}
.upj-bounce { animation: upjBounce 1.6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
  .upj-bounce { animation: none; }
}

/* Lightbox */
.upj-lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.95);display:flex;flex-direction:column}
.upj-lightbox[hidden]{display:none}
.upj-lb-track{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.upj-lb-track::-webkit-scrollbar{display:none}
.upj-lb-slide{scroll-snap-align:start;flex:0 0 100%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}
@media (min-width:768px){.upj-lb-slide{padding:4rem}}
.upj-lb-slide img{max-width:100%;max-height:78vh;object-fit:contain;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
@media (min-width:768px){.upj-lb-slide img{max-height:82vh}}
.upj-lb-meta{margin-top:1.5rem;text-align:center;max-width:42rem}
.upj-lb-group{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#c46b2e}
.upj-lb-caption{margin-top:.5rem;font-family:'Cormorant Garamond',serif;color:#f7f2ea;font-size:1rem}
@media (min-width:768px){.upj-lb-caption{font-size:1.125rem}}
.upj-lb-close,.upj-lb-prev,.upj-lb-next{position:absolute;z-index:20;color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);border:0;border-radius:9999px;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,color .2s}
.upj-lb-close:hover,.upj-lb-prev:hover,.upj-lb-next:hover{background:rgba(255,255,255,.18);color:#fff}
.upj-lb-close{top:1rem;right:1rem;background:transparent;width:auto;height:auto;padding:.75rem}
.upj-lb-prev{left:1rem;top:50%;transform:translateY(-50%);display:none}
.upj-lb-next{right:1rem;top:50%;transform:translateY(-50%);display:none}
@media (min-width:768px){.upj-lb-prev,.upj-lb-next{display:flex}}
.upj-lb-counter{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:.75rem;letter-spacing:.2em}

/* WPForms — match the theme's input styling */
.upj-wpforms-wrap .wpforms-container{margin:0!important}
.upj-wpforms-wrap .wpforms-form input[type=text],
.upj-wpforms-wrap .wpforms-form input[type=email],
.upj-wpforms-wrap .wpforms-form input[type=tel],
.upj-wpforms-wrap .wpforms-form input[type=url],
.upj-wpforms-wrap .wpforms-form select,
.upj-wpforms-wrap .wpforms-form textarea{
  background:transparent!important;border:0!important;border-bottom:1px solid #d4cec4!important;
  border-radius:0!important;padding:.75rem 0!important;color:#1a1714!important;font-family:Inter,sans-serif!important;
  width:100%!important;box-shadow:none!important;
}
.upj-wpforms-wrap .wpforms-form input:focus,
.upj-wpforms-wrap .wpforms-form select:focus,
.upj-wpforms-wrap .wpforms-form textarea:focus{outline:0!important;border-bottom-color:#c46b2e!important}
.upj-wpforms-wrap .wpforms-form label.wpforms-field-label{
  font-size:.75rem!important;letter-spacing:.15em!important;text-transform:uppercase!important;
  color:#6a6055!important;font-weight:400!important;margin-bottom:.25rem!important;
}
.upj-wpforms-wrap .wpforms-form button[type=submit]{
  background:#1a1714!important;color:#fff!important;border:0!important;border-radius:0!important;
  padding:1rem 2rem!important;text-transform:uppercase!important;letter-spacing:.15em!important;
  font-size:.875rem!important;cursor:pointer;transition:background-color .3s;margin-top:1.5rem!important;
}
.upj-wpforms-wrap .wpforms-form button[type=submit]:hover{background:#c46b2e!important}
.upj-wpforms-wrap .wpforms-confirmation-container-full{
  background:#e8f3ee!important;border:0!important;color:#1a4d33!important;padding:2rem!important;text-align:center;
}

/* Mobile menu */
.upj-mobile-menu{display:none}
.upj-mobile-menu.is-open{display:flex}
body.upj-no-scroll{overflow:hidden}