/*
Theme Name: Joydip Premium Dark
Theme URI: https://www.joydiphazra.com/
Author: Joydip Hazra
Description: Version 4: animated, high-contrast lightweight, responsive dark portfolio theme with editable homepage, services, projects, blog and contact pages.
Version: 57.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: joydip-premium
License: GPL-2.0-or-later
*/

/* Portfolio v39 */
.jh-portfolio-v39-card{overflow:hidden}.jh-v39-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-height:245px;width:100%;padding:28px;background:radial-gradient(circle at 85% 5%,rgba(191,255,67,.19),transparent 45%),linear-gradient(135deg,#172320,#10171a);color:#eaf4ec}.jh-v39-placeholder strong{font-size:clamp(19px,2vw,28px);line-height:1.18;max-width:95%}.jh-v39-placeholder small{font-size:10px;letter-spacing:.16em;color:#c4f572}.jh-v39-window{display:flex;gap:6px;margin-bottom:13px}.jh-v39-window i{height:8px;width:8px;background:#c1f36b;border-radius:50%}.jh-v39-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}.jh-v39-actions a{color:#c9f875;text-decoration:none;font-size:13px;font-weight:650}.jh-v39-actions a:hover{text-decoration:underline}.jh-filter-item[hidden]{display:none!important}

/* v40 portfolio redesign: screenshot-first, dark/lime only */
.jh-portfolio-heading{background:#061116}.jh-portfolio-heading>.container>p{max-width:650px}
.jh-portfolio-heading .jh-inner-project-grid{gap:18px}
.jh-portfolio-v39-card{background:linear-gradient(145deg,#0c2328,#07191e);border:1px solid #1b3838;border-radius:12px;transition:transform .25s,border-color .25s,box-shadow .25s}
.jh-portfolio-v39-card:hover{transform:translateY(-5px);border-color:#91f75e;box-shadow:0 16px 35px #0005}
.jh-portfolio-v39-card .jh-inner-project-image{aspect-ratio:1.52;overflow:hidden;background:#10252a}
.jh-portfolio-v39-card .jh-inner-project-image img{object-fit:cover;object-position:top;transition:transform .45s}
.jh-portfolio-v39-card:hover .jh-inner-project-image img{transform:scale(1.035)}
.jh-portfolio-v39-card .jh-inner-card-content{padding:18px 20px 22px}
.jh-portfolio-v39-card .jh-inner-card-content h3{margin:7px 0 9px;font-size:19px}
.jh-portfolio-v39-card .jh-inner-card-content h3 a,.jh-portfolio-v39-card .jh-v39-actions a{color:#a3ff65!important}
.jh-portfolio-v39-card .jh-inner-card-content p{line-height:1.6;margin:0;color:#b9cacc}
.jh-portfolio-v39-card .jh-v39-actions{margin-top:14px;gap:18px}
.jh-filter-controls button:hover{border-color:#a3ff65;color:#a3ff65}
.jh-project-v23 .jh-project-gallery-stage{border-radius:12px;overflow:hidden;background:#10252b;min-height:360px}
.jh-project-v23 .jh-project-gallery-stage img{width:100%;height:auto;max-height:520px;object-fit:cover;object-position:top}
.jh-project-v23 .jh-project-gallery-stage img[src*=mshots]{aspect-ratio:1.6;object-fit:cover;object-position:top}
.jh-project-v23 .jh-project-gallery{margin-bottom:32px}
.jh-project-v23 .jh-project-overview h1{font-size:clamp(30px,3.5vw,50px)}
.jh-project-v23 .jh-project-overview p{font-size:16px;max-width:800px}
.jh-project-v23 .jh-project-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;list-style:none;padding:0;margin:22px 0 32px}
.jh-project-v23 .jh-project-features li{padding-left:23px;position:relative;color:#cfe0db}
.jh-project-v23 .jh-project-features li:before{content:'✓';position:absolute;left:0;color:#a3ff65;font-weight:800}
.jh-v40-tech{margin-top:28px}.jh-v40-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.jh-v40-tags span{border:1px solid #294b43;background:#0d2328;border-radius:22px;padding:9px 15px;color:#c9dcd7;font-size:12px}
.jh-project-v23 .jh-project-side .jh-detail-sidebar{border-color:#24433d}
.jh-project-v23 .jh-project-visit{background:#a3ff65!important;color:#071116!important}
.jh-portfolio-heading .jh-inner-card-content a:hover,.jh-breadcrumb a:hover{color:#d0ff9b!important}
/* Eliminate previous orange accents only within portfolio pages */
.jh-portfolio-heading .jh-inner-project-card .micro,.jh-project-v23 .jh-breadcrumb a{color:#a3ff65!important}
@media(max-width:650px){.jh-project-v23 .jh-project-features{grid-template-columns:1fr}.jh-project-v23 .jh-project-gallery-stage{min-height:210px}}

/* v41: Native portfolio screenshot gallery */
.jh-v41-gallery{margin:36px 0 12px}.jh-v41-gallery h3{margin:0 0 18px;color:#f3f8f6}.jh-v41-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.jh-v41-gallery-link{display:block;border:1px solid #24453c;border-radius:10px;overflow:hidden;background:#0d2325;aspect-ratio:1.45}.jh-v41-gallery-link img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .2s}.jh-v41-gallery-link:hover img{transform:scale(1.04)}.jh-v41-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:60px 24px}.jh-v41-lightbox img{max-width:95vw;max-height:86vh;object-fit:contain}.jh-v41-lightbox button{position:absolute;right:22px;top:16px;background:#a3ff63;color:#07130c;border:0;border-radius:30px;padding:10px 16px;font-size:18px;cursor:pointer}@media(max-width:640px){.jh-v41-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v42: Accessible portfolio gallery lightbox */
.jh-v42-lightbox{position:fixed;inset:0;z-index:2147483640;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(2,9,11,.96);padding:55px 20px 32px;box-sizing:border-box}.jh-v42-lightbox-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;max-width:calc(100vw - 160px);max-height:calc(100vh - 90px)}.jh-v42-lightbox-image{display:block;max-width:100%;max-height:calc(100vh - 125px);width:auto;height:auto;object-fit:contain;border-radius:7px}.jh-v42-lightbox-counter{margin-top:12px;color:#d5e6de;font-size:13px}.jh-v42-lightbox button{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid #496b55;border-radius:50%;background:#102b27;color:#a3ff63;font-size:32px;line-height:1;cursor:pointer}.jh-v42-lightbox button:hover,.jh-v42-lightbox button:focus-visible{background:#a3ff63;color:#06150e;outline:2px solid #a3ff63;outline-offset:2px}.jh-v42-lightbox .jh-v42-lightbox-close{position:absolute;top:15px;right:20px;z-index:2}.jh-v41-gallery-link{cursor:zoom-in}@media(max-width:640px){.jh-v42-lightbox{gap:5px;padding:62px 8px 20px}.jh-v42-lightbox-panel{max-width:calc(100vw - 104px)}.jh-v42-lightbox button{width:38px;height:38px;font-size:27px}.jh-v42-lightbox-image{max-height:calc(100vh - 135px)}}

/* v43 Portfolio visitor-facing editor content */
.jh-v43-seo-content{max-width:850px;margin:22px 0 28px;color:#b5c9c8;font-size:15px;line-height:1.8}
.jh-v43-seo-content h2{font-size:clamp(20px,2.4vw,27px);line-height:1.25;color:#f4fbf8;margin:23px 0 10px}
.jh-v43-seo-content p{margin:0 0 13px}
.jh-v43-seo-content a{color:#a1ff65;text-decoration:underline;text-underline-offset:3px}

/* v44 portfolio editorial layout: SEO copy stays visible, with the work first. */
.jh-portfolio-heading>.container{max-width:1200px}
.jh-portfolio-heading>.container>h1{font-size:clamp(40px,5.4vw,70px);letter-spacing:-.055em;line-height:1.08;margin-bottom:16px}
.jh-portfolio-heading>.container>p{font-size:16px;max-width:660px;color:#b8c9c9}
.jh-v44-lead{max-width:780px;margin:22px 0 32px;padding:22px 28px;background:linear-gradient(120deg,#102c29,#0b1b21);border:1px solid #21483b;border-radius:16px;color:#c9dad7}
.jh-v44-lead h2{font-size:clamp(19px,2.1vw,26px);letter-spacing:-.035em;line-height:1.25;margin:0 0 10px;color:#f2fbf5}
.jh-v44-lead p{font-size:14px;line-height:1.8;margin:0}
.jh-portfolio-heading .jh-filter-controls{margin-top:24px;margin-bottom:22px}
.jh-v44-after-grid{margin:75px 0 28px;padding:38px;border:1px solid #214339;border-radius:20px;background:linear-gradient(145deg,#0d2425,#08181d 72%)}
.jh-v44-section-intro{margin-bottom:24px;max-width:720px}
.jh-v44-section-intro h2{color:#f3faf6;font-size:clamp(27px,3.2vw,39px);letter-spacing:-.045em;margin:10px 0}
.jh-v44-section-intro p{color:#aec5c2}
.jh-v44-seo-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;color:#b9cfca;font-size:14px;line-height:1.85}
.jh-v44-seo-panels h2{font-size:20px;letter-spacing:-.03em;color:#e9fff0;margin:0 0 10px;grid-column:auto}
.jh-v44-seo-panels p{margin:0 0 10px}
.jh-v44-seo-panels a{color:#a3ff65!important;text-decoration:underline;text-underline-offset:3px}
.jh-v44-seo-panels h2:nth-of-type(1),.jh-v44-seo-panels h2:nth-of-type(2){border-top:1px solid #295046;padding-top:16px}
.jh-portfolio-heading a:not(.jh-inner-project-card a){transition:color .2s}
@media(max-width:760px){.jh-v44-after-grid{padding:22px;margin-top:44px}.jh-v44-seo-panels{grid-template-columns:1fr}.jh-v44-lead{padding:20px}}