/*
 Theme Name:   Blade Child
 Theme URI:    https://themeforest.net/user/greatives
 Description:  Blade Child Theme
 Version:      3.6.1
 Author:       Greatives Team
 Author URI:   https://greatives.eu
 Template:     blade
*/

.grve-feature-header .grve-container {
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width: 354px) {

  .grve-feature-header .grve-column {
	padding-left: 0px;
	padding-right: 0px;
	} 
	.grve-section .grve-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.grve-section .grve-column {
		padding-left: 5px;
		padding-right: 5px;
	}

}

@media screen and (max-width: 400px) {

  .table-wrap {
    overflow-x: auto;                  /* enable horizontal scroll */
    -webkit-overflow-scrolling: touch; /* smooth on iOS */
    max-inline-size: 100%;

  }

  .table-wrap > table {
    inline-size: max-content;          /* table grows to natural width */
  }

}

h1, h2, h3, h4, h5, h6 {
  hyphens: auto;
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
  overflow: visible;
  text-wrap: balance;   
}

a:focus {
	text-decoration: none;
	color: blue;
	font-weight: bold;
	outline: 3px solid blue;
  	outline-offset: 2px;
}				

.grve-back-top:focus {
  outline: 3px solid #005fcc; /* Thick blue outline */
  outline-offset: 2px;
}

a {
	text-decoration: underline;
}

a:hover {
  text-decoration: underline;
  outline: 2px solid black; /* bright yellow outline */
  outline-offset: 4px;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
  text-decoration: underline;
  outline: 2px solid #fae101;
  outline-offset: 4px;
  background-color: rgba(255, 255, 255, 0.1); /* subtle highlight */
  transition: background-color 0.3s ease, outline 0.2s ease;
	color: #23AC9E !important;
}

a,
.wp-block-button__link {
  transition: outline 0.2s ease, background-color 0.3s ease, text-decoration 0.2s ease;
}

.wp-block-button__link:focus-visible {
  outline: 2px solid #fae101;
  outline-offset: 4px;
}

/* Optional: If you want the whole box to highlight */
.grve-box-content a:focus {
  color: hsl(232, 50%, 25%);
  font-weight: bold;
  outline: 3px solid blue;
  outline-offset: 2px;
  display: inline-block;
  text-decoration: none; /* override if needed */
}

.grve-bg-hover-white:hover, a.grve-bg-hover-white:hover {
	color: #23AC9E !important;
}

a.footer-custom-text-deo:hover {
    color: #FAE101 !important;
}

/* Global: make all .grve-media the same proportion */
.grve-row .grve-media { aspect-ratio: 16 / 9; }

/* Fill the frame without distortion */
.grve-row .grve-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- Image-link visual indicator (Blade image blocks) --- */

/* 1) Don't draw the global link outline on these anchors (prevents double rings) */
.grve-element.grve-image a:hover,
.grve-element.grve-image a:focus,
.grve-element.grve-image a:focus-visible {
  outline: none !important;
  text-decoration: none; /* underline on images isn't helpful */
}

/* 2) Draw the ring on the IMG so it’s always visible */
:root { --img-ring: #23AC9E; } /* brand color */

.grve-element.grve-image a img {
  display: block;
  border-radius: 10px;               /* optional */
  transition: box-shadow .15s ease;
}

/* Hover ring (mouse) */
.grve-element.grve-image a:hover img {
  box-shadow: 0 0 0 3px var(--img-ring);
}

/* Keyboard focus ring (modern) */
.grve-element.grve-image a:focus-visible img {
  box-shadow: 0 0 0 3px var(--img-ring);
}

/* Keyboard focus fallback */
.grve-element.grve-image a:focus img {
  box-shadow: 0 0 0 3px var(--img-ring);
}

/* 3) If a parent is clipping the ring, unclip it */
.grve-element.grve-image,
.grve-element.grve-image a {
  overflow: visible !important;
}

/* Uniform logo tiles for Blade image elements */
.grve-row .grve-element.grve-image a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;          /* set the uniform tile height */
  padding: 8px;           /* breathing room around logos */
  box-sizing: border-box; /* include padding inside height */
  border-radius: 10px;    /* optional, matches your focus ring */
}

/* Small screens: slightly shorter tiles */
@media (max-width: 480px) {
  .grve-row .grve-element.grve-image a { height: 96px; }
}

.grve-btn {
  align-content: center;
}