body{margin:0;background:#0f172a;font-family:system-ui,"Noto Kufi Arabic",sans-serif;color:#e5e7eb}
.container{max-width:900px;margin:0 auto;padding:20px}
h1{font-size:1.6rem;margin:0 0 20px;text-align:center}
.card{background:#111827;border-radius:18px;padding:20px;margin:20px 0}
.row{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.col{flex:1 1 calc(33% - 24px);min-width:260px}
label{display:block;font-size:1rem;color:#94a3b8;margin-bottom:6px}
input,select,button{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0b1224;color:#e5e7eb;font-size:1rem}
button{cursor:pointer;margin-top:12px}
.total{font-size:1.15rem;font-weight:800;margin:8px 0}
.share-buttons{display:flex;justify-content:center;margin-top:16px}
.share-buttons button{flex:0 1 200px}

.item-link {
    color: inherit;
    text-decoration: none;
}

.item-link:hover {
    text-decoration: underline;
}

.link-icon {
    font-size: 0.85em;
    margin-inline-start: 4px;
    opacity: 0.7;
}

.item-link:hover .link-icon {
    opacity: 1;
}




/* Language switch */
.lang-switch{
  position:absolute;
  top:10px;
  left:10px;
 
}
.lang-switch a{
  padding:6px 10px;
  font-size:0.85rem;
  background:#1e293b;
  border:1px solid #334155;
  border-radius:6px;
  color:#e5e7eb;
  text-decoration:none;
}

/* Responsive */
@media (max-width:640px){
  .col{flex:1 1 100%;}
}
    
    .footer-contact a {
    font-size: 20px;
    margin: 0 8px;
    color: #555;
}

.footer-contact a:hover {
    color: #007bff;
}
    
    
    .footer-contact {
    display: flex;
    justify-content: center; 
    align-items: center;     
    gap: 12px;              
}