/* ================================================
   GAD Egypt Stone — Granite Background Texture
   Add this line to functions.php enqueue:
   wp_enqueue_style('cat-granite', CAT_URI.'/assets/css/granite-bg.css', ['cat-main'], CAT_VER);
   ================================================ */

/* SVG granite pattern — inline, no external file needed */
:root {
  --granite: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Crect width='400' height='400' fill='%230D0D0D'/%3E%3Cg opacity='0.55'%3E%3Cellipse cx='23' cy='45' rx='3' ry='1.2' fill='%23222' transform='rotate(42,23,45)'/%3E%3Cellipse cx='67' cy='12' rx='2' ry='0.8' fill='%231a1a1a' transform='rotate(78,67,12)'/%3E%3Cellipse cx='112' cy='89' rx='4' ry='1.5' fill='%23252525' transform='rotate(15,112,89)'/%3E%3Cellipse cx='178' cy='34' rx='2.5' ry='1' fill='%231e1e1e' transform='rotate(55,178,34)'/%3E%3Cellipse cx='234' cy='67' rx='3' ry='1.3' fill='%23282828' transform='rotate(130,234,67)'/%3E%3Cellipse cx='289' cy='23' rx='1.8' ry='0.7' fill='%23202020' transform='rotate(20,289,23)'/%3E%3Cellipse cx='345' cy='56' rx='3.5' ry='1.2' fill='%231c1c1c' transform='rotate(95,345,56)'/%3E%3Cellipse cx='378' cy='90' rx='2' ry='0.9' fill='%23242424' transform='rotate(67,378,90)'/%3E%3Cellipse cx='45' cy='134' rx='2.5' ry='1' fill='%23212121' transform='rotate(33,45,134)'/%3E%3Cellipse cx='98' cy='156' rx='4' ry='1.6' fill='%231d1d1d' transform='rotate(110,98,156)'/%3E%3Cellipse cx='156' cy='112' rx='2' ry='0.8' fill='%23272727' transform='rotate(75,156,112)'/%3E%3Cellipse cx='212' cy='145' rx='3' ry='1.2' fill='%23191919' transform='rotate(160,212,145)'/%3E%3Cellipse cx='267' cy='123' rx='2.8' ry='1.1' fill='%23232323' transform='rotate(48,267,123)'/%3E%3Cellipse cx='323' cy='167' rx='1.5' ry='0.6' fill='%231b1b1b' transform='rotate(88,323,167)'/%3E%3Cellipse cx='367' cy='134' rx='3.2' ry='1.3' fill='%23262626' transform='rotate(22,367,134)'/%3E%3Cellipse cx='12' cy='200' rx='2' ry='0.8' fill='%23202020' transform='rotate(140,12,200)'/%3E%3Cellipse cx='78' cy='223' rx='3.5' ry='1.4' fill='%231a1a1a' transform='rotate(60,78,223)'/%3E%3Cellipse cx='134' cy='189' rx='2.2' ry='0.9' fill='%23282828' transform='rotate(35,134,189)'/%3E%3Cellipse cx='190' cy='234' rx='4' ry='1.5' fill='%231e1e1e' transform='rotate(105,190,234)'/%3E%3Cellipse cx='245' cy='212' rx='2' ry='0.8' fill='%23242424' transform='rotate(80,245,212)'/%3E%3Cellipse cx='300' cy='245' rx='3' ry='1.2' fill='%23181818' transform='rotate(155,300,245)'/%3E%3Cellipse cx='356' cy='200' rx='2.5' ry='1' fill='%232a2a2a' transform='rotate(28,356,200)'/%3E%3Cellipse cx='390' cy='223' rx='1.8' ry='0.7' fill='%221c1c1c' transform='rotate(72,390,223)'/%3E%3Cellipse cx='34' cy='278' rx='3' ry='1.3' fill='%23222' transform='rotate(118,34,278)'/%3E%3Cellipse cx='89' cy='300' rx='2.5' ry='1' fill='%231f1f1f' transform='rotate(45,89,300)'/%3E%3Cellipse cx='145' cy='267' rx='4' ry='1.5' fill='%23252525' transform='rotate(92,145,267)'/%3E%3Cellipse cx='200' cy='312' rx='2' ry='0.8' fill='%23212121' transform='rotate(165,200,312)'/%3E%3Cellipse cx='256' cy='289' rx='3.5' ry='1.4' fill='%231b1b1b' transform='rotate(38,256,289)'/%3E%3Cellipse cx='312' cy='323' rx='2.2' ry='0.9' fill='%23272727' transform='rotate(82,312,323)'/%3E%3Cellipse cx='367' cy='278' rx='3' ry='1.2' fill='%23202020' transform='rotate(128,367,278)'/%3E%3Cellipse cx='56' cy='356' rx='2.8' ry='1.1' fill='%231d1d1d' transform='rotate(55,56,356)'/%3E%3Cellipse cx='112' cy='378' rx='1.5' ry='0.6' fill='%23262626' transform='rotate(98,112,378)'/%3E%3Cellipse cx='167' cy='345' rx='3.5' ry='1.4' fill='%231a1a1a' transform='rotate(18,167,345)'/%3E%3Cellipse cx='223' cy='367' rx='2' ry='0.8' fill='%23242424' transform='rotate(142,223,367)'/%3E%3Cellipse cx='278' cy='356' rx='3' ry='1.2' fill='%231e1e1e' transform='rotate(65,278,356)'/%3E%3Cellipse cx='334' cy='389' rx='2.5' ry='1' fill='%23282828' transform='rotate(110,334,389)'/%3E%3Cellipse cx='389' cy='345' rx='4' ry='1.5' fill='%23191919' transform='rotate(30,389,345)'/%3E%3C/g%3E%3Cg opacity='0.12'%3E%3Cellipse cx='56' cy='78' rx='1.2' ry='0.5' fill='%23c8c8c8' transform='rotate(60,56,78)'/%3E%3Cellipse cx='145' cy='200' rx='0.8' ry='0.3' fill='%23d0d0d0' transform='rotate(120,145,200)'/%3E%3Cellipse cx='267' cy='134' rx='1.5' ry='0.5' fill='%23bebebe' transform='rotate(45,267,134)'/%3E%3Cellipse cx='334' cy='312' rx='1' ry='0.4' fill='%23c4c4c4' transform='rotate(90,334,312)'/%3E%3Cellipse cx='89' cy='289' rx='0.7' ry='0.3' fill='%23cccccc' transform='rotate(30,89,289)'/%3E%3Cellipse cx='378' cy='167' rx='1.2' ry='0.5' fill='%23c0c0c0' transform='rotate(75,378,167)'/%3E%3C/g%3E%3Cg opacity='0.06'%3E%3Cellipse cx='100' cy='100' rx='1.5' ry='0.5' fill='%23C9A84C' transform='rotate(45,100,100)'/%3E%3Cellipse cx='250' cy='180' rx='1' ry='0.4' fill='%23C9A84C' transform='rotate(80,250,180)'/%3E%3Cellipse cx='320' cy='280' rx='1.2' ry='0.5' fill='%23C9A84C' transform='rotate(20,320,280)'/%3E%3Cellipse cx='150' cy='320' rx='0.8' ry='0.3' fill='%23C9A84C' transform='rotate(110,150,320)'/%3E%3C/g%3E%3C/svg%3E");
}

/* Apply granite to ALL dark backgrounds */
html, body {
  background-color: #0D0D0D !important;
  background-image: var(--granite) !important;
  background-size: 400px 400px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
}

/* All dark sections get the texture */
.cat-section,
section,
#cat-footer,
.cat-hero,
.cat-page-hero,
.cat-cta-band,
#cat-page {
  background-color: transparent !important;
  position: relative;
}

/* Sections that had their own dark bg — keep color but add subtle texture overlay */
[style*="background:var(--dark)"],
[style*="background: var(--dark)"],
[style*="background:#0D0D0D"],
[style*="background: #0D0D0D"] {
  background-image: var(--granite) !important;
  background-size: 400px 400px !important;
  background-repeat: repeat !important;
}

[style*="background:var(--dark2)"],
[style*="background: var(--dark2)"],
[style*="background:#1A1A1A"],
[style*="background: #1A1A1A"] {
  background-image: var(--granite) !important;
  background-size: 400px 400px !important;
  background-repeat: repeat !important;
  background-color: #131313 !important;
}

[style*="background:var(--dark3)"],
[style*="background: var(--dark3)"],
[style*="background:#252525"],
[style*="background: #252525"] {
  background-image: var(--granite) !important;
  background-size: 400px 400px !important;
  background-repeat: repeat !important;
  background-color: #1a1a1a !important;
}

/* Product cards, post cards — subtle texture */
.cat-pcard,
.cat-post-card,
.cat-sbox,
.cat-dest,
.cat-metric,
#cvemodal-box,
#cvesecmodal-box,
#cve-gal-box {
  background-image: var(--granite) !important;
  background-size: 300px 300px !important;
  background-repeat: repeat !important;
}

/* Gold areas stay solid gold — no texture */
.cat-marquee,
.cat-cta-band,
.cat-scta,
.cat-nav-wa,
.cat-btn-wa,
.cat-wa-float-btn,
#cve-gsave {
  background-image: none !important;
}

/* Keep nav transparent until scroll */
#cat-nav {
  background-image: none !important;
}
#cat-nav.sc {
  background-image: var(--granite) !important;
  background-size: 400px 400px !important;
}