/* Custom CSS for Appgain Sales Operations */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* Apply Lato font to all elements */
* {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Ensure headings use Lato */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700;
}

/* Body text */
body {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400;
    line-height: 1.6;
}

/* Navigation and sidebar */
.md-nav, .md-sidebar {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Code blocks and inline code */
code, pre {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace !important;
}

/* Tables */
table {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Buttons and form elements */
button, input, select, textarea {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Fullscreen iframe functionality */
.video-container, .presentation-container {
    position: relative;
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.video-container iframe, .presentation-container iframe {
    border: none;
    transition: transform 0.3s ease;
}

.video-container iframe:hover, .presentation-container iframe:hover {
    transform: scale(1.02);
}

/* Fullscreen button styling */
.fullscreen-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 12px;
    z-index: 1000;
    transition: background 0.3s ease;
}

.fullscreen-btn:hover {
    background: rgba(0, 0, 0, 0.9);
}

/* Fullscreen mode styles - Fixed scaling issues */
.iframe-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iframe-fullscreen iframe {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
}

.iframe-fullscreen .fullscreen-btn {
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.iframe-fullscreen .fullscreen-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Responsive iframe sizing for different content types */
.presentation-container iframe {
    aspect-ratio: 16/9;
    width: 100%;
    max-width: 700px;
    height: auto;
}

.video-container iframe {
    aspect-ratio: 16/9;
    width: 100%;
    max-width: 100%;
    height: auto;
}