/* FILE: /experience-travel-core/assets/css/transport-gallery-widget.css */
.etc-transport-gallery-widget { position: relative; }
.etc-transport-gallery-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; height: 450px; border-radius: 12px; overflow: hidden; }
.gallery-item { position: relative; overflow: hidden; }
.gallery-item a { display: block; height: 100%; width: 100%; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.gallery-item a:hover img { transform: scale(1.05); }
.right-column-gallery { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; }
.etc-view-all-photos-btn { position: absolute; bottom: 20px; right: 20px; background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; padding: 8px 16px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.etc-view-all-photos-btn i { margin-right: 8px; }
.etc-gallery-lightbox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 99999; }
.etc-gallery-lightbox.active { display: flex; align-items: center; justify-content: center; }
.lightbox-content { position: relative; max-width: 90%; max-height: 85%; }
.lightbox-content img { width: 100%; height: 100%; object-fit: contain; }
.lightbox-close, .lightbox-prev, .lightbox-next, .lightbox-counter { position: absolute; color: white; background: transparent; border: none; font-size: 24px; cursor: pointer; z-index: 10; }
.lightbox-close { top: 20px; right: 30px; font-size: 40px; }
.lightbox-prev, .lightbox-next { top: 50%; transform: translateY(-50%); font-size: 50px; padding: 0 20px; }
.lightbox-prev { left: 10px; }
.lightbox-next { right: 10px; }
.lightbox-counter { bottom: 20px; left: 50%; transform: translateX(-50%); font-size: 16px; background-color: rgba(0,0,0,0.5); padding: 5px 10px; border-radius: 5px; }
@media (max-width: 767px) { .etc-transport-gallery-grid { grid-template-columns: 1fr; } .right-column-gallery { display: none; } }