/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://diviextended.com/
Author: Elicus Technologies
Author URI: https://elicus.com
Template: twentytwentythree
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.yendis-header.element-is-sticky {
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
}

/* Calendar-Style Event Header */
.fps-event-header-container {
    float: left;
    margin: 20px 0 30px 0;
    max-width: 100%;
}

.fps-event-calendar {
    /* width: 120px; */
    padding: 0px 0px 2px 0px;
    margin: 10px 10px 0px 0px;
    background: red;
    border-radius: 12px;
    text-align: center;
    color: var(--wp--preset--color--contrast);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    position: relative;
}

.fps-event-date-large {
    font-size: 6.5em;
    font-weight: 700;
    color: var(--wp--preset--color--base);
    line-height: 1;
    background: var(--wp--preset--color--contrast);
    margin-bottom: 4px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.fps-event-month-year {
    margin: 0 0px 0 0px;
    padding: 0 5px;
    font-size: 0.9em;
    font-weight: bold;
    /* margin-bottom: 8px; */
    opacity: 0.95;
    line-height: 1.2;
}

.fps-event-time {
    margin: 0 10px 0 10px;
    font-size: 0.85em;
    font-weight: 400;
    opacity: 0.9;
    padding: 0px 5px;
    border-top: 1px solid rgba(255,255,255,0.3);
}

.fps-event-content {
    font-size: .7em; /* Content will naturally wrap around the floated container */
}

@media (max-width: 768px) {
    .fps-event-header-container {
        float: none;
        margin: 20px 0;
        text-align: center;
    }
    
    .fps-event-calendar {
        width: 140px;
        margin: 0 auto;
    }
    
    .fps-event-date-large {
        font-size: 2.2em;
    }
}

    max-width: 800px;
    margin: 0 auto 0.5em;
}

.fps-post-header .fps-intent-badge img.emoji {
    height: 2em !important;
    width: 2em !important;
}

p.wide_p {
    width: 100%;
	margin: 0;
	font-size: .71em;
}

.ypp-type-card h3 {
    font-size: var(--wp--preset--font-size--small);
}

span.fps-meta.Published {
    background: green;
    color: white;
}

.fps-my-post-actions {
    margin: 1em 0;
}

button.button.button-small.fps-btn, a.button.button-small.fps-btn {
    float: none;
}

.fps-my-post-item .fps-my-post-excerpt {
    font-style: italic;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    padding: 0 10px 6px;
}

.post-content.fps-my-post-title h3 {
    margin: 0;
}

.post-meta.fps-my-post-meta {
    font-size: small;
	display: block;
	padding-top: 5px;
}

span.fps-meta {
    display: inline-block;
    background: var(--wp-editor-canvas-background);
    border-radius: 5px;
    padding: 2px 5px 0;
}

.fps-my-post-title, .fps-my-post-excerpt {
    padding: 10px;
}

article.fps-my-post-item a {
    text-decoration: none;
}

.fps-my-posts-list.post-grid {
    padding: 10px;
}

.fps-my-share-main h1.has-text-align-center.alignwide.wp-block-post-title {
    margin: 1em 0;
}

header.fps-my-posts-header {
    padding: 0 10px 0;
}

.fps-my-posts-nav a span.symbol svg#add_new_share
{
    width: 18px;
    position: relative;
    top: 2px;
    left: -9px;
}

.fps-my-posts-nav a span.symbol
{
    position: relative;
    top: 0px;
    left: 10px;
}

span.new-share:hover {
    stroke: var(--wp--preset--color--tertiary);
}

svg#add_new_share {
    width: clamp(2.032rem, 2.032rem + ((1vw - 0.2rem) * 2.896), 3.625rem);
}

.fps-my-posts-header span#page_no_top {
    position: absolute;
    right: 10px;
}

span.symbol
{
    position: relative;
    top: -14px;
    left: 3px;
}

span.new-share
{
    height: 42px;
    width: 42px;
    display: block;
}

h1 a.fps-btn.fps-btn-primary {
    display: inline-block;
    position: relative;
    top: 18px;
    left: 0px;
    margin-left: 10px;
}

.fps-my-posts-header h1 {
    margin: 0px;
}

.fps-my-posts-header span.dashicons.dashicons-plus-alt2
{
    font-size: 40px;
    border: 3px solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-decoration: none;
}

#audio-tab td {
    width: 100%;
    border: none;
    padding: 0;
}

.image-upload-section, .ajax-video-upload, .audio-upload-section {
    display: inline-block;
    background: var(--wp--preset--color--base);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px solid var(--wp--preset--color--tertiary);
}
button#menu-item-browse, button#menu-item-upload {
    color: var(--wp--preset--color--contrast);
}

.yendis .media-frame-content, .yendis .media-frame-toolbar .media-toolbar {
    border-top: 1px solid var(--wp--preset--color--tertiary);
}
	
.yendis .media-router .active, .yendis .media-router .media-menu-item.active, .yendis .media-router .media-menu-item.active:last-child {
    border: 1px solid var(--wp--preset--color--tertiary);
	border-bottom: none;
}
	
.yendis .media-modal-content {
    border: 1px solid var(--wp--preset--color--secondary);
}

.media-frame-tab-panel .media-frame-content .attachments-browser .attachments-wrapper {
	right: 0;
}

.media-frame-tab-panel .media-router button.media-menu-item.active, .media-frame-tab-panel .media-frame-content {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--contrast);
}

/* Media Modal Button Customizations */
.yendis .media-frame .media-toolbar .button, .yendis .wp-core-ui .button {
    background: var(--wp--preset--gradient--tertiary-primary) !important;
    color: var(--wp--preset--color--contrast) !important;
    border: 1px solid var(--wp--preset--color--primary) !important;
    border-radius: 20px !important;
    padding: 0px 10px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.media-frame .media-toolbar .button:hover {
    background: var(--wp--preset--color--primary-dark, #000) !important;
    border-color: var(--wp--preset--color--primary-dark, #000) !important;
    transform: translateY(-1px) !important;
}

/* Primary action button (Select/Use as Featured Image) */
.media-frame .media-toolbar .button-primary {
    background: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--secondary) !important;
    font-weight: 600 !important;
}

.media-frame .media-toolbar .button-primary:hover {
    background: var(--wp--preset--color--secondary-dark, var(--wp--preset--color--primary)) !important;
    border-color: var(--wp--preset--color--secondary-dark, var(--wp--preset--color--primary)) !important;
}

/* Media sidebar buttons */
.media-sidebar .setting .button {
    background: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--contrast) !important;
    border: 1px solid var(--wp--preset--color--secondary) !important;
}

/* Media selection buttons */
.attachment .check {
    background: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--secondary) !important;
}

.attachment.selected .check {
    background: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}

/* Custom Media Button Classes */
.media-button-custom-primary {
    background: linear-gradient(135deg, var(--wp--preset--color--secondary), var(--wp--preset--color--secondary-dark, #333)) !important;
    border: none !important;
    color: var(--wp--preset--color--contrast) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

.media-button-custom-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    background: linear-gradient(135deg, var(--wp--preset--color--secondary-dark, #333), var(--wp--preset--color--secondary)) !important;
}

.media-frame-custom {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

.media-frame-custom .media-frame-title {
    background: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--contrast) !important;
    border-radius: 12px 12px 0 0 !important;
}

/* Hide Media Modal Sidebar */
.media-frame-custom .media-sidebar {
    display: none !important;
}

/* Expand content area when sidebar is hidden */
.media-frame-custom .media-frame-content {
    right: 0 !important;
}

/* Alternative: Hide sidebar for all media modals */
.media-sidebar {
    display: none !important;
}

.media-frame-content {
    right: 0 !important;
}

#video-tab td {
    border: none;
    padding: 0px;
}

.video-slot {
    background: var(--wp--preset--color--base);
    margin-bottom: 1em;
	border-radius: .51em;
	border: 1px solid var(--wp--preset--color--secondary);
}

.poster-controls, .video-basic-controls {
    flex-basis: 100%;
    display: inline-grid;
}

.video-info
{
    display: inline-block;
}

.video-wrapper .display-name-control
{
    margin-bottom: 1em;
}

.vbc-inner, .pc-inner
{
    border: 1px solid var(--wp--preset--color--tertiary);
    margin: 1em;
    padding: .51em 1em 1em;
}

.poster-preview {
    display: flex;
}

.poster-preview img.poster-art
{
    max-width: 100%;
}

.video-wrapper, .current-poster {
    width: calc(100% - 1em);
	padding: 1em 0 1em 1em;
}

.video-player-section, .video-details-section {
    display: flex;
}

.featured-landscape .image-controls {
    width: 140px;
    margin: 10px auto;
}

.video-player-section {
    border-bottom: 1px solid var(--wp--preset--color--secondary);
}

.upload-container {
  max-width: 400px;
  margin: 2rem auto;
}

.hidden-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.custom-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  border: 2px dashed #6366f1;
  border-radius: 12px;
  background-color: #f8fafc;
  cursor: pointer;
  transition: all 0.3s ease;
}

.custom-label:hover {
  background-color: #eff6ff;
  border-color: #3b82f6;
  transform: translateY(-2px);
}

.icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.text-primary {
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.5rem;
}

.text-secondary {
  font-size: 0.875rem;
  color: #64748b;
}

.images-active .category-guidelines
{
    display: block;
}

.category-guidelines
{
    display: none;
}

.profile-pic-display
{
    display: flex;
}

.profile-pic-info {
    padding-left: 1em;
}

.avatar-preview
{
    max-width: 264px;
    display: inline-block;
}

/* Category System Styles */
.category-spinner {
    display: inline-block;
    margin-left: 8px;
    animation: spin 1s linear infinite;
    color: #3498db;
    font-weight: bold;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.media-category-select.updating,
.image-category.updating {
    opacity: 0.6;
    cursor: wait;
    background: #f8f9fa;
}

.category-count {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    margin-left: 5px;
}

.category-count.at-limit {
    color: #e74c3c;
    font-weight: bold;
}

.is-featured {
    border: 2px solid #3498db !important;
    box-shadow: 0 0 10px rgba(52, 152, 219, 0.3);
    position: relative;
}

/*.is-featured::before {
    content: "⭐ Featured";
    position: absolute;
    top: 5px;
    right: 5px;
    background: #3498db;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    z-index: 10;
}*/

.category-badge {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    z-index: 10;
}

.category-badge[data-category="gallery"] { background: #9b59b6; }
.category-badge[data-category="profile_featured_image"] { background: #3498db; }
.category-badge[data-category="hands"] { background: #1abc9c; }
.category-badge[data-category="vehicle"] { background: #e67e22; }
.category-badge[data-category="other"] { background: #95a5a6; }

#sortable-audio-gallery  audio {
  /*width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background: #333;
  border-radius: 8px;*/
}

#sortable-audio-gallery audio::-webkit-media-controls-panel, #selected-audio-container audio::-webkit-media-controls-panel {
  background-color: var(--wp--preset--color--tertiary);
  color: var(--wp--preset--color--contrast);
  border-radius: 6px;
}

.tab-pane  #sortable-audio-gallery input.selected_audio
{
    width: auto;
    display: inline;
	top: -2px;
}

.tab-pane #sortable-audio-gallery input.audio-display-name-input, #selected-audio-item input.audio-display-name-input {
    min-width: 260px;
    width: auto;
    margin: 0 auto;
}

/* Image usage indicators */
.sortable-image-item.has-usage {
    border: 2px solid #d63638;
}

.image-usage-indicator {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

/* Warning modal improvements */
.image-usage-modal .modal-content {
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.image-usage-modal h3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.image-usage-modal h3:before {
    content: '⚠️';
    font-size: 24px;
}

/* Delete button styling for used images */
.delete-image[data-in-use="true"] {
    background: #d63638 !important;
    color: white !important;
    border-color: #a00 !important;
}

/* Featured image badge */
.featured-image-badge {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

/* Highlight featured image items */
.sortable-image-item.has-featured-image {
    border-left: 4px solid #46b450;
}

/* Delete button for featured images */
.delete-image[data-is-featured="true"] {
    background: #d63638 !important;
    color: white !important;
    border-color: #a00 !important;
    position: relative;
}

.delete-image[data-is-featured="true"]:after {
    content: '⚠️';
    margin-left: 5px;
}

.modal-open .media-sidebar {
    background: var(--wp--preset--color--secondary);
}

.modal-open .attachment-details h2 {
    color: var(--wp--preset--color--contrast);
}

.modal-open .attachments-wrapper {
    background: var(--wp--preset--color--secondary);
}

.modal-open .attachments-browser .media-toolbar {
    background: var(--wp--preset--color--secondary);
}

.modal-open .media-frame
{
    background-color: var(--wp--preset--color--base);
}

button.button.button-small:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  color: #666;
  background-color: #ccc;
}

/* Add to your existing styles */
.shape-square .shape-info::before {
    content: "□ ";
    font-weight: bold;
}
.shape-landscape .shape-info::before {
    content: "▭ ";
    font-weight: bold;
}
.shape-portrait .shape-info::before {
    content: "▯ ";
    font-weight: bold;
}

.sortable-saving {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

p.own_profile {
    width: 264px;
    font-size: small;
    font-style: italic;
    background: var(--wp-bound-block-color);
    border-radius: 10px;
    padding: 4px 8px;
    color: var(--wp--preset--color--contrast);
    margin: 7px 0;
    border: 1px solid var(--wp--preset--color--base);
}

input.video-poster-upload
{
    background: var(--wp--preset--color--base);
}

.existing-videos .video-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding: 15px;
    /*background: #f9f9f9;*/
    border: 1px solid var(--wp--preset--color--base);
    border-radius: 4px;
}

.video-thumbnail {
    flex: 0 0 300px;
}

.video-details {
    flex: 1;
}

.video-poster-controls {
    margin-top: 15px;
    padding: 15px;
    background: var(--wp-bound-block-color);
    border: 1px solid var(--wp--preset--color--base);
    border-radius: 4px;
}

.video-poster-controls h5 {
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.current-poster {
    margin-bottom: 15px;
}

.upload-poster {
    margin-top: 15px;
	display: inline-block;
}

.video-actions {
    margin-top: 15px;
    display: flex;
    gap: 10px;
}

@media (max-width: 768px) {
    .video-item {
        flex-direction: column;
    }
    
    .video-thumbnail {
        flex: 0 0 auto;
        width: 100%;
    }
}

/* Center the modal content properly */
.profile-gallery-modal .modal-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Main image/video container */
.profile-gallery-modal .modal-content {
    position: relative;
    max-width: 95vw;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Make images larger */
.profile-gallery-modal .modal-content img {
    max-width: 95vw;
    max-height: 80vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);
    transition: opacity 0.3s ease;
    display: block;
    margin: 0 auto;
}

/* Title below image (not to the right) */
.profile-gallery-modal .image-title {
    position: absolute;
    bottom: 5px; /* Position slightly below image */
    left: 50%;
    transform: translateX(-50%);
    color: var(--wp--preset--color--contrast);;
    text-align: center;
    padding: 12px 24px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 25px;
    max-width: 80%;
    backdrop-filter: blur(5px);
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.3s ease;
    opacity: 1;
    visibility: visible;
    z-index: 10;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Title hidden state */
.profile-gallery-modal .image-title.hidden {
    opacity: 0;
    visibility: hidden;
	transform: translateX(-50%) translateY(10px);
}

/* Show title on image hover */
.profile-gallery-modal .modal-content:hover .image-title {
    opacity: 1;
    visibility: visible;
	transform: translateX(-50%) translateY(0);
}

/* Video container styling */
.profile-gallery-modal .video-container {
    width: 95vw;
    height: 80vh;
    max-width: 1200px;
    max-height: 80vh;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-gallery-modal .video-container iframe,
.profile-gallery-modal .video-container video {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
}

/* Adjust title position for videos (since video is different height) */
.profile-gallery-modal .video-container + .image-title {
    bottom: -20px; /* Slightly lower for videos if needed */
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .profile-gallery-modal .image-title {
        font-size: 16px;
        padding: 10px 20px;
        max-width: 85%;
    }
}

@media (max-width: 768px) {
    .profile-gallery-modal .video-container {
        width: 98vw;
        height: 60vh;
    }

	.profile-gallery-modal .modal-content img {
        max-width: 98vw;
        max-height: 70vh;
    }
    
    .profile-gallery-modal .image-title {
        font-size: 15px;
        padding: 8px 16px;
        max-width: 90%;
        bottom: -12px;
    }
    
    .profile-gallery-modal .video-container iframe,
    .profile-gallery-modal .video-container video {
        max-width: 98vw;
        max-height: 60vh;
    }
}

@media (max-width: 480px) {
    .profile-gallery-modal .video-container {
        width: 100vw;
        height: 60vh;
    }

    .profile-gallery-modal .image-title {
        font-size: 14px;
        padding: 6px 12px;
        max-width: 95%;
        bottom: -10px;
        white-space: normal; /* Allow wrapping on mobile */
        text-align: center;
    }
    
    .profile-gallery-modal .video-container {
        width: 100vw;
        height: 50vh;
    }

	.profile-gallery-modal .modal-content img {
        max-width: 100vw;
        max-height: 60vh;
    }
	
	/* Optional: Add a subtle glow effect to title */
	.profile-gallery-modal .image-title::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 25px;
		box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
		opacity: 0;
		transition: opacity 0.3s ease;
		pointer-events: none;
	}

	.profile-gallery-modal .image-title:hover::after {
		opacity: 1;
	}
}

.profile-gallery-modal .modal-nav {
    display: block !important; /* Ensure visible by default */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hide only when explicitly set to none */
.profile-gallery-modal .modal-nav[style*="display: none"] {
    display: none !important;
}

/* Gallery Container Styles */
.author-profile-gallery {
    margin: 20px 0;
    clear: both;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.others-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    transition: transform 0.3s ease;
    aspect-ratio: 1 / 1; /* Make items square */
}

.gallery-item:hover {
    transform: scale(1.03);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

/* ===== FIXED MODAL STYLES ===== */
.modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.95);
    overflow: hidden;
}

/* Container for centering content */
.modal-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* Main image container */
/*.modal-content {
    max-width: 90vw;
    max-height: 70vh;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
    border-radius: 4px;
}*/

.profile-gallery-modal .modal-content img {
    max-width: 100%;
    max-height: 70vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
    display: block;
}

/* The TITLE inside .modal-content */
.profile-gallery-modal .modal-content .image-title {
    color: var(--wp--preset--color--contrast);;
    margin-top: 20px;
    padding: 12px 20px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 25px;
    max-width: 80%;
    backdrop-filter: blur(5px);
}

/* Image title styling */
.image-title {
    color: var(--wp--preset--color--contrast);;
    text-align: center;
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 18px;
    background: rgba(0,0,0,0.7);
    border-radius: 20px;
    max-width: 80%;
    z-index: 10001;
    position: relative;
}

/* Navigation buttons */
.modal-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.15);
    color: var(--wp--preset--color--contrast);
    border: none;
    padding: 25px 15px;
    font-size: 28px;
    cursor: pointer;
    z-index: 10002;
    transition: background 0.3s;
    border-radius: 4px;
    margin: 0 10px;
}

.modal-nav:hover {
    background: rgba(255,255,255,0.25);
}

#prevImage_gallery, #prevImage_hands, #prevImage_vehicle, #prevImage_other,
.modal-prev {
    left: 10px;
}

#nextImage_gallery, #nextImage_hands, #nextImage_vehicle, #nextImage_other,
.modal-next {
    right: 10px;
}

/* Close button */
.close, .modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10003;
    background: rgba(0,0,0,0.5);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}

.close:hover, .modal-close:hover {
    background: rgba(0,0,0,0.8);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .modal-content {
        max-width: 95vw;
        max-height: 60vh;
    }
    
    .modal-nav {
        padding: 20px 10px;
        font-size: 24px;
        margin: 0 5px;
    }
    
    .image-title {
        font-size: 16px;
        margin-top: 15px;
        padding: 8px 15px;
    }
    
    .close, .modal-close {
        top: 10px;
        right: 20px;
        font-size: 30px;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 480px) {
    .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
    }
    
    .modal-content {
        max-width: 98vw;
        max-height: 50vh;
    }
    
    .modal-nav {
        padding: 15px 8px;
        font-size: 20px;
    }
    
    .image-title {
        font-size: 14px;
        margin-top: 10px;
    }
}

/* Debug mode for menu order */
.menu-order-badge {
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(0,0,0,0.7);
    color: var(--wp--preset--color--contrast);;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    z-index: 2;
}

/* Loading indicator for modal */
.modal-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--wp--preset--color--contrast);;
    font-size: 24px;
}

/* Prevent body scroll when modal is open */
body.modal-open {
    overflow: hidden;
}

/* Empty gallery notice */
.empty-gallery-notice {
    background: #f8f9fa;
    border: 1px dashed #ddd;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    margin: 20px 0;
}

.empty-gallery-notice a {
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

.empty-gallery-notice a:hover {
    text-decoration: underline;
}

.gallery-tip {
    color: #666;
    margin-top: 10px;
    font-style: italic;
}

.button-secondary svg {
    position: relative;
    display: inline;
    top: 4px;
}

.submit_label {
    position: relative;
}

.submit_label svg {
    position: absolute;
    top: 20px;
    left: 17px;
}

/* Vertical Tabs */
.profile-edit-tabs {
    display: flex;
    gap: 30px;
    margin: 30px 0;
}


.tabs-nav {
    flex: 0 0 220px;
    border-right: 1px solid var(--wp--preset--color--base);
    padding-right: 20px;
}

.tab-button, svg.profile-verticle-tab {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 14px 15px;
    margin-bottom: 8px;
    text-align: left;
    background: var(--wp--preset--color--base);
    border: 1px solid var(--wp--preset--color--base);
    border-radius: 8px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: var(--wp-bound-block-color);
    transition: all 0.2s;
	fill: var(--wp-bound-block-color);
	stroke: var(--wp-bound-block-color);
}

svg.profile-verticle-tab
{
    width: auto;
    background: none;
    border: none;
	position: relative;
	top: 5px;
    padding: 0;
}

.tab-button:hover, svg.profile-verticle-tab:hover {
    background: #e9ecef;
    border-color: #adb5bd;
    transform: translateX(3px);
	fill: var(--wp-bound-block-color);
	stroke: var(--wp-bound-block-color);
}

.tab-button.active, .tab-button.active .profile-verticle-tab {
    background: var(--wp-bound-block-color);
    color: var(--wp--preset--color--contrast);
    border-color: var(--wp--preset--color--base);
    box-shadow: 0 3px 8px rgba(0, 115, 170, 0.2);
	fill: var(--wp--preset--color--contrast);;
	stroke: var(--wp--preset--color--contrast);;
}

.tab-icon {
    font-size: 18px;
}

.tabs-content {
    flex: 1;
    min-width: 0;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

.tab-header {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--wp--preset--color--base);
}

.tab-header h2 {
    margin-top: 0;
}

/* Media Sub-tabs */
.media-subtabs {
    margin-top: 20px;
    border: 1px solid var(--wp--preset--color--base);
    border-radius: 8px;
    overflow: hidden;
}

.tab-pane input, .tab-pane select, .tab-pane textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: calc(.4em + 0px);
    border: 1px solid var(--wp--preset--color--cyan-bluish-gray);
    font-family: inherit;
    font-size: .71em;
	border-radius: 8px;
    background: gainsboro;
}

.tab-pane input::placeholder {
  color: #888;
  font-style: italic;
  opacity: 0.7;
}

.tab-pane input#height_ft, .tab-pane input#height_in, .tab-pane input#height_cm {
    display: inline-block;
}

.tabs-content th {
    width: 10em;
}

.category-guidelines h3
{
    margin: 20px 0 0;
}

#personal-tab label svg {
    position: relative;
    top: 7px;
}

td span.description
{
    font-style: italic;
    opacity: .7;
    font-size: .7em;
}

.subtabs-nav {
    display: flex;
    background: var(--wp--preset--color--base);
    border-bottom: 1px solid var(--wp--preset--color--base);
}

.subtabs-nav .subtab-button .subtab-icon svg {
    background: none !important;
    stroke: var(--wp-bound-block-color) !important;
    fill:var(--wp-bound-block-color);
	padding-right: 0;
}
.subtab-button, .subtab-icon svg {
    flex: 1;
    padding: 12px 20px;
    background: none;
    border: none;
    /*border-right: 1px solid var(--wp--preset--color--base);*/
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--wp-bound-block-color);
    fill: var(--wp-bound-block-color);
    stroke: var(--wp-bound-block-color);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.subtab-button:last-child {
    border-right: none;
}

.subtab-button .subtab-icon svg:hover {
    background: none;
}

.subtab-button:hover, .subtab-icon svg:hover {
    background: #e9ecef;
    color: var(--wp-bound-block-color);
    fill: var(--wp-bound-block-color);
    stroke: var(--wp-bound-block-color);
}

.subtab-button.active .subtab-icon svg
{
    background: none;
    stroke: var(--wp--preset--color--contrast) !important;
    fill: var(--wp--preset--color--contrast);
}

.subtab-button.active, .active .subtab-icon svg {
    background: var(--wp-bound-block-color);
    color: var(--wp--preset--color--contrast);
    border-color: var(--wp--preset--color--base);
    stoke: var(--wp--preset--color--contrast);
    fill: var(--wp--preset--color--contrast);
    /*border-bottom: 3px solid #0073aa;*/
    font-weight: 600;
}

.subtabs-content {
   /* padding: 25px;
    background: var(--wp--preset--color--contrast);*/
}

.subtab-pane {
    display: none;
}

.subtab-pane.active {
    display: block;
    animation: fadeInUp 0.4s ease;
}

/* Image Gallery Improvements */
.category-grouped-view {
    margin-top: 20px;
}

.category-group {
    margin-bottom: 25px;
    border: 1px solid var(--wp--preset--color--base);
    border-radius: 8px;
    overflow: hidden;
}

/* NEW: Category group border colors */
.gallery-group {
    /*border-left-color: #4CAF50;*/
	border-left: 5px solid #4CAF50;
}

.profile_featured_image-group {
    /*border-left-color: #2196F3;*/
	border-left: 5px solid #2196F3;
}

.hands-group {
    /*border-left-color: #FF9800;*/
	border-left: 5px solid #FF9800;
}

.vehicle-group {
    /*border-left-color: #9C27B0;*/
	border-left: 5px solid #9C27B0;
}

.other-group {
    /*border-left-color: #795548;*/
	border-left: 5px solid #795548;
}

.none-group {
    border-left: 5px solid #9E9E9E;
}

.gallery-group .category-header {
    border-left: 4px solid #4CAF50;
}

.profile_featured_image-group .category-header {
    border-left: 4px solid #2196F3;
}

.hands-group .category-header {
    border-left: 4px solid #FF9800;
}

.vehicle-group .category-header {
    border-left: 4px solid #9C27B0;
}

.other-group .category-header {
    border-left: 4px solid #795548;
}

.none-group .category-header {
    border-left: 4px solid #9E9E9E;
}

.category-header {
    background: var(--wp--preset--color--base);
    padding: 12px 15px;
}

.category-header h4 {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

.category-count {
    font-weight: normal;
    font-size: 14px;
    color: #666;
}

.category-images {
    padding: 15px;
    min-height: 120px;
    /*background: var(--wp--preset--color--contrast);;*/
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
}

/* Featured image spans 2 columns */
.category-group.profile_featured_image-group .category-images {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.category-group.profile_featured_image-group .sortable-image-item:first-child {
    grid-column: span 2;
}

/* Hide drop zone if there's already a featured image */
.category-group.profile_featured_image-group .sortable-image-item:not(:first-child) {
    display: none;
}

.sortable-image-item {
    position: relative;
    background: var(--wp--preset--color--contrast);;
    border: 1px solid var(--wp--preset--color--base);
    border-radius: 4px;
    padding: 10px;
}

.sortable-image-item.featured-landscape .image-preview img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.shape-info {
    font-size: 11px;
}

/* Form Submit Section */
.form-submit-section {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--wp--preset--color--base);
    text-align: right;
}

.submit-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 992px) {
    .profile-edit-tabs {
        flex-direction: column;
    }
    
    .tabs-nav {
        flex: none;
        border-right: none;
        border-bottom: 1px solid var(--wp--preset--color--base);
        padding-right: 0;
        padding-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .tab-button {
        flex: 1;
        min-width: 160px;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .subtabs-nav {
        flex-direction: column;
    }
    
    .subtab-button {
        border-right: none;
        border-bottom: 1px solid var(--wp--preset--color--base);
    }
    
    .submit-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .submit-actions button {
        width: 100%;
    }
}

/* Only the first featured image spans two columns */
.category-group.profile_featured_image-group .sortable-image-item:first-child {
    grid-column: span 3;
}

/* Hide the drop zone if there's already a featured image */
.category-group.profile_featured_image-group .sortable-image-item:not(:first-child) {
    display: none;
}

.image-controls .button, .poster-controls .button, .video-basic-controls .button, .fps-my-post-actions .button
 {
    background: var(--wp--preset--gradient--tertiary-primary);
    color: var(--wp--preset--color--contrast);
    border-radius: 15px;
	border-color: transparent;
	padding: 6px 12px;
	float: left;
}

.image-controls .button:hover, .poster-controls .button:hover, .video-basic-controls .button:hover
 {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary);
}

.image-controls .button.delete-image, .video-basic-controls .button.delete-video-btn, .poster-controls .button.delete-poster-btn, .button.button-small.delete-audio, .fps-my-post-item .button.delete-draft
 {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange);
    color: var(--wp--preset--color--contrast);
    border-radius: 15px;
	border-color: var(--wp--preset--color--tertiary);
}

.image-controls .button.delete-image:hover, .video-basic-controls .button.delete-video-btn:hover, .poster-controls .button.delete-poster-btn:hover, .button.button-small.delete-audio:hover, .fps-my-post-item .button.delete-draft:hover
 {
    background: red;
    color: black !important;
}

.uncategorized {
    border-left: 4px solid #9E9E9E;
    background: rgba(158, 158, 158, 0.05);
}

/* Visual indicator for uncategorized */
.sortable-image-item.uncategorized {
    opacity: 0.9;
}

.sortable-image-item.uncategorized:hover {
    opacity: 1;
}

.gallery-headshot {
    border-left: 4px solid #4CAF50;
    background: rgba(76, 175, 80, 0.05);
}

.featured-landscape {
    border-left: 4px solid #2196F3;
    background: rgba(33, 150, 243, 0.05);
}

.hands-square {
    border-left: 4px solid #FF9800;
    background: rgba(255, 152, 0, 0.05);
}

.vehicle-square {
    border-left: 4px solid #9C27B0;
    background: rgba(156, 39, 176, 0.05);
}

.other-any {
    border-left: 4px solid #795548;
    background: rgba(121, 85, 72, 0.05);
    /* No specific shape styling since it can be any proportion */
}

.none-any {
    border-left: 4px solid #795548;
    background: rgba(121, 85, 72, 0.05);
    /* No specific shape styling since it can be any proportion */
}

/* NEW: Category Group Styles */
.category-group {
    transition: all 0.3s ease;
}

.category-group:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.category-header {
    transition: background 0.3s ease;
}

.category-header:hover {
    background: var(--wp--preset--color--base) !important;
}

/* NEW: Profile Picture Badge */
.is-profile-pic {
    border: 2px solid #0073aa !important;
    box-shadow: 0 0 0 1px #0073aa inset;
}

.profile-pic-badge {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Visual indicators for proportions */
.shape-indicator {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;
}

.shape-square .shape-indicator {
    width: 16px;
    height: 16px;
}

.shape-landscape .shape-indicator {
    width: 24px;
    height: 16px;
}

.shape-portrait .shape-indicator {
    width: 16px;
    height: 24px;
}

/* Display name fields */
.display-name-field, .audio-display-name
{
    text-align: center;
	margin-top: 5px;
}

.image-display-name, .audio-display-name-input {
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
}

.image-display-name:focus, .audio-display-name-input:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 0 1px #0073aa;
}

.filename-display {
    margin: 2px auto 0;
    opacity: 0.7;
    display: block;
    text-align: center;
	font-size: 11px;
}

/* Option to toggle filename visibility */
.toggle-filename {
    cursor: pointer;
    color: #0073aa;
    font-size: 12px;
    text-decoration: underline;
    margin-left: 10px;
}

.hide-filenames .filename-display {
    display: none;
}

/* Image Gallery Styles */
.sortable-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
    margin: 20px 0;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 4px;
    min-height: 100px;
}

.sortable-image-item {
    background: var(--wp--preset--gradient--secondary-base);
    border: 1px solid var(--wp--preset--color--base)
    border-radius: 4px;
    padding: 10px;
    cursor: move;
    transition: all 0.3s;
}

.sortable-image-item:hover {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transform: translateY(-2px); /* NEW */
}

.sortable-image-item.ui-sortable-helper {
    transform: rotate(2deg);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 1000; /* NEW */
}

.sortable-image-item.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f0f0f0;
    border: 2px dashed #ccc;
}

/* NEW: Enhanced Sortable Placeholder */
.ui-sortable-placeholder {
    background: linear-gradient(45deg, #f0f0f0 25%, #e0e0e0 25%, #e0e0e0 50%, #f0f0f0 50%, #f0f0f0 75%, #e0e0e0 75%) !important;
    background-size: 20px 20px !important;
    animation: placeholderPulse 1.5s infinite !important;
    border: 2px dashed #ccc !important;
}

@keyframes placeholderPulse {
    0% { background-position: 0 0; }
    100% { background-position: 40px 0; }
}

.image-controls {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.image-controls select,
.image-controls button {
    width: 100%;
}

/* Audio Gallery Styles */
.sortable-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.drag-handle svg
{
    fill: var(--wp--preset--color--contrast);;
}

.sortable-list .sortable-audio-item, #selected-audio-item {
    background: var(--wp--preset--color--base);
    border: 1px solid var(--wp--preset--color--tertiary);
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 4px;
    cursor: move;
    transition: all 0.3s;
}

.sortable-list .sortable-audio-item:hover, #selected-audio-item:hover {
    background: var(--wp--preset--color--secondary);
}

.sortable-audio-item.ui-sortable-helper {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.audio-item-content {
    display: flex;
    margin: 1em 0 1em 0em;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.audio-item-content .button {
    background: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--contrast);
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    margin-left: 20px;
}

.drag-handle {
    cursor: move;
    font-size: 20px;
    color: #666;
    padding-right: 10px;
	position: absolute;
}

.audio-select-label {
    margin-left: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Image Modal */
#imageModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 10000;
    justify-content: center;
    align-items: center;
}

#imageModal img {
    max-width: 90%;
    max-height: 90%;
}

#imageModal .close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--wp--preset--color--contrast);;
    font-size: 40px;
    cursor: pointer;
}

td.upload_new_images {
    width: 66%;
}

/* Preview new images */
#new-images-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.preview-image {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 2px solid #ddd;
    border-radius: 4px;
}

/* NEW: Button Styles */
.button-small {
    /*padding: 3px 8px !important;*/
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* NEW: Responsive improvements */
@media (max-width: 768px) {
    .sortable-gallery,
    .category-images {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
        gap: 10px !important;
    }
    
    .audio-item-content {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .drag-handle {
        padding-right: 5px;
    }
    
    td.upload_new_images {
        width: 100%;
    }
}

/* NEW: Current profile picture section */
.current-profile-pic-section {
    animation: slideIn 0.5s ease;
}

@keyframes slideIn {
    from { opacity: 0; transform: translateX(-10px); }
    to { opacity: 1; transform: translateX(0); }
}

/* NEW: Bulk tools */
.category-tools {
    animation: fadeInUp 0.4s ease;
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* NEW: View toggle styles */
.category-view-controls {
    padding: 10px;
    background: var(--wp--preset--color--base) !important;
    border-radius: 4px;
    margin-bottom: 15px;
}

.category-view-controls label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-right: 20px;
}

.category-view-controls input[type="radio"] {
    margin-right: 5px;
}

/* NEW: Empty category state */
.empty-category {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

/* NEW: Checkbox styling */
.image-select-checkbox {
    display: inline-block;
    position: relative;
}

.image-select-checkbox input[type="checkbox"] {
    cursor: pointer;
    margin: 0;
}

.image-select-checkbox input[type="checkbox"]:checked {
    background-color: #0073aa;
}

/* NEW: Category-specific border highlights for items */
.sortable-image-item.gallery-headshot {
    border-left: 3px solid #4CAF50;
}

.sortable-image-item.featured-landscape {
    border-left: 3px solid #2196F3;
}

.sortable-image-item.hands-square {
    border-left: 3px solid #FF9800;
}

.sortable-image-item.vehicle-square {
    border-left: 3px solid #9C27B0;
}

.sortable-image-item.other-any {
    border-left: 3px solid #795548;
}

.th-info {
    display: inline-block;
    position: relative;
    margin-left: -3px;
    top: -10px;
}

.th-info-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 50%;
  border: none;
  background: #e5e7eb;
  color: #374151;
  cursor: pointer;
  padding: 0;
  z-index: 0;
}

.th-info-btn:hover,
.th-info-btn:focus-visible {
  background: #d1d5db;
}

/* Tooltip */
.th-tooltip {
	position: fixed;
	display: block;
	width: 260px;
	max-width: 90vw;
	background: #111827;
	color: #ffffff;
	padding: 12px;
	border-radius: 6px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.35);
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.15s ease;
	white-space: normal;
	z-index: 2147483647;
}
/* Tooltip arrow */
.th-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #111827 transparent transparent transparent;
}

.tooltip-text {
  display: block;
  margin: 6px 0;
}

.tooltip-note {
  display: block;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #374151;
  font-size: 11px;
  color: #9ca3af;
}

/* Show on hover or focus */
.th-info-btn:hover .th-tooltip,
.th-info-btn:focus-visible .th-tooltip {
  opacity: 1;
}

.tmdb-attribution {
    /* display: inline-block; */
    position: absolute;
    bottom: 0;
    right: 0;
}

.tmdb-link {
  display: inline-flex;
  align-items: center;
  font-size: 0.71em;
  font-style: italic;
  gap: 6px;
  color: #6b7280;
  text-decoration: none;
  position: relative;
}

.tmdb-link:hover {
  color: #111827;
}

.tmdb-logo {
  height: 16px;
  width: auto;
}

/* Tooltip */
.tmdb-tooltip {
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  width: 260px;
  background: #111827;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  padding: 10px 12px;
  border-radius: 6px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 9999;
  text-align: center;
}

/* Tooltip arrow */
.tmdb-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #111827 transparent transparent transparent;
}

.tmdb-tooltip-note {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: #9ca3af;
  font-style: italic;
}

/* Show on hover */
.tmdb-link:hover .tmdb-tooltip {
  opacity: 1;
}

/* .imdb-credits-table th:nth-child(3), Episodes column */
.imdb-credits-table th:nth-child(4), /* Years column */
/* .imdb-credits-table td:nth-child(3), Episodes content */
.imdb-credits-table td:nth-child(4) { /* Years content */
	white-space: nowrap;
	width: 1%; /* Forces column to be as narrow as possible */
}

/* Specifically for the Episodes column header */
.imdb-credits-table thead th:nth-child(3) {
	white-space: nowrap;
}

/* For Year column (assuming it's the 2nd column in movies table) */
.imdb-credits-table #movies-tab th:nth-child(2),
.imdb-credits-table #movies-tab td:nth-child(2) {
	white-space: nowrap;
	width: 80px; /* Fixed width for year column */
	min-width: 80px;
	max-width: 80px;
}

/* For Episodes column in TV shows table (3rd column) */
.imdb-credits-table #tv-shows-tab th:nth-child(3),
.imdb-credits-table #tv-shows-tab td:nth-child(3) {
	white-space: nowrap;
	width: 100px; /* Fixed width for episodes column */
	min-width: 100px;
	max-width: 100px;
}

/* For Years column in TV shows table (4th column) */
.imdb-credits-table #tv-shows-tab th:nth-child(4),
.imdb-credits-table #tv-shows-tab td:nth-child(4) {
	white-space: nowrap;
	width: 120px; /* Fixed width for years range */
	min-width: 120px;
	max-width: 120px;
}

.imdb-credits-container {
	/*margin: 20px 0;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 8px;
	border: 1px solid #e9ecef;*/
}

.imdb-actor-info {
	/*margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #dee2e6;*/
}

.imdb-actor-info h4 {
	margin: 0;
	position: relative;
	font-size: 1.4em;
	color: var(--wp--preset--color--primary);
}

.imdb-summary {
	margin: 0;
	color: #6b7280;
	font-size: 0.71em;
}

 .imdb-tabs.tabs {
	font-size: 1em;
	margin: 0em auto 0;
}

.imdb-tabs-nav ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	/*border-bottom: 2px solid #dee2e6;*/
}

.imdb-tab-item {
	margin-right: 20px;
}

.imdb-tab-link {
	display: flex;
	align-items: center;
	padding: 10px 0;
	color: var(--wp-bound-block-color);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.8em;
}

.imdb-tab-link.active {
	color: #007bff;
	/*border-bottom-color: #007bff;*/
}

.imdb-tab-link:hover {
	color: #0056b3;
}

.tab-count {
	margin-left: 5px;
	/*font-size: 0.85em;*/
	color: var(--wp-bound-block-color);
}

.imdb-tab-link.active .tab-count {
	color: #007bff;
}

.imdb-tabs-content {
	/*padding: 20px 0;*/
	background: var(--wp--preset--color--secondary);
}

.imdb-tab-panel {
	display: none;
}

.imdb-tab-panel.active {
	display: block;
}

.imdb-credits-table {
	width: 100%;
	border-collapse: collapse;
}

.imdb-credits-table tr td {
    border: 1px solid var(--wp--preset--color--base);
}

.imdb-tabs.tabs-style-topline nav.imdb-tabs-nav li a {
	color: var(--wp-bound-block-color);
	padding: 1em 0 1em;
}

.imdb-tabs.tabs-style-topline nav li.tab-current a {
	color: var(--wp--preset--color--primary);
}

.imdb-tab-item.tab-current {
	border-left: 1px solid var(--wp--preset--color--base);
	border-right: 1px solid var(--wp--preset--color--base);
}

.imdb-credits-table thead {
	border-left: 1px solid var(--wp--preset--color--base);
	border-right: 1px solid var(--wp--preset--color--base);
}

.imdb-credits-table thead th {
	/*background: #e9ecef;
	font-weight: 600;*/
	padding: 5px 5px;
	text-align:center;
	color: var(--wp--preset--color--contrast);
	border: 0px solid var(--wp--preset--color--secondary);
	border-bottom: 1px solid var(--wp--preset--color--base);

}

.imdb-credits-table tbody td {
	padding: 10px 15px;
	/*border-bottom: 1px solid #dee2e6;*/
}

.imdb-credits-table tbody tr:hover {
	background: var(--wp--preset--color--secondary);
}

.imdb-title a {
	color: #007bff;
	text-decoration: none;
}

.imdb-title a:hover {
	text-decoration: underline;
}

.centered {
	text-align: center;
}

.imdb-year, .imdb-episodes, .imdb-popularity {
	white-space: nowrap;
}

@media (max-width: 768px) {
	.imdb-credits-table {
		display: block;
		overflow-x: auto;
	}

	.imdb-tabs-nav ul {
		flex-wrap: wrap;
	}

	.imdb-tab-item {
		margin-right: 15px;
		margin-bottom: 5px;
	}
}

/* Custom Post Cards */
.posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
    /*padding: 2rem;*/
    max-width: var(--wp--style--global--wide-size);
    margin: 0 auto;
}

.custom-post-card {
    position: relative;
    background: var(--wp--preset--color--base);
    border: 2px solid var(--post-accent, var(--wp--preset--color--contrast));
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: var(--wp--preset--color--contrast);
}

.custom-post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.post-badge-container {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
}

.post-badge {
    width: 32px;
    height: 32px;
    color: var(--post-accent);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

.post-thumbnail {
    height: 200px;
    overflow: hidden;
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.custom-post-card:hover .post-thumbnail img {
    transform: scale(1.05);
}

.post-content {
    padding: 1.5rem;
}

.post-header {
    margin-bottom: 1rem;
}

.post-title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.post-title a {
    text-decoration: none;
}

.post-title a:hover {
    text-decoration: underline;
}

.post-meta {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.post-type-label {
    background-color: var(--post-accent);
    color: var(--wp--preset--color--contrast);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
}

.post-excerpt {
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.post-footer .read-more {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.post-footer .read-more:hover {
    opacity: 0.9;
    border-color: var(--wp--preset--color--contrast);
    transform: translateY(-2px);
}

/* Pagination */
.wp-block-query-pagination {
    padding: 2rem;
    text-align: center;
}

.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span {
    margin: 0 0.25rem;
    padding: 0.5rem 1rem;
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--contrast);
    text-decoration: none;
    border-radius: 4px;
}

.wp-block-query-pagination-numbers a:hover {
    background: var(--wp--preset--color--tertiary);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-posts-grid {
        grid-template-columns: 1fr;
        padding: 1rem;
    }
}

/* Add these styles to match your gradient background */
body .custom-post-card {
    background: linear-gradient(
        135deg,
        rgba(27, 16, 49, 0.95) 0%,
        rgba(85, 28, 94, 0.7) 100%
    );
    backdrop-filter: blur(10px);
}

/* Custom Post Grid Styles */
/*.posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.post-card {
    background: rgb(255 255 255 / 86%);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 4px solid var(--post-accent, var(--wp--preset--color--primary));
    position: relative;
}

.post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.post-card-inner {
    padding: 1.5rem;
}

.post-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: var(--post-accent);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    z-index: 2;
}

.badge-icon svg {
    width: 16px;
    height: 16px;
}

.post-thumbnail {
    margin: -1.5rem -1.5rem 1.5rem;
    overflow: hidden;
    position: relative;
}

.post-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.post-card:hover .post-thumbnail img {
    transform: scale(1.05);
}

.post-title {
    font-size: 1.25rem;
    margin: 0 0 0.5rem;
}

.post-title a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
}

.post-title a:hover {
    color: var(--post-accent);
}

.post-meta {
    font-size: 0.875rem;
    color: #666;
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem;
}

.post-excerpt {
    margin-bottom: 1rem;
    color: #555;
    line-height: 1.6;
}

.post-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.category-link {
    background: rgba(85, 28, 94, 0.1);
    color: var(--wp--preset--color--secondary);
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.75rem;
    text-decoration: none;
    transition: background 0.3s ease;
}

.category-link:hover {
    background: rgba(85, 28, 94, 0.2);
}

/* Specific post type styles */
/*.post-type-platform-voice {
    border-width: 4px;
    border-style: solid;
    border-color: var(--wp--preset--color--primary);
}

.post-type-pinned {
    border-width: 4px;
    border-style: solid;
    border-color: var(--wp--preset--color--secondary);
}

.post-type-featured {
    border-width: 4px;
    border-style: solid;
    border-color: var(--wp--preset--color--tertiary);
}

/* For blog page (home.php) */
/*.blog .posts-grid,
.archive .posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
}

/* Responsive adjustments */
/*@media (max-width: 768px) {
    .posts-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .post-card-inner {
        padding: 1rem;
    }
    
    .post-thumbnail {
        margin: -1rem -1rem 1rem;
    }
}
*/
.author-sid .demo-profile-banner {
	display: block
}

.demo-profile-banner {
	display: none;
}

.demo-profile-banner {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.demo-icon {
  width: 30px;
  height: 30px;
  background: #3498db;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.demo-icon:hover {
  background: #2980b9;
  transform: scale(1.05);
}

.demo-icon .dashicons-info {
  color: var(--wp--preset--color--contrast);;
  font-size: 30px;
  width: 30px;
  height: 30px;
}

.demo-message {
  position: absolute;
  bottom: 40px;
  right: -15px;
  width: 230px;
  background: var(--wp--preset--color--contrast);;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: translateY(10px) scale(0.95);
  transition: all 0.3s ease;
  pointer-events: none;
}

.demo-profile-banner:hover .demo-message {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.demo-message strong {
  display: block;
  color: #2c3e50;
  margin-bottom: 8px;
  font-size: 14px;
}

.demo-message p {
  margin: 0;
  color: #7f8c8d;
  font-size: 13px;
  line-height: 1.5;
}

.demo-message::after {
  content: '';
  position: absolute;
  bottom: -8px;
  right: 20px;
  width: 16px;
  height: 16px;
  background: var(--wp--preset--color--contrast);;
  transform: rotate(45deg);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
}

.archive.author main#site-content
{
    position: relative;
}

.modal-content iframe {
    width: 90vw;
    max-width: 960px;
    aspect-ratio: 16 / 9;
}

.StatusContainer {
    font-size: var(--wp--preset--font-size--large);
    padding: 1em !important;
}

.profile-mode-a .mode-b { display: none; }
.profile-mode-b .mode-a { display: none; }

.author-audio-players h3 {
    margin-bottom: -20px;
	margin-top: 20px;
}

.voice-audio-container {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.voice-card p
{
    display: none;
}

.voice-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    /*padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: var(--wp--preset--color--contrast);;*/
    cursor: pointer;
}

.voice-card {
}

.voice-card * {
    pointer-events: none;
}

.voice-toggle {
    pointer-events: auto;
}

.voice-card audio {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.voice-toggle {
    all: unset;
    /*width: 44px;
    height: 44px;*/
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.voice-ring {
    width: 100%;
    height: 100%;
}

.voice-ring circle {
    fill: none;
    stroke: var(--wp--preset--color--tertiary);
    stroke-width: 4;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
    transition: stroke-dashoffset 0.2s linear;
}

.voice-card .icon-play,
.voice-card .icon-stop {
    fill: var(--wp--preset--color--tertiary);
    visibility: visible;
}

/* Hide/show icons based on state */
.voice-card .icon-stop {
    display: none;
}

.voice-card.is-playing .icon-play {
    display: none;
}

.voice-card.is-playing .icon-stop {
    display: block;
}

.voice-card.is-playing .voice-ring circle {
    stroke-dashoffset: 0;
}

.voice-meta {
    flex: 1;
    min-width: 0; /* Prevents text from overflowing */
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.voice-title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.voice-time {
    font-size: 0.85em;
    opacity: 0.65;
}

/* Base:  */
.profile-reveal-btn {
    display: block;
}

/* Desktop only */
@media (min-width: 1024px) {

    .profile-reveal-btn {
        position: fixed;
        left: calc(66.66% + 16px);               /* aligns with 33% column */
        bottom: 4.5rem;
		transform: translateX(-50%) translateY(12px);
        opacity: 0;
        pointer-events: none;

        transition: opacity 0.3s ease, transform 0.3s ease;
        z-index: 20;
    }

    .profile-reveal-btn.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }

    .profile-reveal-btn.is-hidden {
        opacity: 0;
        pointer-events: none;
    }
}

@media (max-width: 1023px) {
    .profile-reveal-btn {
        position: static;
        margin: 2rem auto;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }
}

/* MODE A: only show identity */
.profile-mode-a .profile-head-gallery,
.profile-mode-a .profile-head-social,
.profile-mode-a .profile-head-rep,
.profile-mode-a .profile-head-bio,
.profile-mode-a .profile-head-stats/*,
.profile-mode-a .profile-head-audio*/ {
    display: none;
}

/* MODE B: everything visible */
.profile-mode-b .profile-head-core {
    display: none;
}

.profile-mode-b .author-profile-gallery {
    margin-top: 0em;
}

.profile-mode-b .profile-head-core {
    margin-bottom: 1.5rem;
}

.author-profile-tagline {
    font-family: serif; /* Or your storybook font */
    font-style: italic;
    /*font-size: 1.1rem;*/
    /*color: #666;  Restrained gray */
    /*text-align: center; Since we discussed centering titles earlier */
    margin-top: -10px; /* Pull it closer to the Query Title */
    margin-bottom: 30px;
    letter-spacing: 0.02em;
}

/* This will highlight the boxes so you can see if the gap is Margin (Orange) or Padding (Green) */
/*.wp-block-column { background: pink: ; !important; }
.wp-block-group { background: rgba(0,0,0,1) !important; }
*/.post-meta-bio-content {
    max-height: 4.8em; /* roughly 2 lines */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.post-meta-bio-wrapper.expanded .post-meta-bio-content {
    max-height: 1000px; /* large enough to show full content */
}

.post-meta-bio-content * {
    margin: 0; /* reset margins if needed so height calculation works */
}

.post-meta-bio-toggle {
    font-size: 0.875rem;
	margin-top: 0.5rem; 
    padding: 10px;
	/*background: none;
    border: none;
    color: var(--wp--preset--color--secondary);
    cursor: pointer;
    
    */
}

/* Let header escape the site canvas */
.yendis-header-inner {
    max-width: none;
    margin-inline: auto;
    padding-inline: clamp(1rem, 4vw, 2rem);

    display: flex;
    align-items: center;
}

.yendis-header {
	width: 100%;
	margin-left: 0;
	/*width: 100vw;
    margin-left: calc(50% - 50vw);*/
	padding-block: var(--wp--preset--spacing--20);
}

.head_logo {
    flex-shrink: 0;
}

.yendis-header-actions {
    margin-left: auto;   /* ← the magic line */
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Base (desktop) */
#login-toggle {
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0.25rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#login-toggle .dashicons {
	color: var(--wp--preset--color--contrast);
    font-size: 20px;
	line-height: 1;
    transition: transform .15s ease, opacity .15s ease;
}

#login-toggle:hover .dashicons,
#login-toggle:focus-visible .dashicons {
    transform: translateY(-1px);
    opacity: .75;
}

#login-toggle[aria-expanded="true"] .dashicons {
    opacity: .6;
}

#login-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
    border-radius: 4px;
}

#login-toggle[aria-expanded="true"] .dashicons {
    transform: rotate(-8deg);
}

.yendis-header {
    position: relative;
}

#login-panel {
    position: absolute;
    padding: 1em;
    top: 100%;
    right: 1em;
    width: 320px;
    background: var(--wp--preset--color--base);
    box-shadow: 0 8px 30px rgba(0,0,0,.15);

    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease;

    z-index: 9999;
}

#login-panel.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

header,
.yendis-header {
    position: relative;
    z-index: 10000;
	background: var(--wp--preset--color--secondary);
}

.yendis-nav-menu {
    z-index: 10001;
}

@media (max-width: 768px) {
    .wp-block-group,
    .wp-site-blocks {
        overflow: visible;
    }
}

.yendis-nav-menu {
    display: none;
}

.yendis-nav-menu.is-open {
    display: block;
}


@media (max-width: 768px) {
    .yendis-nav-menu {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}

.yendis-nav {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--40);
    position: relative; /* ← REQUIRED */
}

.yendis-nav-menu {
    display: flex;
    gap: var(--wp--preset--spacing--30);
    list-style: none;
    margin: 0;
    padding: 0;
}

.yendis-nav-menu a {
    text-decoration: none;
    font-weight: 500;
}

.yendis-nav-toggle {
    display: none;
    background: none;
    border: 0;
    font-size: 1.5rem;
    cursor: pointer;
}

@media (max-width: 768px) {
    .yendis-nav-toggle {
        display: block;
    }

    .yendis-nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        flex-direction: column;
        background: var(--wp--preset--color--base);
        padding: 1rem;
        box-shadow: 0 8px 30px rgba(0,0,0,.12);
        min-width: 220px;
        height: auto;
        max-height: none;
    }

    .yendis-nav-menu.is-open {
        display: flex;
    }
}

@media (max-width: 768px) {
    header,
    .yendis-header,
    .yendis-header-inner,
    .wp-block-group {
        height: auto;
        max-height: none;
        overflow: visible;
    }
}

.login-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 22px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.login-panel {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 300px;
    background: #fff;
    padding: 20px;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.login-panel.open {
    display: block;
}

.login-panel-inner form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.author-layout {
    display: flex;
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: flex-start;
}

.yendis-main-column {
    flex: 0 0 66.666%;
    max-width: 66.666%;
}

.yendis-slim-column {
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

@media (max-width: 782px) {
    .author-layout {
        flex-direction: column;
    }

    .yendis-main-column,
    .yendis-slim-column {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.archive-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--50);
}

@media (max-width: 1024px) {
    .archive-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .archive-grid {
        grid-template-columns: 1fr;
    }
}

.yendis-footer-row {
    display: flex;
    align-items: center;
}

/* center the middle element */
.yendis-footer-row > :nth-child(2) {
    margin-left: auto;
    margin-right: auto;
}


.wp-block-column.myplayers.is-layout-flow.wp-block-column-is-layout-flow {
    text-align: center;
    margin-top: 1em;
}

.author-audio-players .cp-buffer-holder, .author-audio-players .cp-progress-holder, .author-audio-players .cp-circle-control {
    /*left: 90px;*/
}

.author-audio-players .cp-container {
    background: url(../../plugins/circle-player/circle.skin/bgr.png) 50% 0 no-repeat;
	/*width: 190px;*/
}

.author-audio-players .cp-controls li a
{
    /*left: 42px;*/
	z-index: 0;
}

.author-audio-players span.cp-title
{
    /*width: calc(100% + 68px);
    left: -34px;*/
}

.author-audio-players {
    /*width: 290px;*/
    margin: 0 auto;
}

.PlayerContainer {
    /*width: 100%;*/
    padding: 0;
    display: inline-block;
}

.author-audio-players h3.audio-post-title {
    margin-top: 1.5em;
    font-size: 1.2em;
    color: #333;
}

.authors img.wp-image-1176 {
   /* width: 33%;*/
}

.author-social-links a {
  display: inline-block; /* Make the anchor a block-level element for proper sizing */
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; /* Smooth transition for transform and opacity */
  opacity: 0.8; /* Slightly reduce initial opacity */
}

.author-social-links a:hover {
  transform: scale(1.1); /* Slightly scale up on hover */
  opacity: 1; /* Fully opaque on hover */
}

.author-social-links svg {
  display: block; /* Prevent extra space below the SVG */
}

img.profile-featured-image {
    max-width: calc(100%);
}

#wp-admin-bar-public_profile a.ab-item {
    padding-left: 96px;
}

.imdb-credits-container h3, .tabs.tabs-style-topline h3, .Wt h3, .author-profile-galleryauthor-bio h3, #author-posts-container h3, #select-author-posts-container h3, .author-profile h3 {
    padding: 0;
    font-size: var(--wp--preset--font-size--large);
    margin: 0;
}

.Wt h3
{
    display: block;
    width: 100%;
}

.credits-container { /*max-width: 100%; margin: 20px 0;*/ }
.credits-tabs { /*display: flex; gap: 10px;*/ }
.credits-tab { /*cursor: pointer; padding: 10px; background: var(--wp--preset--color--tertiary); border: none;*/ }
.credits-li.tab-current a {
    color: var(--wp--preset--color--contrast);
    cursor: default;
}
.credits-li a {
    color: var(--wp--preset--color--contrast);
    cursor: pointer;
}
nav.credits-tabs {
    position: relative;
    z-index: 0;
}

button.credits-tab:hover {
    color: var(--wp--preset--color--contrast);
}

button.credits-tab.active:hover {
    color: var(--wp--preset--color--base);
}

.credits-panel thead tr th:last-child {
    border-right: 1px solid var(--wp--preset--color--base);
}

.credits-panel thead tr th:first-child {
    border-left: 1px solid var(--wp--preset--color--base);
}

.credits-panel thead tr th {
    border-bottom: 1px solid var(--wp--preset--color--base);
    border-top: 1px solid var(--wp--preset--color--base);
}

/*.credits-panel thead tr {
    border-bottom: 1px solid var(--wp--preset--color--base);
}
*/
.credits-content { margin-top: -2px; }
.credits-panel { display: none; }
.credits-panel.active { display: block; }
table { width: 100%; border-collapse: collapse; margin-top: 0px; }
th, td { border: 1px solid var(--wp--preset--color--secondary); padding: 5px; text-align: left; }
.tabs.tabs-style-topline nav.credits-tabs ul li:first-child {
    border-left: 0 !important;
}
.tabs.tabs-style-topline nav.credits-tabs ul li:last-child {
    border-right: 0 !important;
}

.credits-tabs ul {
    border-right: 1px solid;
    border-left: 1px solid;
    border-right-color: var(--wp--preset--color--base) !important;
    border-left-color: var(--wp--preset--color--base) !important;
}
.profile-edit-tabs .subtab-pane th
 {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--contrast);
    text-align: left;
    min-width: 10em;
    max-width: 10em;
    vertical-align: top;
}

.subtab-pane h3
{
    margin-left: 20px;
}

.subtab-pane tbody tr {
    font-size: var(--wp--preset--font-size--small);
    border-top: 2px solid var(--wp--preset--color--base);
}

.subtab-pane tbody td {
    text-align: left;
    padding: 5px;
	background-color: var(--wp--preset--color--secondary);
}

.image-preview img {
    width: 100%;
}

tbody td .rolled, tbody td .acompanyd {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

tbody td.roled {
    max-width: 100px;
}

tbody td.companyd {
    max-width: 140px;
}

.credits-panel thead tr {
    color: var(--wp--preset--color--secondary);
    font-size: var(--wp--preset--font-size--small);
}
.celldatetext, .rolledtext, .directordtext, .acompanydtext {
	display: none;
}
@media (max-width: 720px) {
	.celldatetext, .rolledtext, .directordtext, .acompanydtext {
		display: block;
	}
    .credits-panel tbody tr {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 5px;
		display: grid;
		margin-top: 5px;
    }
    .credits-panel thead {
       display: none;
    }
	tr td.titled {
		width: calc(100% - 12px);
	}
	tr td.companyd, tr td.roled {
		grid-column: span 1;
		overflow: hidden;
		max-width: none;
	}
	tbody td.roled {
		 max-width:none;
	}
	.credits-panel tbody tr td:first-child {
        grid-column: span 2 / auto !important;
		text-align: center;
        font-weight: bold;
		background-color: var(--wp--preset--color--primary);
		border-color: var(--wp--preset--color--primary);
    }
}
/*****************************/
/* Top Line */
/*****************************/

.tabs {
    position: relative;
    overflow: hidden;
    margin: 1em auto 0;
    /*width: 100%;*/
    font-weight: 300;
    font-size: 1.25em;
}

.tabs nav {
    text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tabs nav li.tab-current a {
    color: #74777b;
}

.tabs nav a span {
    vertical-align: middle;
    font-size: 0.75em;
}

.tabs-style-topline a {
    color: #2CC185;
    text-decoration: none;
    outline: none;
}

.tabs-style-topline nav {
    display: block;
}

.tabs-style-topline {
	max-width: 1200px;
}

.tabs-style-topline nav.credits-tabs li {
	border: 1px solid rgba(40,44,42,0.1);
}

.tabs-style-topline nav li:not(:last-child) {
	border-right: none;
	/*border-left: var(--wp--preset--color--base);*/
}

.tabs-style-topline nav.credits-tabs li.tab-current {
	border-top-color: var(--wp--preset--color--primary);
	border-bottom: none;
}

.tabs nav a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
}

.tabs-style-topline nav a {
	padding: 0.65em 0 0.5em;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--primary);
	line-height: 1;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.tabs-style-topline nav a:hover,
.tabs-style-topline nav a:focus {
	color: var(--wp--preset--color--contrast);
}

.tabs-style-topline nav li.tab-current a {
	background: var(--wp--preset--color--secondary);
	box-shadow: inset 0 3px 0 var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

.tabs-style-topline .icon::before {
	display: block;
	margin: 0;
}

.credits-container.tabs-style-topline nav a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.5em;
}

/* */

.author-social-links {
    text-align: center;
    margin-top: 1em;
    padding-top: 10px;
    background: linear-gradient(135deg, var(--wp--preset--color--base) 0, var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base) 100%) no-repeat;
	border: 1px solid var(--wp--preset--color--base);
}

.author-social-links a {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    text-decoration: none;
}

.author-social-links a:hover {
    /*background-color: #005f8d;*/
}

.author-bases {
    font-size: .5em;
	font-family: var(--wp--preset--font-family--dm-sans);
}

.archive.author .heateor_sss_sharing_container.heateor_sss_vertical_sharing.heateor_sss_hide_sharing.heateor_sss_bottom_sharing {
    left: -10px !important;
}

.author-rep img {
    width: 86px;
    float: left;
    margin-right: 10px;
}

svg.instasvg {
    position: relative;
	top: 0px;
}

/* Post Grid Layout */
.post-grid {
    display: grid;
    /* "Create as many columns as possible, at least 300px wide, but share remaining space" */
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
	padding: 20px;
}

#select-author-posts-container .author-posts-grid .post-content h3 , #author-posts-container .author-posts-grid .post-content h3 {
	display: block;
    text-align: center;
    /* margin-top: 15px;    Adds space between the image and text */
    /* margin-bottom: 10px; Adds space between the title and date */
}

/* Post Item */
.post-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.65);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.post-item:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.9);
}

.post-item img {
    width: 100%;
    height: auto;
    display: block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* Post Content */
.post-content {
    padding: 10px;
}

/*.post-content h3 {
    font-size: 1.2em;
    margin: 0 0 10px;
}
*/
.post-meta {
    font-size: 0.9em;
    color: #777;
}

/* Fade-in Animation */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 0.5s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Pagination Controls */
.pagination-container {
    display: flex;
    justify-content: space-between;
}

.pagination-btn {
    transition: background 0.3s;
}

.author-rep p, .video-item p {
    margin: 0;
}

.author-profile-media-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.author-profile-media-item {
    text-align: center;
}

.author-profile-media-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.author-profile-gallery, .author-profile-video-gallery, .rolldown-list {
    padding: 10px;
}

.author-profile-galleryauthor-bio {
    margin-top: 1em;
}

.tzhighlights.recentz {
    padding: 20px;
    background: linear-gradient(135deg, var(--wp--preset--color--base) 0, var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base) 100%) no-repeat;
	border: 1px solid var(--wp--preset--color--base);
}

a.gallery-image-gallery, a.gallery-image-hands, a.gallery-image-vehicle, a.gallery-image-other{
    display: flex;
}

.author-profile-gallery {
    max-width: 900px;
    margin: auto;
}

/* 4-column grid */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.others-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* Image thumbnails */
.gallery-item img {
    width: 100%;
	max-width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 5px;
    transition: transform 0.2s ease-in-out;
}

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

/* Modal styling */
/*#imageModal, #imageModal_hands {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}*/

/*#modalImage {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
}*/

/* Navigation buttons */
#prevImage, #nextImage {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: var(--wp--preset--color--contrast);;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 50%;
}

#prevImage { left: 10px; }
#nextImage { right: 10px; }

#prevImage:hover, #nextImage:hover {
    background: rgba(255, 255, 255, 0.7);
    color: black;
}

.page-id-297 .heateor_sss_hide_sharing.heateor_sss_bottom_sharing {
	display: none;
}

@font-face {
    font-family: 'Felixa Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Felixa Regular'), url('fonts/Felixa.woff') format('woff');
}

.yendis .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
    color: var(--wp--preset--color--primary);
}

 a.head_logo.fixup {
    position: fixed;
    top: 44px;
    left: 54px;
    z-index: 3;
}

.felixa_font {
	font-family: 'Felixa Regular';
	letter-spacing: 5px;
}


.post-template-new .wp-site-blocks {
	padding-top: 0;
	padding-bottom: 0;
}

.post-template-new .smaller {
	font-size: .71em;
}

.post-template-new .larger {
	font-size: 1.71em;
}

.authors figure.wp-block-media-text__media {
	float: left;
}

.authors img {
	margin-right: 1em;
}

div#conversation-form-container {
    padding: 0.1em 1em 1em;
    text-align: center;
}

input#conv-email, textarea#conv-message {
    width: calc( 100% - 2em);
}

span.cp-title {
    padding: 3px;
    /* display: block; */
    /* width: calc(100% + 34px); */
    /* font-weight: bold; */
    /* font-size: small; */
    /* background-color: var(--wp--preset--color--base); */
    border: 0;
    color: var(--wp--preset--color--contrast);
}

div.cp-container {
    text-align: center;
    float: left;
    height: unset;
    min-height: 104px;
	margin-bottom: 7px;
}

[id^=sfba_subscribe_form_] #sfba-form2-container.sfba-main-form-container {
    width: 100% !important;
}

.subform form[id^=sfba_subscribe_form_] {
    margin-block-start: 0rem;
}

.subform .sfba_subscribe_form .sfba-main-form-container {
    width: 100% !important;
    background-color: var(--wp--preset--color--base) !important;
}

.subform .sfba_subscribe_form .sfba-main-form-container #sfba-form2-heading {
    font-family: Calistoga !important
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Calistoga;
	letter-spacing: 2px;
}

.gimme_flex {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.wp-block-media-text.is-vertically-aligned-top.gimme_flex .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
    align-self: center;
}

.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
    color: #1f252b;
    width: 100%;
    padding: 12px 16px;
    border-radius: 0;
    border: 0;
}

.wpcf7-form p {
    margin: 0 0 28px;
}

.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 1px solid rgba(84, 222, 197, 0.9);
    outline-offset: 0;
}

.wpcf7-form .button {
    background-color: var(--wp--preset--color--primary);
    border: 0;
    color: --wp--preset--color--secondary;
    border-radius: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: auto;
    padding: 20px 42px;
    letter-spacing: 2px;
    font-size: 14px;
}

.wpcf7-form .button:hover {
    cursor: pointer;
    box-shadow: 0px 7px 16px -7px rgba(0, 0, 0, 0.4);
    border: 0;
}

.wp-block-column.thin_column ul li div {
    margin-bottom: 0;
    padding-top: 1em;
}

.wp-block-column.thin_column ul li {
    text-align: center;
    margin-bottom: 1em;
    background-color: var(--wp--preset--color--secondary);
    border: solid 1px var(--wp--preset--color--base);
}

.wp-block-column.thin_column a {
    text-decoration: none;
    margin-bottom: 1em;
}

.tzhighlights.recentz {
    /*width: 100%;*/
    display: block;
    /*background-color: var(--wp--preset--color--secondary);
    border: solid 1px var(--wp--preset--color--base);*/
}

.item.tzUserPosts {
    text-align: center;
    margin-bottom: 1em;
    padding: 0.31em 0.51em;
	font-size: var(--wp--preset--font-size--small);
}

.tzhighlights.recentz h4 {
    margin: 0.1em;
}

.yend_nav ul li {
    border: 1px solid;
    padding: 0 6px;
}

.yendis .yend_nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    border: 0px solid;
	background-color: var(--wp--preset--color--tertiary) !important;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--secondary);
}

.page-id-1757 .wp-container-core-group-is-layout-1 {
	justify-content: space-between;
}

.element-is-sticky li.wp-block-navigation-item {
    background-color: var(--wp--preset--color--secondary);
}

#slideshow { 
    margin: 0px auto 50px; 
    position: relative; 
    text-align: center; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    background-color: var(--wp--preset--color--secondary);
    height: 300px; 
    width: 272px;
    padding: 10px; 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

#slideshowtwo, #slideshowthree, #slideshowfour, #slideshowfive, #slideshowsix, #slideshowseven, #slideshoweight { 
    margin: 0px auto 50px; 
    position: relative; 
    text-align: center; 
    background-color: var(--wp--preset--color--secondary);
    height: 300px; 
    width: 272px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    padding: 10px; 

}

#slideshowtwo > div, #slideshowthree > div, #slideshowfour > div, #slideshowfive > div, #slideshowsix > div, #slideshowseven > div, #slideshoweight > div  { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

h3.tzhighlightsheading {
    margin: 0 auto 0;
    text-align: center;
}

.tzhighlights .item.tzUserPosts:last-child {
    margin-block-end: 0;
}

.element-is-sticky svg#yendis-logo {
    background-color: var(--wp--preset--color--secondary);
}

.element-is-sticky a.head_logo {
    display: flex;
    border: 2px solid var(--wp--preset--color--secondary);
}

/* Fullscreen Slider Container */
.slider-container {
    width: 100%;
    overflow: hidden; /* Ensures no overflow outside viewport */
    position: relative;
	margin-block-start: 0;	
}

/* Fullscreen Slider */
.fullscreen-slider {
    display: flex;
    width: 200vw; /* Assuming 5 slides */
    transition: transform 0.8s ease-in-out;
}

/* Individual Slide */
.slide {
    display: flex;
    width: 100vw;
    flex-shrink: 0; /* Prevent slides from shrinking */
}

/* Left Column (66.6%) - Featured Image */
.slide-image {
    width: 66.6%;
}

.slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Right Column (33.3%) - Title & Button */
.slide-content {
    width: 33.3%;
    background: var(--wp--preset--color--vivid-purple);
    color: var(--wp--preset--color--base);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
}

/* Button Styling */
.button {
    background: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--contrast);
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
}

.button:hover {
    background: var(--wp--preset--color--vivid-green-cyan);
}

/* Media Query to Stack Columns on Smaller Screens */
@media (max-width: 768px) {
    .slide {
        flex-direction: column;
    }
    .slide-image,
    .slide-content {
        width: 100%;
    }
    .slide-image {
        margin-bottom: 0; /* Remove extra margin below the image container */
    }
    .slide-image img {
        height: auto;
        display: block; /* Eliminates inline gap */
    }

	.single-post h1 {
		background-color: var(--wp--preset--color--secondary);
		padding-top: 0.71em;
	}
}

/*body.page-template.page-template-page-slider.yendis {
    background-color: var(--wp--preset--color--base);
    background: var(--wp--preset--gradient--base-secondary-base) no-repeat;
}*/

body.yendis {
    background-color: var(--wp--preset--color--base);
    background: linear-gradient(180deg, var(--wp--preset--color--base) 0 min(0rem, 10%), var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base) 100%) no-repeat;
}

.page-template-default main#wp--skip-link--target {
    margin-block-start: -1.27rem;
}

.wp-block-group h3.tzhighlightsheading {
    font-size: var(--wp--preset--font-size--large);
}

.tzUserPosts div h4 a {
    text-decoration: none;
}

.tzUserPosts div h4 a span {
    font-size: var(--wp--preset--font-size--medium);
}
.wp-site-blocks {
    padding-top: 0;
}

.home main {
    overflow: hidden;
}

.author-avatar {
    border-radius: 50%;
    background: linear-gradient(135deg, var(--wp--preset--color--base) 0, var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base) 100%) no-repeat;
	padding: 10px;
	border: 1px solid var(--wp--preset--color--base);
}

.rolldown-list {
    border-radius: 50%;
    background: linear-gradient(135deg, var(--wp--preset--color--base) 0, var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base) 100%) no-repeat;
	padding: 10px;
	border: 1px solid var(--wp--preset--color--base);
}

.wp-block-list li::marker {
  color: var(--wp--preset--color--primary);
}

.rolldown-list li {
  /*padding: 1em;
  margin-bottom: .125em;
  display: block;
  list-style: none;
  text-transform: uppercase;
  padding: 0.3em .51em;*/
}

.rolldown-list li {
  animation: rolldown .7s 1;
  transform-origin: 50% 0;
  animation-fill-mode: forwards;
}

/* Media Query for Smaller Screens */
@media (max-width: 768px) {
  .rolldown-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em; /* Add some spacing between items */
  }

  .rolldown-list li {
    display: inline-block;
    margin-bottom: 0;
    padding: 0.3em .51em;
  }
}

/*.rolldown-list li:nth-child(2n) {
  background-color: #444;
}

.rolldown-list li:nth-child(2n+1) {
  background-color: #333;
}*/
.video-item > video {
    display: inline-block;
    margin:0;
    padding:0;    
}

.Wt {
	grid-template-columns: repeat(2, 1fr);
    gap: 2%;
}

.Wt .video-item {
    /*font-size: 0;
	padding: 1%;*/
}

.existing-videos ul
{
    list-style-type: none;
    padding-inline-start: 0px;
}

.existing-videos ul li
{
    margin-bottom: 1em;
}

td.titled {
    width: 160px;
}

td.centered {
    text-align: center;
}

.author-profile-gallery, .author-bio, .author-rep, .author-profile-summary, .author-profile-video-gallery, .PlayerContainer, .StatusContainer {
    background: linear-gradient(135deg, var(--wp--preset--color--base) 0, var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base) 100%) no-repeat;
	padding: 10px;
	margin-top: 1em;
	border: 1px solid var(--wp--preset--color--base);
}

.extra_info {
    margin-top: 1em;
}

.author-posts-grid, .fps-my-posts-list {
    text-align: center;
}

.author-posts-grid .post-content .post-tags, .author-posts-grid .post-item .post-tags {
    font-size: var(--wp--preset--font-size--small);
}

span#page_no_top {
    font-family: var(--wp--preset--font-family--dm-sans);
    font-size: var(--wp--preset--font-size--medium);
    text-align: right;
    position: relative;
    top: 10px;
}

:where(.wp-site-blocks) > * {
    margin-block-start: .73rem;
}

.author-profile-summary {
	padding: 10px;
}
.author-profile-summary h2 {
		padding-inline-start: 24px;
}
.author-profile-summary ul {
	margin-bottom: 0;
	margin-top: 0;
	padding-inline-start: 20px;
}
.author-profile-summary li {
	/*margin-bottom: 5px;*/
}

#select-author-posts-container h3, 
#author-posts-container h3 {
    /**/display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
    width: calc( 100% - 40px);
    margin: 0 auto;
}

#select-author-posts-container,
#author-posts-container {
	background: linear-gradient(135deg, var(--wp--preset--color--base) 0, var(--wp--preset--color--secondary) 0% 30%, var(--wp--preset--color--base) 100%) no-repeat;
	border: 1px solid var(--wp--preset--color--base);
}

#select-author-posts-container h3:not(.post-content h3),
#author-posts-container h3:not(.post-content h3) {
    margin: 10px 0 -20px 20px;
}

.post-item .post-content h3 {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.posts-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.author-posts-grid h3 {
    font-size: 1em;
}

.author-posts-grid a, .post-tags a, .byWho div a {
    text-decoration: none;
}

.post-item {
/*    padding: 15px;
    border-radius: 8px;
    text-align: center;
*/}

.post-item .post-tags a {
    color: var(--wp--preset--color--primary);
    font-style: italic;
}

.prev-page {
    text-align: left;
	cursor: pointer;
}

.next-page {
    text-align: right;
    margin-left: auto;
	cursor: pointer;
}

button.next-page, button.prev-page {
    background: transparent;
    border: 0px;
	width: 33%;
    color: inherit;
	font-size: var(--wp--preset--font-size--small);
}

span#pagno {
    width: 33%;
    text-align: center;
}

button:disabled.next-page, button:disabled.prev-page {
    opacity: .21;
    cursor: default;
}

button:hover:disabled.next-page, button:hover:disabled.prev-page {
    text-decoration: none;
}

button.next-page:hover .pag_text, button.prev-page:hover .pag_text {
    text-decoration: underline;
}

.others.is-layout-flex {
    margin-top: 1em;
    margin-bottom: 1em;
}

.pagination-btn.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.pagination-controls span {
    margin: 0 1ch;
}

.pagination-controls a:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.author-avatar p, .author-profile-galleryauthor-bio p, .author-posts-grid p {
	margin: 0;
}

.bio-container {
    width: 100%;
    max-width: 500px;
}

#authorBio {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Show only 3 lines */
    -webkit-box-orient: vertical;
    transition: max-height 0.3s ease-in-out;
}

#authorBio.expanded {
    -webkit-line-clamp: unset; /* Show full text */
}

#toggleBio {
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 5px;
}

.bio-container {
    width: 100%;
    max-width: 500px;
}

/* Responsive Profile Image */
.author-avatar img {
    height: auto;
    border-radius: 50%;
    display: block;
    margin: 0;
    cursor: pointer;
    width: 100%;
}

.author-avatar #profile-modal img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
    width: auto;
    margin: 5% auto;
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
}

.modal-content img#modal-img {
    /*width: auto;*/
    margin: 0 auto;
}

h1 p {
	margin: 0 0 .51em 0;
    font-size: .51em;
	font-family: var(--wp--preset--font-family--dm-sans);
}

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: auto;
}

.modal-content {
    display: flex; /* Changed from 'block' */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    max-width: 90%;
    max-height: 90%;
    margin: auto; /* Changed from 5% auto */
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgb(0 0 0);
    overflow: hidden; /* Prevent content from overflowing */
}

#imageModal, #imageModal_hands, #imageModal_vehicle, #profile-modal, #imageModal_other, #imageModal_gallery {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
	max-width: 100%;
}

img.modal-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/*#modalImage, #modal-img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
    width: auto;
    margin: 5% auto;
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
}*/

/* Close button */
.close {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 30px;
    color: var(--wp--preset--color--contrast);;
    cursor: pointer;
	font-weight: bold;
    transition: 0.3s;
}

.close:hover {
    color: red;
}

/* Navigation buttons */
#prevImage_gallery, #nextImage_gallery, #prevImage_hands, #nextImage_hands, #prevImage_vehicle, #nextImage_vehicle, #prevImage_other, #nextImage_other {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: var(--wp--preset--color--contrast);;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 50%;
}

#prevImage_gallery, #prevImage_hands, #prevImage_vehicle, #prevImage_other { left: 10px; }
#nextImage_gallery, #nextImage_hands, #nextImage_vehicle, #nextImage_other { right: 10px; }

#prevImage_other:hover, #nextImage_other:hover, #prevImage_vehicle:hover, #nextImage_vehicle:hover, #prevImage_hands:hover, #nextImage_hands:hover {
    background: rgba(255, 255, 255, 0.7);
    color: black;
}