/* FarzMedia Layout Fix Addon (v1.0.0)
   This file intentionally overrides frontend layout issues without touching the main plugin.
*/

.farzmedia-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px;
}

@media (max-width: 768px){
  .farzmedia-container{ padding: 12px; }
}

.farzmedia-prize-bonds,
.farzmedia-currency,
.farzmedia-namaz,
.farzmedia-weather,
.farzmedia-all-data{
  margin: 16px 0;
  padding: 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  direction: rtl;
  text-align: right;
}

.farzmedia-grid{
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.farzmedia-grid .grid-item{ min-height: auto; }

@media (max-width: 768px){
  .farzmedia-grid{ grid-template-columns: 1fr; }
}

.weather-details{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}

@media (max-width: 480px){
  .weather-details{ grid-template-columns: 1fr; }
}

.forecast-grid{
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
}

.farzmedia-all-data table,
.farzmedia-prize-bonds table,
.farzmedia-currency table,
.farzmedia-namaz table,
.farzmedia-weather table{
  width: 100%;
  border-collapse: collapse;
  direction: rtl;
}

.farzmedia-all-data th,
.farzmedia-all-data td{ text-align:right; padding:10px 12px; }

.farzmedia-prize-bonds .value,
.farzmedia-currency .rate,
.farzmedia-weather .temperature,
.farzmedia-weather .value{
  direction: ltr;
  unicode-bidi: bidi-override;
  display: inline-block;
}