/*
Theme Name: River Rich Village Resort
Theme URI: http://riverrichvillageresort.com
Author: Smartech Solutions
Author URI: http://smartechsolutions.in
Description: Custom WordPress theme for River Rich Village Resort with Robo Gallery support
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: river-rich
Tags: resort, gallery, responsive, bootstrap
*/

@import url('assets/css/bootstrap.css');
@import url('assets/css/flexslider.css');
@import url('assets/css/zoomslider.css');
@import url('assets/css/style.css');
@import url('assets/css/font-awesome.css');
@import url('assets/css/banner-styles.css');
@import url('assets/css/iconochive.css');
@import url('assets/css/google-fonts.css');
@import url('assets/css/google-fonts2.css');
@import url('assets/css/jquery-ui.css');

/* Robo Gallery compatibility */
.robo-gallery-container {
    max-width: 100%;
    margin: 0 auto;
}

.robo-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.robo-gallery-item {
    padding: 0 15px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.robo-gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    transition: transform 0.3s ease;
}

.robo-gallery-item:hover img {
    transform: scale(1.02);
}

.robo-gallery-lightbox .robo-gallery-image {
    max-width: 90%;
    max-height: 90vh;
}

/* WordPress core alignment classes */
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.aligncenter { display: block; margin: 0 auto 20px; }
.alignwide { margin-left: -10%; width: 120%; }
.alignfull { margin-left: calc(50% - 50vw); width: 100vw; max-width: none; }

.wp-caption { max-width: 100%; margin-bottom: 20px; }
.wp-caption-text { text-align: center; font-style: italic; margin-top: 10px; }

/* Gallery block support */
.blocks-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.blocks-gallery-item {
    margin: 10px;
    flex-grow: 1;
    flex-basis: 0;
}

.blocks-gallery-item figure { margin: 0; }
.blocks-gallery-item img { width: 100%; height: auto; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .robo-gallery-item {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (max-width: 480px) {
    .robo-gallery-item {
        flex-basis: 100%;
        max-width: 100%;
    }
}