/*
 Theme Name:   Astra Child
 Theme URI:    https://acsreunions.com
 Description:  Child theme for Astra
 Template:     astra
 Version:      1.0.0
*/

/* Your custom styles go here */

.acs-ticket-limit{
    
    display:block; 
    margin-top:6px; 
    color:#ff9b6d; 
    font-weight:bold;
}

/* Hide Events & Photos if user is not logged in */
body.user-logged-out #menu-item-597,
body.user-logged-out #menu-item-595,
body.user-logged-out #menu-item-984,
body.user-logged-out .ast-header-account,
body.user-logged-out .logged-in-btns,
body.user-logged-out .ast-header-woo-cart,
body.user-logged-out #menu-item-1310,
body.mobile-logged-out li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-597,
body.mobile-logged-out li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-595{
    display: none !important;
}

body.logged-in #menu-item-605,
body.logged-in .ast-custom-button-link,
body.logged-in .public-btns,
body.logged-in #menu-item-984,
body.logged-in #menu-item-1310,
body.mobile-logged-in .menu-item-605,
body.mobile-logged-in .ast-custom-button-link,
body.mobile-logged-in .public-btns,
body.mobile-logged-out li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-984,
body.mobile-logged-out li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1310{
    display: none !important;
}

/*Photos page stylings*/
.my-photo-images.single img {
    width: auto!important;
    height: 300px!important;
    border-radius: 6px;
    object-fit: cover;
}

.my-photo-images.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
}

.my-photo-images.grid {
    display: grid;
    gap: 8px;
    width: 100%;
}

/* Dynamic layouts */
.my-photo-images.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.my-photo-images.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.my-photo-images.grid-4,
.my-photo-images.grid-5,
.my-photo-images.grid-6 {
    grid-template-columns: repeat(3, 1fr);
}

.my-photo-images.grid img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;   /* square shape */
    object-fit: cover;     /* fills square */
    border-radius: 6px;
    display: block;
}

.my-lightbox { 
    position: fixed; top:0; left:0; width:100%; height:100%; 
    background:rgba(0,0,0,.9); display:flex; align-items:center; justify-content:center; 
    z-index:9999; 
}
.my-lightbox-content { position: relative; max-width:90%; max-height:90%; text-align:center; color:#fff; }
.my-lightbox-content img { max-width:100%; max-height:80vh; border-radius:6px; }
.my-lightbox-content p { margin-top:10px; }

.my-lightbox-close {
    position:absolute; top:10px; right:20px; font-size:30px; color:#fff; cursor:pointer;
}

.my-lightbox-prev, .my-lightbox-next {
    position:absolute; top:50%; transform:translateY(-50%);
    background:none; border:none; font-size:40px; color:#fff; cursor:pointer;
    padding:10px; user-select:none;
}
.my-lightbox-prev { left:-50px; }
.my-lightbox-next { right:-50px; }

.my-photo-grid {
  display: grid;
  gap: 8px; /* space between images */
}

/* Dynamic columns depending on count */
.my-photo-grid.count-1 {
  grid-template-columns: 1fr;
}

.my-photo-grid.count-2 {
  grid-template-columns: repeat(2, 1fr);
}

.my-photo-grid.count-3 {
  grid-template-columns: repeat(3, 1fr);
}

.my-photo-grid.count-4 {
  grid-template-columns: repeat(2, 1fr); /* Instagram-style for 4 */
}

.my-photo-grid.count-5,
.my-photo-grid.count-6 {
  grid-template-columns: repeat(3, 1fr);
}

.my-photo-actions {
  	margin-top: 10px;
	margin-bottom: 20px;
}

.download-all-btn {
  display: inline-block;
  padding: 6px 12px;
  background: #0073aa;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  transition: background 0.2s;
}
.download-all-btn:hover {
  background: #005f8d;
}



/*@media (max-width: 921px) {*/
    
/*    #ast-hf-mobile-menu > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-452*/
    
    
    
/*    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {*/
        
/*    }*/
/*}*/

/*Photo rules display*/
.my-photo-rules {
	font-size: 14px;
	margin: 10px 0 20px;
	padding: 10px 15px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 6px;
}
.my-photo-rules ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.my-photo-rules li {
	margin-bottom: 6px;
}

input#my-photo-input {
    padding: 20px;
    background: #ffffff;
    width: 100%;
    border: 1px solid #d1d5dc;
}

/*Delete post button*/
.delete-photo-btn {
    margin-left: 10px;
    padding: 6px 10px;
    font-size: 14px;
    background: #dc3545;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}
.delete-photo-btn:hover {
    background: #a71d2a;
}

.download-all-btn:hover, .delete-photo-btn:hover {
    background: #333;
    color: #fff;
}

/*Remove photos before upload*/
.preview-item {
    position: relative;
    display: inline-block;
}
.preview-item img {
    width: 100px;
    height: 100px!important;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #ccc;
}
.preview-item .remove-file {
    position: absolute;
    top: 2px;
    right: 2px;
    background: transparent;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-size: 14px;
    cursor: pointer;
}

.preview-item .remove-file:hover {
	background:transparent;
}

progress {
	width: 100%;
}

.user-logged-out.page-id-128 .entry-title {
    display: none;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
	border-bottom: 0px;
}

.event-tickets .tribe-tickets__form .tribe-tickets__form-field {
    display: grid!important;
}

table.tribe-attendee-meta {
    border: 1px solid #D1D5DB;
}

body.role-customer #wpadminbar {
    display: none !important;
}

body.role-customer {
    margin-top: -33px !important;
}

/*temporary hide download btn*/
.download-all-btn {
    display: none;
}

@media only screen and (max-width: 767px) {
	.page-id-126 .site-content {
		padding: 80px 30px 30px 30px;
	}
	.page-id-128 .site-content {
		padding-top: 80px;
	}
	nav.woocommerce-MyAccount-navigation ul {
		padding-left: 0px;
	}
	.woocommerce-MyAccount-content {
		margin-top: 40px;
	}
	.single-tribe_events .site-content {
		padding-top: 50px;
	}
	span.tribe-currency-symbol, span.tribe-amount {
		font-size: 12px;
	}
/* 	img.lb-image {
		margin-top: 200px;
	} */
	body.user-logged-out .page-id-128 .entry-title {
		display: none !important;
	}
	.tribe-dialog__wrapper.tribe-modal__wrapper--ar {
		padding-top: 80px !important;
	}
	.a11y-dialog__body-locked #wpadminbar {
		margin-top: -50px!important;
	}
	.page-tribe-attendee-registration .site-content {
		margin-top: 50px;
	}
	.page-id-127 .site-content {
		padding: 80px 30px;
	}
	/*completed order*/
	.woocommerce-page.woocommerce-checkout .woocommerce-order table.shop_table td,
	.woocommerce-js table.shop_table td, .woocommerce-js table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th{
		padding: 5px;
		font-size: 10px;
	}
	table {
		border: 1px;
	}
	.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
        display: block!important;
    }
	.woocommerce-js ul.order_details li {
		border-right: none;
	}
	body.role-customer {
		margin-top: -46px !important;
	}
}