/* ============================================================
   Emega Image Tile — Additional styles only
   Base styles come from photoTile.css (.photo-tile-image { width: 100%; })
   
   Default: Shows at natural resolution, respects parent constraints
   Inside carousel: Natural sizing with max constraints
   ============================================================ */

/* Ensure container doesn't force unwanted constraints */
.photo-tile-container {
    max-width: 100%;
}

.photo-tile-figure {
    margin: 0;
}

.photo-tile-figure > picture {
    display: block;
    line-height: 0;
}

/* Link wrapper styling */
.photo-tile-link {
    display: block;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.photo-tile-link:hover {
    opacity: 0.95;
}

/* Ensure proper stacking */
.photo-tile-link:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

/* Loading state */
.photo-tile-image[loading="lazy"] {
    background: #f5f5f5;
}