/* Print-specific styles for expanded content */
@media print {
    /* Hide elements not needed for printing */
    header, .nav-links, .search-container, .grade-tabs {
        display: none !important;
    }
    
    /* Full width container */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Remove decorative elements */
    .resource-container {
        box-shadow: none !important;
        border: none !important;
    }
    
    /* Set background to white */
    body {
        background: white !important;
    }
    
    /* Handle section cards for printing */
    .section-card {
        page-break-inside: avoid;
        height: auto !important;
        perspective: none !important;
        margin-bottom: 30px !important;
    }
    
    .section-card-inner {
        transform: none !important;
        box-shadow: none !important;
        transform-style: flat !important;
        height: auto !important;
    }
    
    /* Show both front and back content */
    .section-card-front {
        position: relative !important;
        display: block !important;
        background-color: white !important;
        color: #333 !important;
        border: 1px solid #ddd !important;
        border-radius: 8px 8px 0 0 !important;
        height: auto !important;
    }
    
    .section-card-back {
        position: relative !important;
        display: block !important;
        transform: none !important;
        background-color: white !important;
        color: #333 !important;
        border: 1px solid #ddd !important;
        border-top: none !important;
        border-radius: 0 0 8px 8px !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* Style section content for print */
    .section-icon {
        color: var(--sage-navy) !important;
    }
    
    .section-title {
        color: var(--sage-navy) !important;
    }
    
    .section-subtitle {
        color: var(--sage-dark-gray) !important;
    }
    
    /* Hide print buttons */
    .print-container {
        display: none !important;
    }
    
    /* Add page breaks where appropriate */
    .intro-section {
        page-break-after: always;
    }
    
    /* Add print header on each page */
    @page {
        margin: 0.5in;
    }
    
    /* Add print footer */
    .section-card:after {
        content: "Sage Oak Charter Schools - Power Standards Parent Portal";
        display: block;
        text-align: center;
        font-size: 10pt;
        color: #666;
        margin-top: 20px;
    }
}