/*
=========================================================
MAHEDI ALTAYS — SHARED COMPONENTS
=========================================================
*/

.ma-button{
  min-height:46px;
  padding:11px 20px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  color:var(--brand-text);
  font-family:"Manrope",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1;

  border:1px solid rgba(var(--brand-bronze-rgb), .4);
  border-radius:999px;

  background:transparent;
  cursor:pointer;

  transition:
    transform var(--motion-base) ease,
    color var(--motion-base) ease,
    border-color var(--motion-base) ease,
    background var(--motion-base) ease,
    box-shadow var(--motion-base) ease;
}

.ma-button:hover{
  transform:translateY(-3px);
}

.ma-button:active{
  transform:scale(.98);
}

.ma-button:focus-visible{
  outline:2px solid var(--brand-bronze);
  outline-offset:4px;
}

.ma-button--primary{
  color:var(--brand-surface-warm);
  border-color:transparent;

  background:
    linear-gradient(
      135deg,
      #c59669,
      #9b704b
    );

  box-shadow:
    0 16px 38px rgba(var(--brand-bronze-rgb), .18);
}

.ma-button--primary:hover{
  box-shadow:
    0 22px 52px rgba(var(--brand-bronze-rgb), .28);
}

.ma-button--secondary{
  background:
    rgba(var(--tint-light-rgb), .025);
}

.ma-button--secondary:hover,
.ma-button--outline:hover{
  color:var(--brand-bronze-light);
  border-color:var(--brand-bronze);

  background:
    rgba(var(--brand-bronze-rgb), .07);
}

.ma-button--outline{
  color:var(--brand-soft);
}

.ma-button--success{
  color:#b8f1d0;

  border-color:
    rgba(var(--brand-green-rgb), .4);

  background:
    rgba(var(--brand-green-rgb), .09);
}

.ma-button--danger{
  color:#ffb4b4;

  border-color:
    rgba(225,111,111,.4);

  background:
    rgba(225,111,111,.08);
}

.ma-status{
  padding:7px 11px;

  display:inline-flex;
  align-items:center;
  gap:7px;

  font-size:10px;
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase;

  border-radius:999px;
}

.ma-status--available{
  color:#b8f1d0;

  border:
    1px solid rgba(var(--brand-green-rgb), .35);

  background:
    rgba(var(--brand-green-rgb), .08);
}

.ma-status--private{
  color:var(--brand-bronze-light);

  border:
    1px solid rgba(var(--brand-bronze-rgb), .35);

  background:
    rgba(var(--brand-bronze-rgb), .08);
}

.ma-status--unavailable{
  color:var(--brand-muted);

  border:
    1px solid rgba(var(--tint-light-rgb), .12);

  background:
    rgba(var(--tint-light-rgb), .03);
}

.ma-empty-state{
  padding:48px 30px;

  display:flex;
  flex-direction:column;
  align-items:center;

  text-align:center;

  border:
    1px dashed rgba(var(--brand-bronze-rgb), .28);

  border-radius:24px;

  background:
    rgba(var(--tint-light-rgb), .015);
}

.ma-empty-state__icon{
  width:68px;
  height:68px;
  margin-bottom:20px;

  display:grid;
  place-items:center;

  color:var(--brand-bronze);
  font-size:27px;

  border:
    1px solid rgba(var(--brand-bronze-rgb), .3);

  border-radius:20px;

  background:
    rgba(var(--brand-bronze-rgb), .07);
}

.ma-empty-state h3{
  margin-bottom:8px;

  color:var(--brand-text);
  font-size:21px;
}

.ma-empty-state p{
  max-width:520px;

  color:var(--brand-muted);
  font-size:14px;
}

@media(max-width:560px){
  .ma-button{
    width:100%;
  }
}
/* Managed card media */
.site-card-image{display:block;width:100%;height:150px;object-fit:cover;border-radius:14px;margin:0 0 .9rem;border:1px solid rgba(var(--tint-light-rgb), .08)}
.facts-grid .site-card-image{height:110px}.focus-grid .site-card-image,.timeline .site-card-image{height:120px}
@media(max-width:700px){.site-card-image,.facts-grid .site-card-image,.focus-grid .site-card-image,.timeline .site-card-image{height:180px}}