/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
:root {
	--main-divider-height: min(14rem, 15vw);
}

.brxe-map:not(.bricks-draggable-item) > iframe {
  pointer-events: auto;
}

[aria-current] {
  position: relative; /* Needed for the pseudo-element to be positioned relative to the parent */
}

[aria-current]::after {
  content: "";
  position: absolute;
  bottom: -2px; /* Adds a small gap between the element and the line */
  left: 0; /* Align to the left edge of the element */
  width: 66%; /* Make the line 66% of the element's width */
  height: 5px;
  background-color: #ffcc00; /* Color of the line */
}

/* For custom php displaying all guns on package */
.flex-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; /* Ensures space between items */
    }
    .flex-item {
        flex: 1 1 calc(33.333% - 20px); /* Makes each item take up roughly 1/3rd of the row minus margin */
        margin: 5px;
        box-sizing: border-box; /* Ensures padding/margin are included in width */
        padding: 5px;
        text-align: center;
        background-color: #f9f9f9; /* Optional background */
    }
    .flex-item img {
        max-width: 100%; /* Makes sure the image is responsive */
        height: auto;
		min-height: 110px;
		object-fit: contain;
    }
    /* Responsive rules for smaller screens */
    @media (max-width: 768px) {
        .flex-item {
            flex: 1 1 calc(50% - 20px); /* 2 items per row on tablets */
        }
    }
    @media (max-width: 480px) {
        .flex-item {
            flex: 1 1 100%; /* 1 item per row on smaller screens */
        }
    }
.waffe-name {
	font-size: 2rem;
}