vers. 2.1.4

css/style.css

@@ -289,12 +289,12 @@ main {
   margin: 0;
 } */
 
-.stationCard.isthematic{
+.stationCard.isthematic {
   text-align: right;
   margin-top: -24px;
 }
 
-.stationCard.isthematic:before{
+.stationCard.isthematic:before {
   content: "Tematica";
   position: relative;
   background: #f7b835;
@@ -308,7 +308,7 @@ main {
   margin: 0;
 }
 
-iframe.contentplayer{
+iframe.contentplayer {
   position: absolute;
   left: 50%;
   height: calc(100vh - 312px);
@@ -317,7 +317,7 @@ iframe.contentplayer{
   transform: translateX(-50%);
 }
 
-.footer_player{
+.footer_player {
   background: #f7b835;
   color: #2a377d;
   position: fixed;
@@ -333,16 +333,16 @@ iframe.contentplayer{
   padding: 20px;
 }
 
-.footer_player > .row > .col-2 > img{
+.footer_player>.row>.col-2>img {
   border-radius: 5px;
 }
 
-button#playPauseBtn{
+button#playPauseBtn {
   background: none;
   border: none;
 }
 
-.footer{
+.footer {
   z-index: 1;
 }
 
@@ -398,3 +398,28 @@ button#playPauseBtn{
 }
 
 
+/* Forza orientamento portrait - nasconde contenuto in landscape */
+@media screen and (orientation: landscape) and (max-height: 450px) {
+  body.appBody::after {
+    content: "Ruota il dispositivo in verticale";
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #2a377e;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.2rem;
+    font-weight: 600;
+    z-index: 9999;
+    text-align: center;
+    padding: 20px;
+  }
+
+  body.appBody>* {
+    display: none !important;
+  }
+}