/* White background for search results infinite scroll */
.search-results .infinite-wrap {
    background-color: #ffffff !important; /* Forces white background */
}

/* White background for post results infinite scroll */
.search-results .post, 
.search-results .infinite-scroll-post {
    background-color: #ffffff !important; /* Ensures all loaded results are white */
}

/* Fix broken thumbnails */
img[src*="toocheke-child/dist/img/default-thumbnail-image.png"] {
    content: url('https://authorkurt.net/wp-content/themes/toocheke/dist/img/default-thumbnail-image.png') !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}

/* Max thumbnail size of 100x100 */
a.post-thumbnail img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover; /* Ensures image fills the space properly */
}

/* Hide sidebar by targeting both ID and class for multiple pages */
.page-id-880 #side-bar, 
.page-id-880 .secondary, 
.page-id-1094 #side-bar, 
.page-id-1094 .secondary,
.page-id-1468 #side-bar, 
.page-id-1468 .secondary,
.page-id-1755 #side-bar, 
.page-id-1755 .secondary,
.page-id-2281 #side-bar, 
.page-id-2281 .secondary {
    display: none !important; /* Hide sidebar */
}

/* Expand the left column to full width for both pages */
.page-id-880 .col-lg-8, 
.page-id-1094 .col-lg-8,
.page-id-1468 .col-lg-8,
.page-id-1755 .col-lg-8,
.page-id-2281 .col-lg-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important; /* If using Flexbox */
}

/* Ensure the main content container is not restricted for both pages */
.page-id-880 #left-col, 
.page-id-1094 #left-col,
.page-id-1468 #left-col,
.page-id-1755 #left-col,
.page-id-2281 #left-col {
    width: 100% !important;
    max-width: 100% !important;
}

/* Hide unwanted elements on page 1123 - Launch Game image */
.page-id-1123 header,
.page-id-1123 footer,
.page-id-1123 #sidebar, 
.page-id-1123 .secondary,
.page-id-1123 .jumbotron-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide unwanted elements on page 1468 - Main Game Page */
.page-id-1468 header,
.page-id-1468 footer,
.page-id-1468 #sidebar, 
.page-id-1468 .secondary,
.page-id-1468 .jumbotron-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Hide unwanted elements on page 2281 - TEST Game Page - duplicate of main game page */
.page-id-2281 header,
.page-id-2281 footer,
.page-id-2281 #sidebar, 
.page-id-2281 .secondary,
.page-id-2281 .jumbotron-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Hide unwanted elements on page 1755 - Game FULLSCREEN page*/
.page-id-1755 header,
.page-id-1755 footer,
.page-id-1755 #sidebar, 
.page-id-1755 .secondary,
.page-id-1755 .jumbotron-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Allow the content area to remain but be transparent 1123 */
.page-id-1123 #left-content,
.page-id-1123 #left-col,
.page-id-1123 .col-lg-8 {
    background: transparent !important; /* Makes it invisible */
    width: 100% !important;
    max-width: 100% !important;
    height: 80vh !important; /* Full height */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Allow the content area to remain but be transparent 1468 - MAIN GAME PAGE*/
.page-id-1468 #left-content,
.page-id-1468 #left-col,
.page-id-1468 #content {
    background: transparent !important; /* Makes it invisible */
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important; /* Full height */
	  margin: 0 auto !important; /* Centering */
    display: block !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Allow the content area to remain but be transparent 1755 - FULLSCREEN MAIN PAGE */
.page-id-1755 #left-content,
.page-id-1755 #left-col,
.page-id-1755 #content {
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;
	  margin: 0 auto !important;
    display: block !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Allow the content area to remain but be transparent 2281 - TESTING GAME PAGE - Duplicate of Main Game Page */
.page-id-2281 #left-content,
.page-id-2281 #left-col,
.page-id-2281 #content {
    background: transparent !important; /* Makes it invisible */
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important; /* Full height */
	  margin: 0 auto !important; /* Centering */
    display: block !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 1468, 1755, and 2281 MAKE GAME WRAPPER take up the full screen */
.page-id-1468 .game-wrapper,
.page-id-1755 .game-wrapper,
.page-id-2281 .game-wrapper {
    position: fixed;  /* Fix it to the screen */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: transparent;
    z-index: 9999; /* Make sure it's on top */
	  display: flex;
    flex-direction: column;
    align-items: center;
}

/* 1468 (85% vh) FORCE IFRAME to the absolute top */
.page-id-1468 .iframe-container {
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 85vh; /* Works best with height:85vh */
    z-index: 9999; /* Ensure iframe is above everything */
}

/* 2281 (85% vh) FORCE IFRAME to the absolute top */
.page-id-2281 .iframe-container {
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 85vh; /* Works best with height:85vh */
    z-index: 9999; /* Ensure iframe is above everything */
}

/* 1755 (100% vh) FORCE IFRAME to the absolute top */
.page-id-1755 .iframe-container {
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100vh !important;
    z-index: 9999; /* Ensure iframe is above everything */
}

/* 1755 Ensure Full-Screen Iframe Without Gaps (Strictly for Page 1755) */
.page-id-1755 .game-wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100vh !important;
    width: 100vw !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page-id-1755 iframe {
    width: 100% !important;
    height: 100% !important;
}

.page-id-1755 .iframe-container {
    flex-grow: 1 !important; /* Expands to fill remaining space */
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

/* 1468 Ensure button container is right below the iframe */
.page-id-1468 .button-container {
    position: absolute !important;
    top: 10px; /* Small spacing from the top */
    right: 10px; /* Align to right side */
    z-index: 10000;
}

/* 2281 Ensure button container is right below the iframe */
.page-id-2281 .button-container {
    position: absolute !important;
    top: 10px; /* Small spacing from the top */
    right: 10px; /* Align to right side */
    z-index: 10000;
}

/* 1755 Ensure button container is visible in iframe (was right below the iframe) */
.page-id-1755 .button-container {
    position: absolute !important;
    top: 10px; /* Small spacing from the top */
    right: 20px; /* Align to right side */
    z-index: 10000;
}

/* 1755 for page-specific Fullscreen button */
.fullscreen-btn-small {
    font-size: 24px !important;
    font-weight: bold !important;
    padding: 4px 3px 0px 3px !important; /* 3px top & sides, 0px bottom */
    line-height: 1 !important; /* Prevents extra vertical spacing */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important; /* Ensures button doesn't stretch */
    min-height: 0 !important;
    color: white !important; /* Ensures text stays white */
}

/* 1468 and 2281 TEXT CONTAINER is absolutely positioned at the bottom */
.page-id-1468 .text-container,
.page-id-2281 .text-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
    width: 100%;
    line-height: 1.2 !important; /* Even closer together */
	  background: rgba(0, 0, 0, 0.70); /* Black with 95% opacity */
    text-align: center;
    padding: 0px 0px;
	  color: white;
    font-size: 14px;
    z-index: 10000;
    box-sizing: border-box;
}

/*.page-id-1468 * {
    outline: 1px solid red !important;
}*/

/* Ensure Pop-up linked buttons stay orange on hover */
#openTroubleshooting:hover {
    color: #FF7800 !important;
}

/* Troubleshoot Pop-up Modal Background (Hidden by Default) */
.modal {
    opacity: 0; /* Makes it invisible */
    visibility: hidden; /* Prevents interaction */
    position: fixed;
    z-index: 10000; /* Ensure it's on top */
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.6); /* Semi-transparent dark overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* When active, make it visible */
.modal.show {
    opacity: 1;
    visibility: visible;
}

/* Troubleshoot Pop-up Modal Content Box */
.modal-content {
    background-color: #f4f4f4;
    padding: 20px;
    width: 70%;
    max-width: 500px;
    border: 2px solid black;
    text-align: center;
    position: relative;
    border-radius: 8px;
}

/* Troubleshoot Pop-up Close Button */
.close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: black;
}

.close:hover {
    color: red;
}

/* Troubleshoot Pop-up Styling */
.troubleshooting-box button {
    font-size: 12px;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    background-color: #FF0072;
    color: white;
    transition: background 0.3s ease;
}

.troubleshooting-box button:hover {
    background-color: #cc005a;
}

/* Ensure no extra scrollbars 1123 */
.page-id-1123 body,
.page-id-1123 html, 
.page-id-1123 #content, 
.page-id-1123 .row, 
.page-id-1123 .col-lg-8, 
.page-id-1123 #left-col, 
.page-id-1123 #left-content {
    overflow: hidden !important;
    height: 90vh !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 90vh !important;
}

/* Ensure no extra scrollbars 1468 */
.page-id-1468 body,
.page-id-1468 html, 
.page-id-1468 #content, 
.page-id-1468 .row, 
.page-id-1468 .col-lg-8, 
.page-id-1468 #left-col, 
.page-id-1468 #left-content {
    overflow: hidden !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 100vh !important;
}

/* Ensure no extra scrollbars 2281 */
.page-id-2281 body,
.page-id-2281 html, 
.page-id-2281 #content, 
.page-id-2281 .row, 
.page-id-2281 .col-lg-8, 
.page-id-2281 #left-col, 
.page-id-2281 #left-content {
    overflow: hidden !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 100vh !important;
}

/* Normal Mode: Standard Iframe Sizing */
.iframe-container { 
    aspect-ratio: 3 / 2 !important;
    min-width: 400px;
    max-height: 85vh !important;
	  min-height: 530px;
    overflow: hidden;
    position: relative;
    background: black;
}

/* Portrait Mode: 9:16 Aspect Ratio */
@media screen and (orientation: portrait) {
    .iframe-container {
        aspect-ratio: 9 / 16;
        min-width: 360px;
        min-height: 530px;
    }
}

/* Ensure iframe fills its container */
.iframe-container iframe {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

/* Fullscreen Mode: Scale the iframe properly */
.fullscreen-active iframe {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw;
    max-height: 100vh;
    border: none !important;
    outline: none !important;
    display: block !important;
    visibility: visible !important;
}

/* Show Close Button in Fullscreen Mode */
.fullscreen-active #closeFullscreenBtn {
    display: block !important;
}

/* Toggle Fullscreen Button */
.button-container button {
    background: black; /* Black background */
    color: white; /* Default white text */
    border: 2px solid white;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 5px;
    cursor: pointer;
    border-radius: 5px; /* Rounded corners */
    transition: color 0.2s ease-in-out; /* Smooth transition effect */
}

/* Hover Effect: Text Turns Orange */
.button-container button:hover {
    color: #FF6900; /* Text turns orange */
}

/* Close Button: Hidden in Normal Mode */
#closeFullscreenBtn {
    position: fixed; /* Ensures it overlays fullscreen */
    top: 15px;
    right: 20px;
    background: black;
    color: white;
    border: 2px solid white;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 15px;
    cursor: pointer;
    display: none;
    z-index: 10000; /* Ensures it appears on top */
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

/* Show Button ONLY in Fullscreen Mode */
.fullscreen-active #closeFullscreenBtn {
    display: block !important;
}

/* Close Button Hover Effect */
#closeFullscreenBtn:hover {
    background: black;
    color: #FF6900;
    border: 2px solid black;
}

/* Mailchimp Form Styling - Independent of External CSS */
#mc_embed_signup {
    background: #fff !important;
    clear: left !important;
    font: 14px Helvetica, Arial, sans-serif !important;
	  margin: 0 auto !important;
    width: 100% !important;
    max-width: 700px !important;
    padding: 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Headings */
#mc_embed_signup h2 {
    font-size: 22px !important;
    font-weight: bold !important;
    color: #333 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}

/* Field Labels */
#mc_embed_signup label {
    display: block !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
    color: #333 !important;
}

/* Input Fields */
#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"] {
    width: 100% !important;
    padding: 14px !important;
    font-size: 14px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    margin-bottom: 5px !important;
}

/* Required Fields Indicator */
#mc_embed_signup .asterisk {
    color: #ff0000 !important;
    font-weight: bold !important;
}

/* Submit Button - old was fd7903*/
#mc_embed_signup input[type="submit"] {
    background-color: #000 !important;
    color: white !important;
    border: none !important;
    font-size: 18px !important;
    padding: 1px !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    width: 40% !important;
	  display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Hover Effect - old was ff4500 */
#mc_embed_signup input[type="submit"]:hover {
	  color: #ff7800 !important;
    background-color: #000000 !important;
}

/* Error & Success Messages */
#mc_embed_signup .response {
    margin-top: 10px !important;
    font-size: 14px !important;
    padding: 10px !important;
    display: none !important;
}

#mc_embed_signup #mce-error-response {
    color: #ff0000 !important;
    background: #ffe6e6 !important;
    border-left: 4px solid #ff0000 !important;
}

#mc_embed_signup #mce-success-response {
    color: #008000 !important;
    background: #e6ffe6 !important;
    border-left: 4px solid #008000 !important;
}

/* Prevent Invisible Captcha Input From Messing Layout */
#mc_embed_signup div[style*="position: absolute"] {
    display: none !important;
}