*:focus { 
  outline: 0 !important;
  box-shadow:
    0 0 0 .2rem #fff, /* use site bg color to create whitespace for faux focus ring */
    0 0 0 .35rem #069 !important; /* faux focus ring color */
}

*:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}

.form-control {
  width: 100%;
}

a {
	text-decoration: none;
}

a:focus,
.focus a {
	outline: none !important;
}
 
table.blr-table td {
  width: 100% !important;
  max-width: 100% !important;    
}

.blr-admin-th {
    width: 75px !important;
}

.blr-admin-td {
    width: 300px;
}

.upload-button {  
   margin-left: 10px;
   height: 30px;
}

.blr-admin-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 3px;
}

.blr-admin-img-wrapper img {
  min-height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.owl-featured {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}


/*******************************************************
Gallery
*******************************************************/ 


.owl-gallery-metabox {
   padding: 20px;
}

/* Style the add images button */
.owl-add-images-button {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   padding: 0 10px 1px 10px;
   margin: 2em 0 -0.5em 1em;
}

.owl-gallery-metabox .dashicons-format-gallery {
   font-size: 17px;
   margin-top: 5px;
}

/* Flex grid container with gap for spacing */
.owl-image-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 25px;
   justify-content: flex-start;
}

/* Square image items fixed at 125px square */
.owl-image-item {
   flex: 0 0 125px;
   width: 125px;
   height: 125px;
   position: relative;
   overflow: hidden;
   border-radius: 3px;
   transition: transform 0.2s ease;
   cursor: move;
}

.owl-image-item:active {
   cursor: grab;
}

.owl-image-item.grabbing {
   cursor: grabbing !important;
}

.owl-image-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

/* Delete image button styling */
.owl-delete-image-button {
   background-color: rgba(248, 75, 75, 0.5);
   color: rgba(255, 255, 255, 0.5);
   border: none;
   padding: 0px 5px 4px 5px;
   font-size: 16px;
   cursor: pointer;
   border-radius: 50%;
   position: absolute;
   top: 5px;
   right: 5px;
   font-weight: 700;
   line-height: 1;
   transition: background-color 0.2s ease, color 0.2s ease;
   display: flex;
   align-items: center;
   justify-content: center;
}

.owl-delete-image-button span {
   margin: 0;
}

.owl-delete-image-button:hover {
   background-color: rgba(248, 75, 75, 1);
   color: rgba(255, 255, 255, 1);
}

/* Placeholder for sortable (forcing a square at 125px) */
.sortable-placeholder {
   flex: 0 0 125px;
   width: 125px;
   height: 125px;
   background-color: rgba(0, 0, 0, 0.1);
   border: 2px dashed rgba(0, 0, 0, 0.2);
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 14px;
   font-weight: bold;
   color: #000;
   text-transform: uppercase;
   transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
   margin: 10px;
}
