/* Article-Styling.css */

* {
      box-sizing: border-box;
}

#perigramma {                      /* Στυλάρισμα του περιγράμματος του κειμένου */
      border: 2px solid #2c3e50;
      border-radius: 10px;
      width: 50%; 
      margin: 20px auto 10px auto;
      padding: 15px;
}

#bookTitle {
      border: 0px red solid;
      text-align: center;
      font-size: 20px;
      margin-bottom: 30px;
}

#sxetikesdiataxeislinks {
      border: 0px solid green;
      margin-top: 15px;
}

#sxetikesdiataxeislinks a:hover {
      background-color: #F0F0F0;
}

#epomena {
      width: 50%; 
      margin: 10px auto;
      font-weight: bold;
      height: auto;
      display: flex;
}

#prohg, #epom {
      width: 50%;
      text-align: center; 
      border: 0px solid red;
}

#phgaine {
      position: fixed; 
      font-size: 16px;
      text-align: left;
      border-radius: 10px;
      width: 17%;
      height: 50px;
      margin-left: 5%; 
      margin-top: 300px; 
      padding-left: 10px; 
}

#koumpakia {
      background-color: white; 
      border: 2px solid #2c3e50;
      border-radius: 4px;
      width: auto; 
      margin-top: 3%;
}

#koumpakia:hover {
      background-color: #F0F0F0; 
}

#koumpakia:active {
      transform: translateY(1px);
}    

#pop {
      border-radius: 10px; 
      width: 70%; 
      height: 80%;
      border: 2px solid #2c3e50;
      font-size: 16px; 
      padding-left: 15px; 
}

#pop:focus {
      border: 2px solid #2c3e50;
}

#dsxolia {
      width: 50%;
      margin: 0 auto 20px auto;
      display: flex;
      flex-direction: column;
}

#shmeiwseis {    /* Textarea Styling */
      width: 100%;
      border: 2px solid #2c3e50;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: 0; /* Αφαιρέθηκε το margin για να ελέγχει την απόσταση το κουμπί */
      resize: none; 
      overflow-y: hidden;
      min-height: 100px;
      font-family: inherit;
}

#koumpishm {
      align-self: flex-end; /* Στοίχιση δεξιά */
      margin-top: 8px;      /* Απόσταση από το textarea */
      padding: 4px 12px;    /* Εσωτερικός χώρος για να δείχνει γεμάτο */
      background-color: white;
      width: auto;
      border: 2px solid #2c3e50;
      border-radius: 5px;
      cursor: pointer;
      font-weight: bold;
}

#koumpishm:active {
      transform: translateY(1px);
}

#koumpishm:hover {
      /*background-color: #F0F0F0;*/
	  background-color: var(--law-blue, #2c3e50);
	  color: white;
}

a:hover {
      cursor: pointer;
}

#noNotesMessage {
      text-align: center; /* Κεντράρισμα */
      font-style: italic;  /* Πλάγια γραφή (italic) */
      color: #777;         /* Διακριτικό γκρι χρώμα (προαιρετικά) */
      margin: 15px 0;
}

.swal2-popup {
    animation-duration: 1.2s !important; /* Αυξάνοντας τα δευτερόλεπτα (π.χ. 1.2s), κατεβαίνει πιο αργά */
}

/* Responsive για κινητά/ταμπλέτες */
@media screen and (max-width: 1000px) {
      #perigramma {
            width: 97%;
      }

      #phgaine {
            position: fixed;
            width: 97%;
            height: 50px;
            margin-top: -70px;
            display: none;
      }
      
      #pop {
            height: 42px !important;
            width: 70%; 
            -webkit-appearance: none;
            appearance: none;
      }

      #dsxolia {
            width: 97%;
            margin-bottom: 100px;
      }

      #shmeiwseis {
            width: 100%; /* Διορθώθηκε από 99% σε 100% */
      }

      #epomena {
            width: 97%;
      }
}