:root {
	--wd-text-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #3A444A;
	--wd-text-font-size: 16px;
	--wd-title-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #1D2328;
	--wd-entities-title-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #1D2328;
	--wd-entities-title-color-hover: #245F82;
	--wd-alternative-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #1D2328;
	--wd-widget-title-font-size: 17px;
	--wd-header-el-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 4px;
	--wd-otl-style: solid;
	--wd-otl-width: 2px;
	--wd-otl-color: #63C5E5;
	--wd-primary-color: #245F82;
	--wd-alternative-color: rgb(14,42,58);
	--btn-default-bgcolor: #0E2A3A;
	--btn-default-bgcolor-hover: #245F82;
	--btn-accented-bgcolor: #0E2A3A;
	--btn-accented-bgcolor-hover: #245F82;
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #245F82;
	--notices-success-color: #FFFFFF;
	--notices-warning-bg: #C99B4A;
	--notices-warning-color: #FFFFFF;
	--wd-link-color: #173F58;
	--wd-link-color-hover: #245F82;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,245,245);
	background-image: url(https://azha-sa.com/wp-content/uploads/2024/06/sweets-bakery-popup.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 30px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #1D2328;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	font-family: "Lato-700", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: #FFFFFF;
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: #FFFFFF;
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: #FFFFFF;
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: #FFFFFF;
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: #3A444A;
	--wd-form-placeholder-color: #98A2A8;
	--wd-form-brd-color: #DFE5E8;
	--wd-form-brd-color-focus: #245F82;
	--wd-form-bg: #FFFFFF;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 16px;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font-size: 15px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 15px;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font-size: 17px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
}



.wd-page-title {
background-color: rgb(255,255,255);
}

@font-face {
	font-family: "sc";
	src: url("//azha-sa.com/wp-content/uploads/2026/09/4594arabic-font.woff2") format("woff2");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

/* =========================================================
   AZHA MEDIA / BLOG V18
   WoodMart archive + single post + featured image + gallery
   Brand: #0E2A3A / #245F82 / #C89B45
   ========================================================= */

/* =========================================================
   0. TOKENS + SAFE ROOTS
   ========================================================= */
body.azha-media-ui{
  --azm-navy:#0E2A3A !important;
  --azm-deep:#071F2D !important;
  --azm-blue:#245F82 !important;
  --azm-cyan:#63C5E5 !important;
  --azm-gold:#C89B45 !important;
  --azm-text:#25343C !important;
  --azm-muted:#74828A !important;
  --azm-line:#E3E9EC !important;
  --azm-off:#F5F8F9 !important;
  --azm-white:#FFFFFF !important;
  --azm-shadow:0 18px 52px rgba(7,31,45,.10) !important;
  --azm-shadow-lg:0 30px 85px rgba(7,31,45,.18) !important;
  --azm-ease:cubic-bezier(.2,.72,.22,1) !important;
}

/* =========================================================
   1. BLOG PAGE TITLE / BREADCRUMBS
   ========================================================= */
body.azha-media-ui .wd-page-title.title-blog{
  position:relative !important;
  min-height:300px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  margin:0 0 64px !important;
  padding:72px 0 !important;
  background:
    radial-gradient(circle at 15% 20%,rgba(99,197,229,.16),transparent 28%),
    radial-gradient(circle at 88% 76%,rgba(200,155,69,.12),transparent 24%),
    linear-gradient(135deg,#071F2D 0%,#0E2A3A 52%,#173F58 100%) !important;
  border:0 !important;
  isolation:isolate !important;
}

body.azha-media-ui .wd-page-title.title-blog::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.34 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) !important;
  background-size:42px 42px !important;
  mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent) !important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent) !important;
}

body.azha-media-ui .wd-page-title.title-blog::after{
  content:"MEDIA CENTER" !important;
  position:absolute !important;
  z-index:0 !important;
  inset-inline-end:-22px !important;
  bottom:-22px !important;
  color:rgba(255,255,255,.035) !important;
  font-size:clamp(70px,10vw,160px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

body.azha-media-ui .wd-page-title.title-blog > .container{
  position:relative !important;
  z-index:2 !important;
  width:min(100% - 32px,1180px) !important;
  max-width:1180px !important;
  margin-inline:auto !important;
  text-align:center !important;
}

body.azha-media-ui .wd-page-title.title-blog .entry-title{
  position:relative !important;
  display:inline-block !important;
  max-width:900px !important;
  margin:0 0 20px !important;
  padding-bottom:20px !important;
  color:#fff !important;
  font-size:clamp(38px,5vw,66px) !important;
  font-weight:850 !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 8px 30px rgba(0,0,0,.18) !important;
}

body.azha-media-ui .wd-page-title.title-blog .entry-title::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:54px !important;
  height:3px !important;
  border-radius:999px !important;
  background:var(--azm-gold) !important;
  transform:translateX(-50%) !important;
  box-shadow:0 0 0 5px rgba(200,155,69,.08) !important;
}

body.azha-media-ui .wd-page-title.title-blog .wd-breadcrumbs{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
  padding:9px 14px !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

body.azha-media-ui .wd-page-title.title-blog .wd-breadcrumbs a{
  color:#fff !important;
  font-weight:700 !important;
}

body.azha-media-ui .wd-page-title.title-blog .wd-delimiter{
  color:var(--azm-gold) !important;
  opacity:1 !important;
}

/* =========================================================
   2. ARCHIVE / MEDIA GRID
   ========================================================= */

body.azha-media-archive .wd-content-area{
  width:100% !important;
  max-width:none !important;
}

body.azha-media-archive .wd-blog-element{
  position:relative !important;
}

body.azha-media-archive .wd-posts.wd-blog-holder{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  width:100% !important;
  margin:0 !important;
}

body.azha-media-archive .wd-post.blog-post-loop{
  min-width:0 !important;
  margin:0 !important;
}

body.azha-media-archive .wd-post .wd-post-inner{
  position:relative !important;
  min-height:440px !important;
  height:100% !important;
  overflow:hidden !important;
  background:var(--azm-deep) !important;
  border:1px solid rgba(14,42,58,.08) !important;
  border-radius:22px !important;
  box-shadow:0 14px 40px rgba(7,31,45,.10) !important;
  isolation:isolate !important;
  transform:translateZ(0) !important;
  transition:
    transform .36s var(--azm-ease),
    box-shadow .36s ease,
    border-color .36s ease !important;
}

body.azha-media-archive .wd-post .wd-post-inner::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at var(--azm-x,50%) var(--azm-y,50%),rgba(99,197,229,.18),transparent 30%),
    linear-gradient(180deg,rgba(7,31,45,.02) 10%,rgba(7,31,45,.18) 42%,rgba(7,31,45,.94) 100%) !important;
  transition:opacity .3s ease !important;
}

body.azha-media-archive .wd-post .wd-post-inner::after{
  content:"" !important;
  position:absolute !important;
  z-index:6 !important;
  inset-inline:18px !important;
  top:0 !important;
  height:3px !important;
  background:linear-gradient(90deg,transparent,var(--azm-gold),transparent) !important;
  opacity:0 !important;
  transform:scaleX(.5) !important;
  transform-origin:center !important;
  transition:opacity .3s ease,transform .3s ease !important;
  pointer-events:none !important;
}

body.azha-media-archive .wd-post .wd-post-thumb{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  overflow:hidden !important;
}

body.azha-media-archive .wd-post .wd-post-img,
body.azha-media-archive .wd-post .post-img-wrapp{
  width:100% !important;
  height:100% !important;
  margin:0 !important;
}

body.azha-media-archive .wd-post .wd-post-img img,
body.azha-media-archive .wd-post .post-img-wrapp img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:scale(1.001) !important;
  filter:saturate(.92) contrast(1.02) !important;
  transition:transform .6s var(--azm-ease),filter .45s ease !important;
}

body.azha-media-archive .wd-post .wd-post-content{
  position:absolute !important;
  z-index:5 !important;
  inset:auto 0 0 !important;
  width:100% !important;
  min-height:0 !important;
  padding:26px 26px 24px !important;
  background:transparent !important;
  color:#fff !important;
  text-align:start !important;
}

body.azha-media-archive .wd-post .wd-post-cat{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 0 12px !important;
}

body.azha-media-archive .wd-post .wd-post-cat a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:6px 11px !important;
  background:var(--azm-gold) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  color:var(--azm-deep) !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  box-shadow:0 7px 18px rgba(0,0,0,.15) !important;
}

body.azha-media-archive .wd-post .wd-post-title{
  margin:0 0 13px !important;
  padding:0 !important;
  font-size:clamp(21px,2vw,28px) !important;
  font-weight:850 !important;
  line-height:1.34 !important;
}

body.azha-media-archive .wd-post .wd-post-title a{
  color:#fff !important;
  text-decoration:none !important;
}

body.azha-media-archive .wd-post .wd-post-meta{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px 14px !important;
  margin:0 !important;
  color:rgba(255,255,255,.68) !important;
  font-size:11px !important;
}

body.azha-media-archive .wd-post .wd-post-author{
  display:none !important;
}

body.azha-media-archive .wd-post .wd-modified-date{
  color:rgba(255,255,255,.68) !important;
}

body.azha-media-archive .wd-post .wd-post-share{
  margin-inline-start:auto !important;
  opacity:.9 !important;
}

body.azha-media-archive .wd-post .wd-post-date{
  position:absolute !important;
  z-index:7 !important;
  top:17px !important;
  inset-inline-start:17px !important;
  display:grid !important;
  width:58px !important;
  min-height:62px !important;
  place-items:center !important;
  padding:8px 6px !important;
  background:rgba(7,31,45,.82) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:14px !important;
  color:#fff !important;
  box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

body.azha-media-archive .wd-post .post-date-day{
  color:#fff !important;
  font-size:21px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body.azha-media-archive .wd-post .post-date-month{
  color:var(--azm-gold) !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

body.azha-media-archive .wd-post.format-video .wd-post-thumb::after{
  content:"" !important;
  position:absolute !important;
  z-index:8 !important;
  top:22px !important;
  inset-inline-end:22px !important;
  width:48px !important;
  height:48px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:50% !important;
  background:
    rgba(255,255,255,.12)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 7.8v8.4L16 12z'/%3E%3C/svg%3E")
    center/25px 25px no-repeat !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  pointer-events:none !important;
}

@media (hover:hover) and (pointer:fine){
  body.azha-media-archive .wd-post:hover .wd-post-inner{
    transform:translateY(-7px) !important;
    border-color:rgba(200,155,69,.35) !important;
    box-shadow:0 26px 62px rgba(7,31,45,.17) !important;
  }

  body.azha-media-archive .wd-post:hover .wd-post-inner::after{
    opacity:1 !important;
    transform:scaleX(1) !important;
  }

  body.azha-media-archive .wd-post:hover .wd-post-img img,
  body.azha-media-archive .wd-post:hover .post-img-wrapp img{
    transform:scale(1.06) !important;
    filter:saturate(1.04) contrast(1.025) !important;
  }
}

/* =========================================================
   3. SINGLE POST LAYOUT
   ========================================================= */
body.azha-media-single #main-content{
  width:min(100% - 32px,1240px) !important;
  max-width:1240px !important;
  margin-inline:auto !important;
  padding-top:0 !important;
  padding-bottom:90px !important;
}

body.azha-media-single .wd-content-area{
  width:100% !important;
  max-width:none !important;
}

body.azha-media-single .post-single-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

body.azha-media-single .wd-single-post-header{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:min(100%,1160px) !important;
  margin:0 auto 46px !important;
  padding:0 !important;
  text-align:center !important;
}

body.azha-media-single .wd-single-post-header .wd-post-cat{
  order:1 !important;
  display:flex !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 18px !important;
}

body.azha-media-single .wd-single-post-header .wd-post-cat a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:32px !important;
  padding:7px 13px !important;
  background:rgba(200,155,69,.12) !important;
  border:1px solid rgba(200,155,69,.26) !important;
  border-radius:999px !important;
  color:#8B6728 !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
}

body.azha-media-single .wd-single-post-header .wd-post-title{
  order:2 !important;
  width:min(100%,900px) !important;
  margin:0 auto 18px !important;
  color:var(--azm-navy) !important;
  font-size:clamp(34px,5vw,62px) !important;
  font-weight:850 !important;
  line-height:1.18 !important;
  letter-spacing:-.035em !important;
}

body.azha-media-single .wd-single-post-header .wd-post-meta{
  order:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px 16px !important;
  margin:0 0 30px !important;
  color:var(--azm-muted) !important;
  font-size:12px !important;
}

body.azha-media-single .wd-single-post-header .wd-post-author{
  display:none !important;
}

body.azha-media-single .wd-single-post-header .wd-post-date,
body.azha-media-single .wd-single-post-header .wd-modified-date{
  color:var(--azm-muted) !important;
}

body.azha-media-single .wd-single-post-header .wd-post-image{
  order:4 !important;
  position:relative !important;
  width:100% !important;
  aspect-ratio:16/8.2 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:var(--azm-off) !important;
  border:1px solid rgba(14,42,58,.08) !important;
  border-radius:26px !important;
  box-shadow:var(--azm-shadow-lg) !important;
  cursor:zoom-in !important;
  isolation:isolate !important;
}

body.azha-media-single .wd-single-post-header .wd-post-image::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,transparent 58%,rgba(7,31,45,.22) 100%) !important;
}

body.azha-media-single .wd-single-post-header .wd-post-image::after{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  inset-inline-end:20px !important;
  bottom:20px !important;
  width:52px !important;
  height:52px !important;
  border:1px solid rgba(255,255,255,.30) !important;
  border-radius:50% !important;
  background:
    rgba(7,31,45,.76)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8M11 8v6M8 11h6'/%3E%3C/svg%3E")
    center/23px 23px no-repeat !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  pointer-events:none !important;
}

body.azha-media-single .wd-single-post-header .wd-post-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:scale(1.001) !important;
  transition:transform .65s var(--azm-ease),filter .4s ease !important;
}

@media (hover:hover) and (pointer:fine){
  body.azha-media-single .wd-single-post-header .wd-post-image:hover img{
    transform:scale(1.035) !important;
    filter:saturate(1.03) contrast(1.015) !important;
  }
}

/* =========================================================
   4. SINGLE POST CONTENT + GALLERY
   ========================================================= */
body.azha-media-single .post-single-page > .wd-entry-content{
  width:min(100%,1160px) !important;
  max-width:1160px !important;
  margin:0 auto !important;
  color:var(--azm-text) !important;
  font-size:17px !important;
  line-height:1.95 !important;
}

body.azha-media-single .wd-entry-content :is(h2,h3,h4){
  color:var(--azm-navy) !important;
  font-weight:850 !important;
  line-height:1.3 !important;
}

body.azha-media-single .wd-entry-content a:not(.wp-element-button){
  color:var(--azm-blue) !important;
  text-decoration-color:rgba(36,95,130,.28) !important;
  text-underline-offset:4px !important;
}

body.azha-media-single .wd-entry-content .wp-block-wd-gallery{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-flow:dense !important;
  grid-auto-rows:108px !important;
  gap:12px !important;
  width:100% !important;
  margin:10px 0 0 !important;
  padding:0 !important;
}

body.azha-media-single .wp-block-wd-gallery-item{
  position:relative !important;
  grid-row:span 2 !important;
  min-width:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:var(--azm-off) !important;
  border:1px solid rgba(14,42,58,.07) !important;
  border-radius:16px !important;
  box-shadow:0 8px 26px rgba(7,31,45,.06) !important;
  cursor:zoom-in !important;
  isolation:isolate !important;
  transform:translateZ(0) !important;
  transition:transform .32s var(--azm-ease),box-shadow .32s ease,border-color .32s ease !important;
}

body.azha-media-single .wp-block-wd-gallery-item.azha-media-portrait{
  grid-row:span 3 !important;
}

body.azha-media-single .wp-block-wd-gallery-item.azha-media-wide{
  grid-column:span 2 !important;
}

body.azha-media-single .wp-block-wd-gallery-item.azha-media-feature{
  grid-column:span 2 !important;
  grid-row:span 4 !important;
}

body.azha-media-single .wp-block-wd-gallery-item .wd-block-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
}

body.azha-media-single .wp-block-wd-gallery-item img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:scale(1.001) !important;
  transition:transform .55s var(--azm-ease),filter .35s ease !important;
}

body.azha-media-single .wp-block-wd-gallery-item::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,transparent 58%,rgba(7,31,45,.32) 100%) !important;
  opacity:.5 !important;
  transition:opacity .3s ease !important;
}

body.azha-media-single .wp-block-wd-gallery-item::after{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  inset-inline-end:12px !important;
  bottom:12px !important;
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(255,255,255,.32) !important;
  border-radius:50% !important;
  background:
    rgba(7,31,45,.74)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.8-3.8'/%3E%3C/svg%3E")
    center/19px 19px no-repeat !important;
  opacity:.94 !important;
  pointer-events:none !important;
  transition:transform .26s var(--azm-ease),background-color .26s ease !important;
}

@media (hover:hover) and (pointer:fine){
  body.azha-media-single .wp-block-wd-gallery-item:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(200,155,69,.38) !important;
    box-shadow:var(--azm-shadow) !important;
  }

  body.azha-media-single .wp-block-wd-gallery-item:hover img{
    transform:scale(1.055) !important;
    filter:saturate(1.04) contrast(1.02) !important;
  }

  body.azha-media-single .wp-block-wd-gallery-item:hover::before{
    opacity:.82 !important;
  }

  body.azha-media-single .wp-block-wd-gallery-item:hover::after{
    transform:translateY(-3px) !important;
    background-color:var(--azm-blue) !important;
  }
}

/* =========================================================
   5. SINGLE FOOTER / SHARE / NAV
   ========================================================= */
body.azha-media-single .wd-single-footer{
  width:min(100%,1160px) !important;
  margin:42px auto 0 !important;
  padding:24px 0 0 !important;
  border-top:1px solid var(--azm-line) !important;
}

body.azha-media-single .wd-single-footer .wd-social-icons{
  display:flex !important;
  justify-content:center !important;
  gap:8px !important;
}

body.azha-media-single .wd-single-footer .wd-social-icon{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  box-shadow:0 8px 22px rgba(7,31,45,.08) !important;
  transition:transform .22s ease,box-shadow .22s ease !important;
}

body.azha-media-single .wd-single-footer .wd-social-icon:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 14px 28px rgba(7,31,45,.14) !important;
}

body.azha-media-single .wd-page-nav{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:12px !important;
  width:min(100%,1160px) !important;
  margin:28px auto 0 !important;
  padding:12px !important;
  background:var(--azm-off) !important;
  border:1px solid var(--azm-line) !important;
  border-radius:18px !important;
  box-shadow:0 10px 30px rgba(7,31,45,.05) !important;
}

body.azha-media-single .wd-page-nav-btn{
  min-width:0 !important;
}

body.azha-media-single .wd-page-nav-btn > a{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:74px !important;
  padding:13px 16px !important;
  background:#fff !important;
  border:1px solid transparent !important;
  border-radius:13px !important;
  text-decoration:none !important;
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease !important;
}

body.azha-media-single .wd-page-nav-btn > a:hover{
  border-color:rgba(200,155,69,.34) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 10px 24px rgba(7,31,45,.07) !important;
}

body.azha-media-single .wd-page-nav .wd-label{
  margin-bottom:5px !important;
  color:var(--azm-muted) !important;
  font-size:10px !important;
  font-weight:800 !important;
}

body.azha-media-single .wd-page-nav .wd-entities-title{
  overflow:hidden !important;
  color:var(--azm-navy) !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.45 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.azha-media-single .wd-page-nav .back-to-archive{
  display:grid !important;
  width:74px !important;
  min-height:74px !important;
  place-items:center !important;
  align-self:center !important;
  margin:0 !important;
  background:var(--azm-navy) !important;
  border:1px solid rgba(200,155,69,.28) !important;
  border-radius:13px !important;
  color:#fff !important;
  font-size:0 !important;
  box-shadow:0 10px 24px rgba(7,31,45,.14) !important;
}

/* =========================================================
   6. READING PROGRESS
   ========================================================= */
#azha-media-progress{
  position:fixed !important;
  z-index:99998 !important;
  top:0 !important;
  inset-inline-start:0 !important;
  width:0 !important;
  height:3px !important;
  background:linear-gradient(90deg,var(--azm-gold),var(--azm-cyan),var(--azm-blue)) !important;
  box-shadow:0 2px 10px rgba(99,197,229,.28) !important;
  pointer-events:none !important;
}

/* =========================================================
   7. BLOG LIGHTBOX
   ========================================================= */
html.azha-media-lb-open,
body.azha-media-lb-open{
  overflow:hidden !important;
}

.azha-media-lightbox{
  position:fixed !important;
  z-index:9999999 !important;
  inset:0 !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  width:100vw !important;
  height:100dvh !important;
  background:
    radial-gradient(circle at 50% 15%,rgba(36,95,130,.18),transparent 34%),
    rgba(3,15,22,.975) !important;
  color:#fff !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .22s ease,visibility .22s ease !important;
}

.azha-media-lightbox.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.azha-media-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  cursor:zoom-out !important;
}

.azha-media-lb-toolbar{
  position:relative !important;
  z-index:4 !important;
  display:grid !important;
  grid-template-columns:1fr auto auto !important;
  align-items:center !important;
  gap:9px !important;
  min-height:68px !important;
  padding:10px clamp(12px,3vw,30px) !important;
}

.azha-media-lb-counter{
  direction:ltr !important;
  justify-self:start !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:.09em !important;
}

.azha-media-lb-tool,
.azha-media-lb-nav{
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:50% !important;
  color:#fff !important;
  cursor:pointer !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease !important;
}

.azha-media-lb-tool{
  width:44px !important;
  height:44px !important;
}

.azha-media-lb-tool:hover,
.azha-media-lb-nav:hover,
.azha-media-lb-tool:focus-visible,
.azha-media-lb-nav:focus-visible{
  background:var(--azm-blue) !important;
  border-color:var(--azm-gold) !important;
  outline:none !important;
}

.azha-media-lb-stage{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  padding:12px clamp(58px,6vw,96px) !important;
  overflow:hidden !important;
  touch-action:pan-y !important;
}

.azha-media-lb-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(100dvh - 180px) !important;
  object-fit:contain !important;
  border-radius:8px !important;
  box-shadow:0 26px 90px rgba(0,0,0,.44) !important;
  transform:scale(1) !important;
  transform-origin:center !important;
  transition:opacity .18s ease,transform .28s var(--azm-ease) !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}

.azha-media-lightbox.is-loading .azha-media-lb-image{
  opacity:.12 !important;
}

.azha-media-lightbox.is-zoomed .azha-media-lb-image{
  transform:scale(1.7) !important;
  cursor:zoom-out !important;
}

.azha-media-lb-nav{
  position:absolute !important;
  z-index:5 !important;
  top:50% !important;
  width:50px !important;
  height:50px !important;
  transform:translateY(-50%) !important;
}

.azha-media-lb-prev{inset-inline-start:16px !important;}
.azha-media-lb-next{inset-inline-end:16px !important;}

.azha-media-lb-footer{
  position:relative !important;
  z-index:4 !important;
  padding:6px 12px 13px !important;
}

.azha-media-lb-thumbs{
  display:flex !important;
  gap:7px !important;
  max-width:min(100%,960px) !important;
  margin-inline:auto !important;
  padding:2px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  scroll-behavior:smooth !important;
}

.azha-media-lb-thumbs::-webkit-scrollbar{
  display:none !important;
}

.azha-media-lb-thumb{
  flex:0 0 58px !important;
  width:58px !important;
  height:44px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#111 !important;
  border:2px solid transparent !important;
  border-radius:7px !important;
  opacity:.5 !important;
  cursor:pointer !important;
}

.azha-media-lb-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.azha-media-lb-thumb.is-active{
  border-color:var(--azm-gold) !important;
  opacity:1 !important;
}

/* =========================================================
   8. REVEAL — NEVER HIDES CONTENT WITHOUT JS
   ========================================================= */
body.azha-media-ui.azha-media-js .azha-media-reveal{
  opacity:0 !important;
  transform:translateY(18px) !important;
  transition:opacity .55s ease,transform .55s var(--azm-ease) !important;
}

body.azha-media-ui.azha-media-js .azha-media-reveal.is-visible{
  opacity:1 !important;
  transform:translateY(0) !important;
}

/* =========================================================
   9. TABLET
   ========================================================= */
@media (max-width:1024px){
  body.azha-media-ui .wd-page-title.title-blog{
    min-height:250px !important;
    margin-bottom:48px !important;
    padding:58px 0 !important;
  }

  body.azha-media-archive .wd-posts.wd-blog-holder{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  body.azha-media-archive .wd-post .wd-post-inner{
    min-height:390px !important;
  }

  body.azha-media-single .wd-entry-content .wp-block-wd-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows:102px !important;
    gap:10px !important;
  }
}

/* =========================================================
   10. MOBILE
   ========================================================= */
@media (max-width:767px){
  body.azha-media-ui .wd-page-title.title-blog{
    min-height:215px !important;
    margin-bottom:30px !important;
    padding:42px 0 !important;
  }

  body.azha-media-ui .wd-page-title.title-blog::after{
    font-size:54px !important;
    bottom:-7px !important;
  }

  body.azha-media-ui .wd-page-title.title-blog .entry-title{
    margin-bottom:14px !important;
    padding-bottom:15px !important;
    font-size:34px !important;
    line-height:1.18 !important;
  }

  body.azha-media-ui .wd-page-title.title-blog .wd-breadcrumbs{
    padding:7px 11px !important;
    font-size:10px !important;
  }



  body.azha-media-archive .wd-posts.wd-blog-holder{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body.azha-media-archive .wd-post .wd-post-inner{
    min-height:335px !important;
    border-radius:15px !important;
  }

  body.azha-media-archive .wd-post .wd-post-content{
    padding:19px 18px 17px !important;
  }

  body.azha-media-archive .wd-post .wd-post-title{
    margin-bottom:9px !important;
    font-size:21px !important;
  }

  body.azha-media-archive .wd-post .wd-post-date{
    top:12px !important;
    inset-inline-start:12px !important;
    width:50px !important;
    min-height:54px !important;
    border-radius:11px !important;
  }

  body.azha-media-single .wd-single-post-header{
    margin-bottom:28px !important;
  }

  body.azha-media-single .wd-single-post-header .wd-post-title{
    margin-bottom:13px !important;
    font-size:31px !important;
    line-height:1.3 !important;
  }

  body.azha-media-single .wd-single-post-header .wd-post-meta{
    margin-bottom:20px !important;
    font-size:11px !important;
  }

  body.azha-media-single .wd-single-post-header .wd-post-image{
    aspect-ratio:4/3 !important;
    border-radius:15px !important;
    box-shadow:0 18px 46px rgba(7,31,45,.16) !important;
  }

  body.azha-media-single .wd-single-post-header .wd-post-image::after{
    inset-inline-end:11px !important;
    bottom:11px !important;
    width:42px !important;
    height:42px !important;
    background-size:19px 19px !important;
  }

  body.azha-media-single .post-single-page > .wd-entry-content{
    font-size:15px !important;
    line-height:1.9 !important;
  }

  body.azha-media-single .wd-entry-content .wp-block-wd-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:78px !important;
    gap:7px !important;
  }

  body.azha-media-single .wp-block-wd-gallery-item{
    grid-row:span 2 !important;
    border-radius:10px !important;
  }

  body.azha-media-single .wp-block-wd-gallery-item.azha-media-portrait{
    grid-row:span 3 !important;
  }

  body.azha-media-single .wp-block-wd-gallery-item.azha-media-wide{
    grid-column:span 2 !important;
    grid-row:span 2 !important;
  }

  body.azha-media-single .wp-block-wd-gallery-item.azha-media-feature{
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  body.azha-media-single .wp-block-wd-gallery-item::after{
    inset-inline-end:7px !important;
    bottom:7px !important;
    width:32px !important;
    height:32px !important;
    background-size:16px 16px !important;
  }

  body.azha-media-single .wd-page-nav{
    grid-template-columns:1fr 52px 1fr !important;
    gap:7px !important;
    margin-top:20px !important;
    padding:7px !important;
    border-radius:13px !important;
  }

  body.azha-media-single .wd-page-nav-btn > a{
    min-height:60px !important;
    padding:9px !important;
    border-radius:9px !important;
  }

  body.azha-media-single .wd-page-nav .back-to-archive{
    width:52px !important;
    min-height:60px !important;
    border-radius:9px !important;
  }

  body.azha-media-single .wd-page-nav .wd-entities-title{
    font-size:11px !important;
  }

  .azha-media-lb-toolbar{
    min-height:58px !important;
    padding:7px 9px !important;
  }

  .azha-media-lb-tool{
    width:40px !important;
    height:40px !important;
  }

  .azha-media-lb-stage{
    padding:6px 7px 10px !important;
  }

  .azha-media-lb-image{
    max-height:calc(100dvh - 145px) !important;
    border-radius:5px !important;
  }

  .azha-media-lb-nav{
    top:auto !important;
    bottom:15px !important;
    width:44px !important;
    height:44px !important;
    transform:none !important;
  }

  .azha-media-lb-prev{inset-inline-start:9px !important;}
  .azha-media-lb-next{inset-inline-end:9px !important;}

  .azha-media-lb-thumbs{
    max-width:calc(100vw - 108px) !important;
  }

  .azha-media-lb-thumb{
    flex-basis:46px !important;
    width:46px !important;
    height:35px !important;
  }
}

/* =========================================================
   11. REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion:reduce){
  body.azha-media-ui *,
  body.azha-media-ui *::before,
  body.azha-media-ui *::after,
  .azha-media-lightbox *,
  .azha-media-lightbox *::before,
  .azha-media-lightbox *::after{
    animation:none !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* =========================================================
   AZHA UI ADD-ONS — CLEAN V17
   1. Native WoodMart partners carousel
   2. Portfolio archive visibility
   3. Single project gallery + related projects
   4. AZHA project lightbox
   ========================================================= */
/* =========================================================
   1. NATIVE WOODMART PARTNERS CAROUSEL
   ========================================================= */
.azha-partners-native{
    width:min(100% - 30px,1360px) !important;
    margin-inline:auto !important;
}

.azha-partners-native .azha-partners-carousel{
    width:100% !important;
    margin-top:18px !important;
}

.azha-partners-native .azha-partners-carousel .wd-carousel{
    --wd-col-lg:4.5 !important;
    --wd-col-md:3 !important;
    --wd-col-sm:1.35 !important;
    --wd-gap-lg:14px !important;
    --wd-gap-md:12px !important;
    --wd-gap-sm:10px !important;
}

.azha-partners-native .azha-partner-item{
    min-width:0 !important;
}

.azha-partners-native .azha-partner-item figure{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    height:130px !important;

    margin:0 !important;
    padding:15px 18px !important;

    background:#fff !important;
    border:1px solid rgba(14,42,58,.09) !important;
    border-radius:14px !important;

    box-shadow:0 10px 30px rgba(14,42,58,.06) !important;

    overflow:hidden !important;
    position:relative !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
}

.azha-partners-native .azha-partner-item figure::before{
    content:"" !important;

    position:absolute !important;
    top:0 !important;
    inset-inline:20px !important;

    height:2px !important;

    background:linear-gradient(
        90deg,
        transparent,
        #C89B45,
        transparent
    ) !important;

    opacity:0 !important;
    transform:scaleX(.4) !important;

    transition:.3s ease !important;
}

.azha-partners-native .azha-partner-item img{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:88% !important;
    max-height:80px !important;

    object-fit:contain !important;
    object-position:center !important;

    transition:
        transform .3s ease,
        filter .3s ease !important;
}

.azha-partners-native .azha-partner-item.is-wide img{
    max-width:94% !important;
    max-height:60px !important;
}

.azha-partners-native .azha-partner-item.is-tall img{
    max-width:68% !important;
    max-height:88px !important;
}

.azha-partners-native .azha-partner-item.is-square img{
    max-width:80% !important;
    max-height:82px !important;
}

.azha-partners-native .azha-partner-item:hover figure{
    transform:translateY(-5px) !important;

    border-color:rgba(200,155,69,.42) !important;

    box-shadow:
        0 20px 45px rgba(14,42,58,.12) !important;
}

.azha-partners-native .azha-partner-item:hover figure::before{
    opacity:1 !important;
    transform:scaleX(1) !important;
}

.azha-partners-native .azha-partner-item:hover img{
    transform:scale(1.04) !important;
}


@media (max-width:1024px){

    .azha-partners-native .azha-partners-carousel .wd-carousel{
        --wd-col-md:3 !important;
    }

    .azha-partners-native .azha-partner-item figure{
        height:116px !important;
        padding:12px 14px !important;
    }

}


/* Mobile */

@media (max-width:767px){

    .azha-partners-native{
        width:calc(100% - 20px) !important;
    }

    .azha-partners-native .azha-partners-carousel{
        width:calc(100% + 20px) !important;
        margin-inline:-10px !important;
        padding-inline:10px !important;
    }

    .azha-partners-native .azha-partners-carousel .wd-carousel{
        --wd-col-sm:1.35 !important;
        --wd-gap-sm:10px !important;
    }

    .azha-partners-native .azha-partner-item figure{
        height:100px !important;
        padding:9px 11px !important;

        border-radius:11px !important;
    }

    .azha-partners-native .azha-partner-item img{
        max-height:64px !important;
    }

    .azha-partners-native .azha-partner-item.is-wide img{
        max-height:51px !important;
    }

    .azha-partners-native .azha-partner-item.is-tall img{
        max-height:70px !important;
    }

    .azha-partners-native .wd-nav-arrows{
        display:none !important;
    }

}
/* =========================================================
   2. PORTFOLIO VISIBILITY / CLEANUP
   ========================================================= */

/* Archive: hide WoodMart portfolio action buttons. */
.woodmart-archive-portfolio .wd-portfolio-btns{
  display:none !important;
}

/* Single project: hide the first and last gallery tiles.
   One merged selector replaces two duplicate declarations. */
.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:is(:first-child,:last-child){
  display:none !important;
}

/* =========================================================
   3. SINGLE PROJECT GALLERY + RELATED PROJECTS
   ========================================================= */
.single-portfolio{
  --azpg-navy:#0E2A3A;
  --azpg-navy-deep:#061923;
  --azpg-blue:#245F82;
  --azpg-cyan:#63C5E5;
  --azpg-gold:#C89B45;
  --azpg-line:#E2E8EB;
  --azpg-off:#F6F8F9;
  --azpg-text:#344149;
  --azpg-muted:#718087;
  --azpg-shadow:0 18px 52px rgba(7,31,45,.11);
  --azpg-shadow-lg:0 30px 90px rgba(4,20,29,.22);
  --azpg-ease:cubic-bezier(.2,.72,.22,1);
}

/* ---------- Project content width / rhythm ---------- */
.single-portfolio .wd-single-project{
  position:relative !important;
}

.single-portfolio .wd-entry-content{
  width:min(100%,1440px) !important;
  margin-inline:auto !important;
}

.single-portfolio .wd-entry-content > .wp-block-wd-title{
  position:relative !important;
  margin:0 0 28px !important;
  padding-inline-start:18px !important;
  color:var(--azpg-navy) !important;
  font-size:clamp(28px,3.1vw,46px) !important;
  font-weight:800 !important;
  line-height:1.18 !important;
  letter-spacing:-.025em !important;
}

.single-portfolio .wd-entry-content > .wp-block-wd-title::before{
  content:"" !important;
  position:absolute !important;
  inset-inline-start:0 !important;
  top:.13em !important;
  width:4px !important;
  height:1.05em !important;
  background:linear-gradient(180deg,var(--azpg-gold),var(--azpg-blue)) !important;
  border-radius:999px !important;
}

/* =========================================================
   1. MAIN WOODMART GALLERY
   ========================================================= */
.single-portfolio .wd-entry-content .wp-block-wd-gallery{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:112px !important;
  grid-auto-flow:dense !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item{
  position:relative !important;
  grid-row:span 2 !important;
  min-width:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:var(--azpg-off) !important;
  border:1px solid rgba(14,42,58,.07) !important;
  border-radius:16px !important;
  box-shadow:0 8px 28px rgba(14,42,58,.055) !important;
  cursor:zoom-in !important;
  isolation:isolate !important;
  transform:translateZ(0) !important;
  transition:
    transform .34s var(--azpg-ease),
    box-shadow .34s ease,
    border-color .34s ease !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item.is-portrait{
  grid-row:span 3 !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item.is-wide{
  grid-column:span 2 !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(1),
.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(12),
.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(23){
  grid-column:span 2 !important;
  grid-row:span 4 !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item .wd-block-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#E9EEF1 !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:scale(1.001) !important;
  transition:transform .55s var(--azpg-ease),filter .4s ease !important;
  backface-visibility:hidden !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,transparent 50%,rgba(5,24,35,.34) 100%) !important;
  opacity:.48 !important;
  transition:opacity .3s ease !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item::after{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  inset-inline-end:14px !important;
  bottom:14px !important;
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.38) !important;
  background:
    rgba(8,32,46,.72)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.7-3.7M11 8v6M8 11h6'/%3E%3C/svg%3E")
    center/20px 20px no-repeat !important;
  box-shadow:0 8px 22px rgba(0,0,0,.22) !important;
  opacity:.92 !important;
  transform:translateY(0) !important;
  transition:transform .28s var(--azpg-ease),background-color .28s ease !important;
  pointer-events:none !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(200,155,69,.40) !important;
  box-shadow:var(--azpg-shadow) !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:hover img{
  transform:scale(1.055) !important;
  filter:saturate(1.04) contrast(1.02) !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:hover::before{
  opacity:.8 !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:hover::after{
  transform:translateY(-3px) !important;
  background-color:var(--azpg-blue) !important;
}

.single-portfolio .wd-entry-content .wp-block-wd-gallery-item:focus-visible{
  outline:3px solid rgba(99,197,229,.45) !important;
  outline-offset:3px !important;
}

/* =========================================================
   2. WOODMART PAGE NAVIGATION
   ========================================================= */
.single-portfolio .wd-page-nav{
  margin-top:38px !important;
  padding:18px 20px !important;
  background:#fff !important;
  border:1px solid var(--azpg-line) !important;
  border-radius:14px !important;
  box-shadow:0 10px 35px rgba(14,42,58,.055) !important;
}

.single-portfolio .wd-page-nav :is(a,.wd-label,.wd-entities-title){
  font-family:inherit !important;
}

.single-portfolio .wd-page-nav .wd-label{
  color:var(--azpg-muted) !important;
  font-size:11px !important;
  font-weight:700 !important;
}

.single-portfolio .wd-page-nav .wd-entities-title{
  color:var(--azpg-navy) !important;
  font-weight:800 !important;
}

.single-portfolio .back-to-archive{
  color:var(--azpg-blue) !important;
}

/* =========================================================
   3. RELATED WOODMART PROJECTS
   ========================================================= */
.single-portfolio .wd-projects{
  position:relative !important;
  margin-top:54px !important;
  padding-top:34px !important;
  border-top:1px solid var(--azpg-line) !important;
}

.single-portfolio .wd-projects .slider-title{
  margin:0 0 24px !important;
  color:var(--azpg-navy) !important;
  font-size:clamp(24px,2.5vw,34px) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.single-portfolio .wd-projects .wd-carousel{
  --wd-col-lg:3 !important;
  --wd-col-md:2 !important;
  --wd-col-sm:1.12 !important;
  --wd-gap-lg:16px !important;
  --wd-gap-sm:12px !important;
}

.single-portfolio .wd-projects .wd-project{
  overflow:hidden !important;
  border-radius:16px !important;
  background:var(--azpg-navy) !important;
  box-shadow:0 12px 34px rgba(8,32,46,.09) !important;
  transform:translateZ(0) !important;
  transition:transform .32s var(--azpg-ease),box-shadow .32s ease !important;
}

.single-portfolio .wd-projects .entry-thumbnail{
  margin:0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
  aspect-ratio:4/3 !important;
}

.single-portfolio .wd-projects .portfolio-thumbnail{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

.single-portfolio .wd-projects .portfolio-thumbnail img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:transform .55s var(--azpg-ease),filter .4s ease !important;
}

.single-portfolio .wd-projects .entry-thumbnail::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,transparent 42%,rgba(5,24,35,.88) 100%) !important;
}

.single-portfolio .wd-projects .portfolio-info{
  z-index:3 !important;
  inset:auto 0 0 !important;
  padding:20px !important;
  background:transparent !important;
}

.single-portfolio .wd-projects .proj-cats-list{
  margin-bottom:7px !important;
}

.single-portfolio .wd-projects .proj-cats-list li{
  display:inline-flex !important;
  padding:5px 9px !important;
  background:var(--azpg-gold) !important;
  border-radius:999px !important;
  color:var(--azpg-navy-deep) !important;
  font-size:9px !important;
  font-weight:900 !important;
}

.single-portfolio .wd-projects .wd-entities-title{
  margin:0 !important;
  font-size:20px !important;
  line-height:1.35 !important;
}

.single-portfolio .wd-projects .wd-entities-title a{
  color:#fff !important;
  font-weight:800 !important;
}

.single-portfolio .wd-projects .wd-project:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 22px 52px rgba(8,32,46,.17) !important;
}

.single-portfolio .wd-projects .wd-project:hover .portfolio-thumbnail img{
  transform:scale(1.06) !important;
}

.single-portfolio .wd-projects .portfolio-enlarge{
  z-index:6 !important;
}

.single-portfolio .wd-projects .portfolio-enlarge > a{
  cursor:zoom-in !important;
}

.single-portfolio .wd-projects .wd-nav-arrows{
  inset-inline-end:0 !important;
  top:-58px !important;
}

.single-portfolio .wd-projects .wd-btn-arrow{
  width:42px !important;
  height:42px !important;
  background:#fff !important;
  border:1px solid var(--azpg-line) !important;
  border-radius:50% !important;
  box-shadow:0 8px 22px rgba(14,42,58,.08) !important;
}

/* =========================================================
   4. AZHA LIGHTBOX
   ========================================================= */
html.azha-lb-open,
body.azha-lb-open{
  overflow:hidden !important;
}

.azha-project-lightbox{
  position:fixed !important;
  z-index:999999 !important;
  inset:0 !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  width:100vw !important;
  height:100dvh !important;
  background:
    radial-gradient(circle at 50% 18%,rgba(36,95,130,.16),transparent 34%),
    rgba(3,15,22,.965) !important;
  color:#fff !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .24s ease,visibility .24s ease !important;
  isolation:isolate !important;
}

.azha-project-lightbox.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.azha-lb-backdrop{
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  cursor:zoom-out !important;
}

.azha-lb-toolbar{
  position:relative !important;
  z-index:5 !important;
  display:grid !important;
  grid-template-columns:1fr auto auto !important;
  align-items:center !important;
  gap:10px !important;
  min-height:72px !important;
  padding:12px clamp(14px,3vw,34px) !important;
  background:linear-gradient(180deg,rgba(3,15,22,.92),rgba(3,15,22,.28)) !important;
}

.azha-lb-counter{
  justify-self:start !important;
  direction:ltr !important;
  color:rgba(255,255,255,.78) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

.azha-lb-tool{
  display:grid !important;
  width:44px !important;
  height:44px !important;
  place-items:center !important;
  padding:0 !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:50% !important;
  color:#fff !important;
  cursor:pointer !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease !important;
}

.azha-lb-tool:hover,
.azha-lb-tool:focus-visible{
  background:var(--azpg-blue) !important;
  border-color:rgba(200,155,69,.58) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}

.azha-lb-stage{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  padding:14px clamp(58px,6vw,96px) !important;
  overflow:hidden !important;
  touch-action:pan-y !important;
}

.azha-lb-media{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
}

.azha-lb-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(100dvh - 190px) !important;
  object-fit:contain !important;
  border-radius:8px !important;
  box-shadow:0 24px 80px rgba(0,0,0,.42) !important;
  transform:scale(1) translate3d(0,0,0) !important;
  transform-origin:center !important;
  transition:opacity .18s ease,transform .28s var(--azpg-ease) !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}

.azha-project-lightbox.is-loading .azha-lb-image{
  opacity:.15 !important;
}

.azha-project-lightbox.is-zoomed .azha-lb-image{
  transform:scale(1.7) translate3d(0,0,0) !important;
  cursor:zoom-out !important;
}

.azha-lb-spinner{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:42px !important;
  height:42px !important;
  margin:-21px 0 0 -21px !important;
  border:3px solid rgba(255,255,255,.18) !important;
  border-top-color:var(--azpg-gold) !important;
  border-radius:50% !important;
  opacity:0 !important;
  animation:azhaLbSpin .8s linear infinite !important;
  pointer-events:none !important;
}

.azha-project-lightbox.is-loading .azha-lb-spinner{
  opacity:1 !important;
}

@keyframes azhaLbSpin{to{transform:rotate(360deg)}}

.azha-lb-nav{
  position:absolute !important;
  z-index:6 !important;
  top:50% !important;
  display:grid !important;
  width:50px !important;
  height:50px !important;
  place-items:center !important;
  padding:0 !important;
  background:rgba(7,31,45,.72) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:50% !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
  transform:translateY(-50%) !important;
  transition:background-color .2s ease,border-color .2s ease,scale .2s ease !important;
}

.azha-lb-nav:hover,
.azha-lb-nav:focus-visible{
  background:var(--azpg-blue) !important;
  border-color:var(--azpg-gold) !important;
  scale:1.05 !important;
  outline:none !important;
}

.azha-lb-prev{ inset-inline-start:18px !important; }
.azha-lb-next{ inset-inline-end:18px !important; }

.azha-lb-nav svg,
.azha-lb-tool svg{
  width:21px !important;
  height:21px !important;
}

.azha-lb-footer{
  position:relative !important;
  z-index:5 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:10px !important;
  padding:8px clamp(14px,3vw,34px) 14px !important;
  background:linear-gradient(0deg,rgba(3,15,22,.94),rgba(3,15,22,.20)) !important;
}

.azha-lb-caption{
  min-height:18px !important;
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  text-align:center !important;
}

.azha-lb-thumbs{
  display:flex !important;
  justify-content:flex-start !important;
  gap:7px !important;
  max-width:min(100%,980px) !important;
  margin-inline:auto !important;
  padding:3px 2px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  scroll-behavior:smooth !important;
}

.azha-lb-thumbs::-webkit-scrollbar{display:none !important;}

.azha-lb-thumb{
  flex:0 0 58px !important;
  width:58px !important;
  height:44px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#111 !important;
  border:2px solid transparent !important;
  border-radius:7px !important;
  opacity:.55 !important;
  cursor:pointer !important;
  transition:opacity .2s ease,border-color .2s ease,transform .2s ease !important;
}

.azha-lb-thumb img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.azha-lb-thumb:hover,
.azha-lb-thumb.is-active{
  opacity:1 !important;
  border-color:var(--azpg-gold) !important;
}

.azha-lb-thumb.is-active{
  transform:translateY(-2px) !important;
}

/* =========================================================
   5. RESPONSIVE
   ========================================================= */
@media (max-width:1024px){
  .single-portfolio .wd-entry-content .wp-block-wd-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows:105px !important;
    gap:10px !important;
  }

  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(1),
  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(12),
  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(23){
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  .single-portfolio .wd-projects .wd-carousel{
    --wd-col-md:2 !important;
  }
}

@media (max-width:767px){
  .single-portfolio .wd-entry-content > .wp-block-wd-title{
    margin-bottom:18px !important;
    padding-inline-start:13px !important;
    font-size:27px !important;
  }

  .single-portfolio .wd-entry-content .wp-block-wd-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:82px !important;
    gap:7px !important;
  }

  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item{
    grid-row:span 2 !important;
    border-radius:10px !important;
  }

  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item.is-portrait{
    grid-row:span 3 !important;
  }

  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item.is-wide{
    grid-column:span 2 !important;
    grid-row:span 2 !important;
  }

  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(1),
  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(12),
  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item:nth-child(23){
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item::after{
    inset-inline-end:8px !important;
    bottom:8px !important;
    width:34px !important;
    height:34px !important;
    background-size:17px 17px !important;
  }

  .single-portfolio .wd-page-nav{
    margin-top:24px !important;
    padding:13px !important;
    border-radius:10px !important;
  }

  .single-portfolio .wd-projects{
    margin-top:34px !important;
    padding-top:26px !important;
  }

  .single-portfolio .wd-projects .slider-title{
    margin-bottom:16px !important;
    font-size:24px !important;
  }

  .single-portfolio .wd-projects .wd-carousel{
    --wd-col-sm:1.08 !important;
    --wd-gap-sm:10px !important;
  }

  .single-portfolio .wd-projects .wd-project,
  .single-portfolio .wd-projects .entry-thumbnail{
    border-radius:12px !important;
  }

  .single-portfolio .wd-projects .wd-nav-arrows{
    display:none !important;
  }

  .azha-lb-toolbar{
    min-height:58px !important;
    padding:8px 10px !important;
  }

  .azha-lb-tool{
    width:40px !important;
    height:40px !important;
  }

  .azha-lb-stage{
    padding:8px 8px 12px !important;
  }

  .azha-lb-image{
    max-height:calc(100dvh - 160px) !important;
    border-radius:5px !important;
  }

  .azha-lb-nav{
    top:auto !important;
    bottom:18px !important;
    width:44px !important;
    height:44px !important;
    background:rgba(7,31,45,.86) !important;
    transform:none !important;
  }

  .azha-lb-prev{ inset-inline-start:12px !important; }
  .azha-lb-next{ inset-inline-end:12px !important; }

  .azha-lb-footer{
    padding:5px 8px 8px !important;
  }

  .azha-lb-caption{
    display:none !important;
  }

  .azha-lb-thumbs{
    max-width:calc(100vw - 110px) !important;
    margin-inline:auto !important;
  }

  .azha-lb-thumb{
    flex-basis:48px !important;
    width:48px !important;
    height:36px !important;
  }
}

@media (hover:none),(pointer:coarse){
  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item:hover,
  .single-portfolio .wd-projects .wd-project:hover{
    transform:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item,
  .single-portfolio .wd-entry-content .wp-block-wd-gallery-item img,
  .single-portfolio .wd-projects .wd-project,
  .single-portfolio .wd-projects .portfolio-thumbnail img,
  .azha-project-lightbox *,
  .azha-project-lightbox *::before,
  .azha-project-lightbox *::after{
    animation:none !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}