/* ====================================
/* ====================================
 *    DIGIJAWS UX IMPROVEMENTS
 *    ==================================== */

/* --- SMOOTH SCROLLING --- */
html { scroll-behavior: smooth; }

/* --- TEXT READABILITY FIX --- */
p, .wp-block-paragraph {
	  color: rgba(210, 228, 250, 0.9) !important;
	  line-height: 1.75 !important;
}

/* --- CYBER SHARK: transform photos into glowing neon entities --- */
/* Fully stylize the shark images: grayscale -> cyan/electric-blue */
.wp-block-image img,
figure.wp-block-image img,
.wp-block-cover__image-background {
	  animation: sharkSwim 6s ease-in-out infinite;
	  filter:above    grayscale(100%)
			    brightness(1.6)
			    sepia(100%)
			    hue-rotate(155deg)
			    saturate(600%)
			    drop-shadow(0 0 20px rgba(0, 200, 255, 0.85))
			    drop-shadow(0 0 50px rgba(0, 120, 255, 0.5))
			    drop-shadow(0 0 80px rgba(0, 60, 200, 0.3)) !important;
	  transition: filter 0.4s ease;
}

.wp-block-image img:hover,
figure.wp-block-image img:hover {
	  filter:above    grayscale(100%)
			    brightness(2)
			    sepia(100%)
			    hue-rotate(155deg)
			    saturate(800%)
			    drop-shadow(0 0 30px rgba(0, 220, 255, 1))
			    drop-shadow(0 0 70px rgba(0, 150, 255, 0.8))
			    drop-shadow(0 0 120px rgba(0, 80, 255, 0.5)) !important;
	  animation-play-state: paused !important;
}

/* Cover block shark banner  swim animation */
.wp-block-cover__image-background {
	  animation: coverSharkSwim 8s ease-in-out infinite !important;
	  transform-origin: center center;
}

@keyframes sharkSwim {
	0%   { transform: translateY(0px)  translateX(0px)  rotate(0deg);    }
	15%  { transform: translateY(-8px) translateX(6px)  rotate(0.5deg);  }
	35%  { transform: translateY(-4px) translateX(12px) rotate(-0.3deg); }
	55%  { transform: translateY(-12px)translateX(4px)  rotate(0.7deg);  }
	75%  { transform: translateY(-6px) translateX(9px)  rotate(-0.4deg); }
	90%  { transform: translateY(-9px) translateX(2px)  rotate(0.2deg);  }
	100% { transform: translateY(0px)  translateX(0px)  rotate(0deg);    }
}

@keyframes coverSharkSwim {
	0%   { transform: scale(1.02) translateX(0px); }
	40%  { transform: scale(1.05) translateX(-12px); }
	100% { transform: scale(1.02) translateX(0px); }
}

/* Scan-line overlay on cover blocks (cyber look) */
.wp-block-cover {
	  overflow: hidden;
	  position: relative;
}

.wp-block-cover::before {
	  content: '';
	  position: absolute;
	  inset: 0;
	  background: repeating-linear-gradient(
			    0deg,
			    transparent,
			    transparent 3px,
			    rgba(0, 140, 255, 0.04) 3px,
			    rgba(0, 140, 255, 0.04) 4px
			  );
	  pointer-events: none;
	  z-index: 2;
	  animation: scanlines 6s linear infinite;
}

.wp-block-cover::after {
	  content: '';
	  position: absolute;
	  inset: 0;
	  background: linear-gradient(135deg,
			    transparent 20%,
			    rgba(0, 140, 255, 0.07) 50%,
			    transparent 80%
			  );
	  background-size: 200% 200%;
	  animation: scanSweep 5s ease-in-out infinite;
	  pointer-events: none;
	  z-index: 3;
}

@keyframes scanlines {
	from { background-position: 0 0; }
	to   { background-position: 0 40px; }
}

@keyframes scanSweep {
	0%   { background-position: 0% 0%;     opacity: 0.6; }
	50%  { background-position: 100% 100%; opacity: 1;   }
	100% { background-position: 0% 0%;     opacity: 0.6; }
}

/* --- BUTTON IMPROVEMENTS --- */
.wp-block-button a,
.wp-element-button,
a.wp-block-button__link {
	  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
	  letter-spacing: 0.03em !important;
}

.wp-block-button a:hover,
a.wp-block-button__link:hover {
	  transform: translateY(-3px) !important;
	  box-shadow: 0 10px 30px rgba(30, 120, 255, 0.5) !important;
}

/* --- NAV HOVER UNDERLINE --- */
.wp-block-navigation a {
	  transition: color 0.2s ease, opacity 0.2s ease !important;
	  position: relative;
}

.wp-block-navigation a::after {
	  content: '';
	  position: absolute;
	  bottom: -3px; left: 0;
	  width: 0; height: 2px;
	  background: #1e90ff;
	  border-radius: 1px;
	  transition: width 0.28s ease;
}

.wp-block-navigation a:hover::after { width: 100%; }

/* --- CUSTOM SCROLLBAR --- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #040810; }
::-webkit-scrollbar-thumb { background: #1a4fff; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3a70ff; }

/* --- SELECTION COLOR --- */
::selection { background: rgba(30, 100, 255, 0.35); color: #fff; }

/* ==============================
 *    MOBILE OPTIMIZATION
 *    ============================== */
@media (max-width: 768px) {
	h1 { font-size: clamp(1.9rem, 9vw, 3.2rem) !important; }
	h2 { font-size: clamp(1.4rem, 6vw, 2.2rem) !important; }
	h3 { font-size: clamp(1.1rem, 4.5vw, 1.5rem) !important; }
	p  { font-size: clamp(0.9rem, 3.5vw, 1rem) !important; }
	
	  .wp-block-button,
	  .wp-block-button a {
			    width: 100% !important;
			    text-align: center !important;
			    justify-content: center !important;
	}
	
	  .wp-block-columns {
			    flex-direction: column !important;
			    gap: 1.5rem !important;
	}
	
	  .wp-block-navigation a,
	  .wp-block-button a,
	  button {
			    min-height: 44px;
			    display: inline-flex;
			    align-items: center;
			    justify-content: center;
	}
	
	  .wp-block-image img {
			    max-width: 100% !important;
			    height: auto !important;
	}
	
	  .wp-block-columns.is-layout-flex {
			    display: grid !important;
			    grid-template-columns: 1fr 1fr !important;
	}
}

@media (max-width: 480px) {
	h1 { font-size: clamp(1.6rem, 10vw, 2.4rem) !important; }
	
	  .wp-block-columns.is-layout-flex {
			    grid-template-columns: 1fr !important;
	}
}*    DIGIJAWS UX IMPROVEMENTS
 *    
 * 
 * /* ====================================
	  *    SHARK ANIMATION ENHANCEMENTS
	  *    ==================================== */

/* Cover block shark banner  animated swim + neon glow overlay */
.wp-block-cover {
	  overflow: hidden;
	  position: relative;
}

.wp-block-cover__image-background {
	  animation: sharkSwim 7s ease-in-out infinite;
	  filter: brightness(1.1) contrast(1.15)
			          drop-shadow(0 0 22px rgba(0, 160, 255, 0.55))
			          drop-shadow(0 0 55px rgba(0, 80, 200, 0.3));
	  transform-origin: center bottom;
}

/* Animated electric-blue sweep overlay on cover blocks */
.wp-block-cover::after {
	  content: '';
	  position: absolute;
	  inset: 0;
	  background: linear-gradient(
			    135deg,
			    transparent 30%,
			    rgba(0, 120, 255, 0.06) 50%,
			    transparent 70%
			  );
	  background-size: 300% 300%;
	  animation: scanSweep 4s ease-in-out infinite;
	  pointer-events: none;
	  z-index: 1;
}

@keyframes scanSweep {
	0%   { background-position: 0% 0%; opacity: 0.5; }
	50%  { background-position: 100% 100%; opacity: 1; }
	100% { background-position: 0% 0%; opacity: 0.5; }
}

/* Hero small shark image  stronger glow, no hue-rotate so it stays visible */
.wp-block-image img,
figure.wp-block-image img {
	  filter: brightness(1.2) contrast(1.1)
			          drop-shadow(0 0 16px rgba(0, 180, 255, 0.7))
			          drop-shadow(0 0 40px rgba(0, 100, 255, 0.4)) !important;
}

/* Pulsing glow on hover */
.wp-block-image img:hover {
	  filter: brightness(1.4) contrast(1.15)
			          drop-shadow(0 0 24px rgba(0, 200, 255, 1))
			          drop-shadow(0 0 60px rgba(0, 120, 255, 0.6)) !important;
	  animation-play-state: paused !important;
}

/* Add a subtle scan-line effect to shark cover sections */
.wp-block-cover::before {
	  content: '';
	  position: absolute;
	  inset: 0;
	  background: repeating-linear-gradient(
			    0deg,
			    transparent,
			    transparent 2px,
			    rgba(0, 100, 200, 0.04) 2px,
			    rgba(0, 100, 200, 0.04) 4px
			  );
	  pointer-events: none;
	  z-index: 2;
	  animation: scanlines 8s linear infinite;
}

@keyframes scanlines {
	0%   { background-position: 0 0; }
	100% { background-position: 0 40px; }
}==================================== */

/* --- SMOOTH SCROLLING --- */
html { scroll-behavior: smooth; }

/* --- TEXT READABILITY FIX --- */
/* Body paragraphs are too low-contrast on dark bg */
p, .wp-block-paragraph {
	  color: rgba(210, 228, 250, 0.88) !important;
	  line-height: 1.75 !important;
}

/* Keep headings crisp white */
h1, h2, h3, h4, h5, h6 {
	  letter-spacing: -0.01em;
}

/* --- SHARK IMAGE ANIMATION --- */
/* Transform static shark photos into animated, glowing cyber-sharks */
.wp-block-image img,
figure.wp-block-image img,
section img:not(.wp-block-navigation-item__label) {
	  animation: sharkSwim 6s ease-in-out infinite;
	  filter: brightness(1.4) saturate(1.5) hue-rotate(190deg)
			          drop-shadow(0 0 18px rgba(30, 160, 255, 0.65))
			          drop-shadow(0 0 40px rgba(10, 80, 200, 0.35));
	  transition: filter 0.4s ease;
}

.wp-block-image img:hover,
figure.wp-block-image img:hover {
	  filter: brightness(1.7) saturate(1.8) hue-rotate(190deg)
			          drop-shadow(0 0 28px rgba(30, 200, 255, 0.9))
			          drop-shadow(0 0 60px rgba(10, 80, 200, 0.55));
	  animation-play-state: paused;
}

@keyframes sharkSwim {
	0%   { transform: translateY(0px)   translateX(0px)   rotate(0deg);    }
	15%  { transform: translateY(-7px)  translateX(5px)   rotate(0.4deg);  }
	30%  { transform: translateY(-3px)  translateX(10px)  rotate(-0.2deg); }
	50%  { transform: translateY(-11px) translateX(3px)   rotate(0.6deg);  }
	70%  { transform: translateY(-5px)  translateX(8px)   rotate(-0.4deg); }
	85%  { transform: translateY(-9px)  translateX(2px)   rotate(0.3deg);  }
	100% { transform: translateY(0px)   translateX(0px)   rotate(0deg);    }
}

/* --- BUTTON IMPROVEMENTS --- */
.wp-block-button a,
.wp-element-button,
a.wp-block-button__link {
	  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
	  letter-spacing: 0.03em !important;
}

.wp-block-button a:hover,
a.wp-block-button__link:hover {
	  transform: translateY(-3px) !important;
	  box-shadow: 0 10px 30px rgba(30, 120, 255, 0.5) !important;
}

/* --- CARD / STAT GLOW ON HOVER --- */
.wp-block-group {
	  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* --- NAV LINK HOVER UNDERLINE --- */
.wp-block-navigation a {
	  transition: color 0.2s ease, opacity 0.2s ease !important;
	  position: relative;
}

.wp-block-navigation a::after {
	  content: '';
	  position: absolute;
	  bottom: -3px;
	  left: 0;
	  width: 0;
	  height: 2px;
	  background: #1e90ff;
	  border-radius: 1px;
	  transition: width 0.28s ease;
}

.wp-block-navigation a:hover::after { width: 100%; }

/* --- SCROLLBAR --- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #040810; }
::-webkit-scrollbar-thumb { background: #1a4fff; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3a70ff; }

/* --- SELECTION COLOR --- */
::selection { background: rgba(30, 100, 255, 0.35); color: #fff; }

/* ==============================
 *    MOBILE OPTIMIZATION
 *    ============================== */
@media (max-width: 768px) {
	  /* Responsive type scale */
	h1 { font-size: clamp(1.9rem, 9vw, 3.2rem) !important; }
	h2 { font-size: clamp(1.4rem, 6vw, 2.2rem) !important; }
	h3 { font-size: clamp(1.1rem, 4.5vw, 1.5rem) !important; }
	
	  /* Tighten body text */
	p { font-size: clamp(0.9rem, 3.5vw, 1rem) !important; }
	
	  /* Full-width CTAs on mobile */
	  .wp-block-button,
	.wp-block-button a {
		    width: 100% !important;
		    text-align: center !important;
		    justify-content: center !important;
	}
	
	  /* Stack columns vertically on mobile */
	.wp-block-columns {
		    flex-direction: column !important;
		    gap: 1.5rem !important;
	}
	
	  /* Generous tap targets */
	  .wp-block-navigation a,
	  .wp-block-button a,
	button {
		    min-height: 44px;
		    display: inline-flex;
		    align-items: center;
		    justify-content: center;
	}
	
	  /* Reduce horizontal padding on narrow screens */
	.wp-site-blocks > * {
		    padding-left: 1.25rem !important;
		    padding-right: 1.25rem !important;
	}
	
	  /* Prevent shark image overflow on mobile */
	.wp-block-image img {
		    max-width: 100% !important;
		    height: auto !important;
	}
	
	  /* Shrink stat cards to 2-col grid on mobile */
	.wp-block-columns.is-layout-flex {
		    display: grid !important;
		    grid-template-columns: 1fr 1fr !important;
	}
}

@media (max-width: 480px) {
	h1 { font-size: clamp(1.6rem, 10vw, 2.4rem) !important; }
	
	  /* Single-col stat cards on very small screens */
	.wp-block-columns.is-layout-flex {
		    grid-template-columns: 1fr !important;
	}
}
	}
}
	}
	}
	}
	}
	}
	}
}
}
}
}
}
}
}
}
}
}
}