/*
Theme Name: Parniann
Theme URI: https://example.com/
Description: Child theme for the Twenty Twenty-Five theme
Author: Your Name
Author URI: https://example.com/
Template: twentytwentyfive
Version: 1.0
Text Domain: twentytwentyfive-child
*/
.position_relative {
position: relative;
}

.box_shadow {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tab_style .tabs-titles {
background-color: transparent;
gap: 16px;  
}
.wp-block-atbs-tabs .tabs-titles .tab-title {   
display: unset; 
}
a.wp-block-button__link.wp-element-button {
transition: all ease .6s;
}

a.wp-block-button__link.wp-element-button:hover {
background: #003969;
border-color: #003969 !important;
}
a {
text-decoration: none;
}
.wp-block-button.is-style-outline a:hover {
background: #065191 !important;
border-color: #065191 !important;
}
.width_702 {
width: 615px;
max-width: 615px;
margin-left: -130px;
}
.bg_white {
background: #fff;
}
.margin_top {
margin-top: -234px !important;
}

/* === Gallery Popup Modal (Refined Professional Look) === */
.gallery-modal {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.95);
z-index: 999999;
justify-content: center;
align-items: center;
overflow: hidden;
backdrop-filter: blur(6px); /* ✨ subtle blur for depth */
animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
from { opacity: 0; transform: scale(1.02); }
to { opacity: 1; transform: scale(1); }
}

/* Modal Content Wrapper */
.gallery-modal-content {
width: 90%;
max-width: 1200px;
margin: auto;
border-radius: 12px;
overflow: hidden;
position: relative;
}

/* Close Button */
.gallery-close {
position: fixed;
top: 20px;
right: 35px;
color: #fff;
font-size: 36px;
cursor: pointer;
z-index: 1000000;
transition: transform 0.2s ease, color 0.2s ease;
}

.gallery-close:hover {
transform: rotate(90deg);
color: #ff5c5c;
}

/* === Swiper Styling === */

/* Main Image Slider */
.mySwiper2 {
width: 100%;
height: 80vh; /* responsive height */
display: flex;
align-items: center;
justify-content: center;
background: #000;
}

.mySwiper2 .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}

.mySwiper2 .swiper-slide img {
max-width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.6);
transition: transform 0.4s ease;
}

.mySwiper2 .swiper-slide img:hover {
transform: scale(1.02);
}

/* Navigation Buttons */
.swiper-button-next,
.swiper-button-prev {
color: #fff !important;
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.15);
border-radius: 50%;
transition: background 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
background: rgba(255, 255, 255, 0.35);
}

/* Thumbnails Row */
.mySwiper {
height: 18vh;
box-sizing: border-box;
padding: 10px 0;
background: rgba(0, 0, 0, 0.7);
border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mySwiper .swiper-slide {
width: auto;
height: 100%;
opacity: 0.4;
transition: opacity 0.3s ease, transform 0.3s ease;
cursor: pointer;
}

.mySwiper .swiper-slide-thumb-active {
opacity: 1;
transform: scale(1.05);
}

.mySwiper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
ul#galleryTabs {
padding: 0;
display: flex;
justify-content: center;
gap: 16px;
margin-bottom: 40px;
}

ul#galleryTabs li {
list-style: none;
border-radius: 4px;
gap: 10px;
opacity: 1;
padding-top: 6px;
font-weight: 400;
padding-right: 16px;
padding-bottom: 6px;
padding-left: 16px;
background: #FFFFFF;
cursor: pointer;
transition: all ease .6s;
}
.gallery-item img {
width: 100%;
}
button#galleryLoadMore {
font-family: Roboto;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
padding: 12px 24px;
border-radius: 4px;
border: 1px solid #1E1812;
cursor: pointer;
}
button#galleryLoadMore {
font-family: Roboto;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
padding: 12px 24px;
border-radius: 4px;
border: 1px solid #1E1812;
}
.gallery-hover .hover-content h3 {
font-family: 'Roboto';
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 120%;
text-transform: uppercase;
}
ul#galleryTabs li.active, ul#galleryTabs li:hover {
background: #065191;
color: #fff;
}
div#galleryGrid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 32px;
}


/* === Caption Overlay for Full-Width Images === */
/*.slide-content-wrapper {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}*/

.slide-content-wrapper {
position: absolute;
width: 100%;
/* height: 100vh; */
overflow: hidden;
bottom: 0;
}
.slide-content-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}

.slide-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-width: 704px;
padding: 40px 60px;
color: #fff;
text-align: left;
z-index: 2;
}
.swiper-button-next, .swiper-button-prev {  
width: 42px !important;
height: 42px !important; 
}
.slide-caption .slide-title {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 10px;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: 20px !important;   
}

.slide-caption .slide-text {
font-size: 1rem;
line-height: 1.5;
opacity: 0.9;
}
.swiper.mySwiper2 {
margin-bottom: 20px;
}
.text_white {
color: #fff;
}


.slide-content-wrapper:after {
content: '' !important;
position: absolute;
background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: auto;
z-index: 1;
}

/* === Gallery Grid Hover Overlay === */
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 6px;
height: 280px;
}

.gallery-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform 0.5s ease;
}

.gallery-item:hover .gallery-image {
transform: scale(1.08);
}

/* Gradient hover overlay */
.gallery-hover {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0));
opacity: 0;
display: flex;
align-items: flex-end;
transition: opacity 0.4s ease;
padding: 20px;
}

.gallery-item:hover .gallery-hover {
opacity: 1;
}

/* Text inside overlay */
.gallery-hover .hover-content {
color: #fff;
text-align: left;
}

.gallery-hover h3 {
margin: 0 0 6px 0;
font-size: 18px;
font-weight: 600;
color: #fff;
}

.gallery-hover p {
margin: 0;
font-size: 14px;
line-height: 1.4;
opacity: 0.85;
}

.slide-caption .slide-title {
margin-bottom: 10px;
font-family: Roboto;
font-weight: 500;
font-style: normal;
font-size: 48px;
line-height: 120%;
text-transform: uppercase;
}

button#galleryLoadMore:focus, button#galleryLoadMore:focus-visible {
outline: 0px !important;
}

.header_global a.wp-block-navigation-item__content:focus-visible, .header_global a.wp-block-navigation-item__content:focus {
outline: 0;
}
.header_global a.wp-block-navigation-item__content:hover {
text-decoration: none;
}
.header_global a.wp-block-navigation-item__content {
position: relative;
}

.header_global a.wp-block-navigation-item__content:after {
content: '';
position: absolute;
height: 1px;
width: 0%;
background: #000;
left: 50%;
bottom: 0;
transition:all ease .3s;
transform: translateX(-50%);
}
.header_global a.wp-block-navigation-item__content:hover::after {
width: 100%;
}
a.wp-block-button__link {
display: flex;
gap: 10px;
}
.hover_effect .content_card {
opacity: 0;
visibility: hidden;
transition: all ease .6s;
}

.hover_effect:hover .content_card {
opacity: 1;
visibility: visible;
}
/* Responsive Tweaks */
@media (max-width: 768px) {
.gallery-modal-content {
width: 95%;
}

.mySwiper2 {
height: 65vh;
}

.mySwiper {
height: 15vh;
}

.swiper-button-next,
.swiper-button-prev {
width: 36px;
height: 36px;
}
}