/*
Theme Name: MyMathima AI
Theme URI: https://example.com/mymathima
Author: MyMathima Team
Author URI: https://example.com
Description: Ένα θέμα για δημιουργία εκπαιδευτικών φυλλαδίων με χρήση Google Gemini AI.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mymathima
*/

/* 
  Σημείωση: Τα βασικά στυλ φορτώνονται από το Tailwind CSS.
  Εδώ διαχειριζόμαστε την εκτύπωση και την προεπισκόπηση A4.
*/

/* A4 Preview Style for Screen */
.a4-page {
    width: 210mm;
    min-height: 297mm;
    padding: 20mm; /* Πάνω/Κάτω περιθώριο */
    padding-bottom: 30mm; /* Χώρος για το footer */
    margin: 0 auto;
    background: white;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    position: relative;
    box-sizing: border-box;
}

/* Footer Style (Default for Screen - Absolute positioning inside relative container) */
#print-footer {
    position: absolute;
    bottom: 10mm;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0.75rem; /* text-xs */
    color: #9ca3af; /* text-gray-400 */
}

/* FRACTION STYLES - Προσθήκη για κάθετα κλάσματα */
.fraction {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 0.2em;
}

.numerator {
    display: block;
    border-bottom: 2px solid currentColor;
    padding: 0 2px;
    font-size: 0.9em;
    line-height: 1.2;
}

.denominator {
    display: block;
    padding: 0 2px;
    font-size: 0.9em;
    line-height: 1.2;
}

/* Print Specific Styles */
@media print {
    /* Απόκρυψη όλων των στοιχείων της σελίδας */
    body * {
        visibility: hidden;
    }
    
    /* Εμφάνιση μόνο της περιοχής εκτύπωσης */
    #printable-area, #printable-area * {
        visibility: visible;
    }

    #printable-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* Ρυθμίσεις σελίδας */
    @page {
        size: A4;
        margin: 20mm;
    }

    /* 
       Το footer γίνεται fixed για να εμφανίζεται 
       στο κάτω μέρος ΚΑΘΕ εκτυπωμένης σελίδας 
    */
    #print-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        padding-bottom: 10px;
        color: #9ca3af;
    }

    /* Βεβαίωση ότι η γραμμή του κλάσματος τυπώνεται σωστά */
    .numerator {
        border-bottom-width: 2px !important;
        border-color: #000 !important;
    }
    
    .no-print { display: none !important; }
}