/* RESPONSIVE MEDIA QUERIES © Eborn Interactive */


/* Screen Widths

Tablet Portrait - 768px
Tablet Landscape - 1024px

iPhone 3,4,5 - 320px


/* iOS Specific
================================================== */

@supports (-webkit-overflow-scrolling: touch) {
	


}

/* ================================================ */

/* Other than iOS specific
================================================== */

@supports not (-webkit-overflow-scrolling: touch) {
	
  /* CSS for other than iOS devices */ 
  
}

/* ================================================ */




/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-height: 745px) {


		.landningssida {
		    align-items: flex-start;
		    margin: 30px 0;
		    height: auto;
		}		
	


	}

/* ================================================ */




/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 795px) {


		.meta-summary .cols {
			flex-direction: column;
		}
		
		.meta-summary .cols .col {
			margin-bottom:40px;
		}
		
		.meta-summary .cols .col:last-child {
			margin-bottom:0;
		}
		
		.ad-cards {
			flex-direction: column;
		}
		
		.ad-cards .ad-card {
			max-width: 100%;
			flex: 1;
		}

	}

/* ================================================ */


/* Responsive Width Section (General)
================================================== */

	@media only screen and (max-width: 650px) {

		.artists {
			display: flex;
			gap:20px;
			margin: -10px 0 30px 0;
			align-items: center;
			justify-content: flex-start;
		}
		
		.playlist .listname {
			max-width: 240px;
		}


	}

/* ================================================ */




/* Responsive Width Section (Mobile Phone)
================================================== */

	@media only screen and (max-width: 480px) {


		#main-content {
		    margin: 15px 0;
		}
		
		select {
			width: 100%;
		}
		
		.statistik-data-container .totalt .tot {
			padding-right: 3px;
		}
		
		.statsheader {
		    top: -145px;
		}
		
		h1 {
			padding-top: 25px !important;
		}
		
		.landningssida {
			margin:0;
		}
		
		.selectbox {
			width: 100%;
			border-radius:0;
		}
		
		.selectbox:before, .selectbox:after {
			display: none;
		}
		
		.bgimage {
			display: none;
		}
		
		.albumcover {
			padding-top: 20px;
		}
		
		
		.statistik-data-container .totalt .tot {
			font-size: 26px;
		}

		.statistik-data-container .data .col-item.extraheight {
		    padding-right: 4px;
		}
		
		.clickstats {
		    font-weight: 400;
		    margin-bottom: -10px;
		}
		
		.toplist .cover {
		    width: 60px;
		}
		
	    .toplist .artist {
	        margin-left: 15px;
	    }
		
		.toplist .latnamn {
	      line-height: 1;
	      margin-top: 4px;
	      font-size: 17px;
		  white-space: nowrap;        /* Ingen radbrytning */
		  overflow: hidden;           /* Dölj överskjutande text */
		  text-overflow: ellipsis;    /* Visa "..." vid overflow */
		  max-width: 159px; 
		  font-weight: 550;           /* Begränsa bredd om du vill att det fungerar */
		}
		
		.toplist .artistnamn {
		    font-size: 15px;
		}
		
		.page-template-template-topplista .inner-content {
			padding-left: 5px;
		}
		
		.toplist .song {
		    padding: 0 8px 0 25px;
		}
		
		
		.playlist-container {
		    width: 100%;
		}

		.toplist .popularity {
		    width: 32px;
		    height: 32px;
		    padding-top: 7px;
		    font-size: 16px;
		}
		
		.trendarrow {
			margin-right: 3px;
		}
		
		/*.streamchart-container {
		  width: 100%;
		  overflow-x: auto; /* Aktiverar horisontell scroll vid behov */
		/*}
		
		#streamchart {
		  width: 600px !important;  /* Större än mobilskärm (t.ex. 1000px) */
		/*  height: auto !important;  /* Valfri höjd */
		/*}*/
		
		.toppercent {
		    font-weight: 400;
		}
		
		.clickstats {
		    gap: 5px;
		}

		.toppercent {
		    font-size: 16px;
		}
		
		.headingrow a {
		    transform: translate(0,0);
		}
		
		.page-template-template-compare .compare .inner-content {
		    margin-left: 0px;
		}
		
		.kampanjtabell th {
		    overflow: hidden;
		    max-width: 130px;
		}
		
		.page-template-template-compare .headingrow {
		    margin-bottom: 0;
		    margin-top: 0;
		}
		
		.page-template-template-statistik .headingrow {
			margin-top: -10px;
		}
		
	    .playlist-container:not(.streaming) {
	        flex-direction: column;
	        align-items: flex-start;
	    }
	    
		.streaming-box {
		    margin-left: 0;
		    margin-top: 0;
		    padding-right: 30px;
		}
		
		.tabs {
		    margin-left: calc(-5vw - 5px);
		}
		

		.headingrow {
		    align-items: flex-start;
		    justify-content: flex-start;
		    flex-direction: column-reverse;
		    margin-top: 5px;
		}
		
		.headingrow h1 {
			margin-top: -10px !important;
		}
		
	    .page-template-template-topplista .headingrow div {
	        margin-bottom: 5px;
	        transform: translate(0, 0);
	        margin-top: -4px;
	    }
	    
		.headingrow div {
		    margin-right: 0;
		    transform: translate(5px, 0);
		}
		

		.chart-popup {
			border-radius: 0;
			padding: 50px 30px 30px;
			width: 100%;
			height: 100vh;
			box-shadow: unset;
		}


	    .toplist .monitize {
	        width: 20px;
	        height: 20px;
	        top: -3px;
	        right: -10px;
	        font-size: 13px;
	    }
	    
	    .toplist .monitize.dollar {
	        font-size: 14px;
	    }


	}

/* ================================================ */


/* Responsive Width Section (Smallest Mobile Screens)
================================================== */

	@media only screen and (max-width: 359px) {





	}

/* ================================================ */