/* Gogo Sedi Front Styles — Zulu Traditional Theme (plugin-scoped) */
.gogo-sedi-wrap{
  /* Straw / dry-grass palette with Zulu warmth */
  --gogo-bg:#efe2bf;
  --gogo-sand:#fbf5e6;
  --gogo-ink:#1f1a12;
  --gogo-brown:#3b2212;
  --gogo-gold:#d4a72c;
  --gogo-red:#b11b1b;
  --gogo-green:#1f7a4f;
  --gogo-card:#fffaf0;
  max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
}

/* background cloth pattern */
.gogo-sedi-wrap:before{
  content:"";
  position:fixed; inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(212,167,44,.22), transparent 45%),
    radial-gradient(circle at 82% 12%, rgba(177,27,27,.14), transparent 40%),
    radial-gradient(circle at 70% 78%, rgba(31,122,79,.16), transparent 45%),
    linear-gradient(180deg, #f7edcf, #e8d5a6);
  z-index:-2;
}
.gogo-sedi-wrap:after{
  content:"";
  position:fixed; inset:0;
  background:
    repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 2px, transparent 2px 10px),
    repeating-linear-gradient(-45deg, rgba(212,167,44,.06) 0 1px, transparent 1px 12px);
  mix-blend-mode:multiply;
  opacity:.28;
  z-index:-1;
  pointer-events:none;
}

.gogo-sedi-store-topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.gogo-sedi-cat-buttons{display:flex;gap:8px;flex-wrap:wrap}

.gogo-sedi-btn{
  border:1px solid rgba(31,26,18,.22);
  background:rgba(255,255,255,.55);
  color:var(--gogo-ink);
  padding:10px 12px;border-radius:14px;cursor:pointer;line-height:1;font-weight:700;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
  backdrop-filter: blur(6px);
}
.gogo-sedi-btn:hover{transform:translateY(-1px); border-color:rgba(59,34,18,.45)}
.gogo-sedi-btn.is-active{background:linear-gradient(135deg, rgba(212,167,44,.25), rgba(31,122,79,.18)); border-color:rgba(212,167,44,.7)}

.gogo-sedi-btn-primary{
  background:linear-gradient(135deg, rgba(212,167,44,.95), rgba(177,27,27,.85));
  color:#120a04;border-color:rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.gogo-sedi-btn-primary:hover{border-color:rgba(0,0,0,.18)}

.gogo-sedi-cart-btn{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  border:1px solid rgba(31,26,18,.22);
  padding:10px 12px;border-radius:18px;
  background:rgba(255,255,255,.65); color:var(--gogo-ink); font-weight:800;
  backdrop-filter: blur(6px);
}
.gogo-sedi-cart-count{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;
  background:var(--gogo-gold); color:#120a04;font-size:12px;padding:0 6px; font-weight:900;
}
.gogo-sedi-cart-count.is-zero{background:rgba(255,255,255,.55); color:var(--gogo-ink)}

.gogo-sedi-hero{
  background:linear-gradient(135deg, rgba(255,255,255,.85), rgba(239,226,191,.9));
  border:1px solid rgba(59,34,18,.18);
  border-radius:22px;
  padding:18px;
  margin-bottom:14px;
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}
.gogo-sedi-hero h1{margin:0;color:var(--gogo-ink);font-size:26px}
.gogo-sedi-subtitle{margin:6px 0 0;color:rgba(31,26,18,.72)}
.gogo-sedi-motifs{display:flex;gap:10px;opacity:.9;font-size:18px}
.gogo-sedi-mark{display:flex;gap:12px;align-items:center}
.gogo-sedi-mark-icon{
  width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(212,167,44,.9), rgba(31,122,79,.35));
  color:#120a04;font-size:22px; box-shadow:0 10px 22px rgba(0,0,0,.25);
}

.gogo-sedi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:980px){.gogo-sedi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.gogo-sedi-grid{grid-template-columns:1fr}}

.gogo-sedi-card{
  background:linear-gradient(180deg, rgba(255,250,240,.98), rgba(246,239,225,.95));
  border:1px solid rgba(0,0,0,.06);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 14px 28px rgba(0,0,0,.22);
  min-height:360px;
  display:flex;
  flex-direction:column;
}
.gogo-sedi-card-media{
  position:relative;
  display:block;
  border:none;
  width:100%;
  background:radial-gradient(circle at 30% 30%, rgba(212,167,44,.18), transparent 55%),
             radial-gradient(circle at 70% 70%, rgba(31,122,79,.12), transparent 55%),
             #2b2014;
  padding:10px;
}
.gogo-sedi-card img{width:100%;height:210px;object-fit:cover;border-radius:16px;display:block}
.gogo-sedi-card .gogo-sedi-body{padding:12px 12px 14px;color:var(--gogo-ink);display:flex;flex-direction:column;gap:10px;flex:1}
.gogo-sedi-title{margin:0;font-size:16px;font-weight:900;color:var(--gogo-brown)}
.gogo-sedi-price{font-weight:900;color:var(--gogo-green)}
.gogo-sedi-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gogo-sedi-desc{color:rgba(27,20,11,.78);font-size:13px;line-height:1.35}
.gogo-sedi-add{width:100%}

/* Discount badge */
.gogo-sedi-badge{
  position:absolute;top:12px;left:12px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(0,0,0,.08);
  color:var(--gogo-red);
  font-weight:1000;
  padding:6px 10px;border-radius:999px;
  box-shadow:0 10px 18px rgba(0,0,0,.18);
}
.gogo-sedi-badge.is-out{
  left:auto;right:12px;
  background:rgba(0,0,0,.78);
  border-color:rgba(0,0,0,.18);
  color:#fff;
}
.gogo-sedi-was{
  text-decoration:line-through;
  color:rgba(31,26,18,.55);
  font-weight:800;
  margin-right:8px;
}

/* Toast */
.gogo-sedi-toast{
  position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);
  background:rgba(0,0,0,.85);color:#fff;padding:10px 14px;border-radius:14px;
  opacity:0;transition:all .22s ease;z-index:99999;max-width:92vw;
}
.gogo-sedi-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0)}

/* Cart */
.gogo-sedi-cart-box{
  display:grid;grid-template-columns:1.3fr .7fr;gap:14px;align-items:start;
}
@media (max-width:980px){.gogo-sedi-cart-box{grid-template-columns:1fr}}
.gogo-sedi-cart-items{background:rgba(255,255,255,.72);border:1px solid rgba(31,26,18,.14);border-radius:22px;padding:12px;backdrop-filter: blur(4px)}
.gogo-sedi-cart-summary{background:rgba(255,255,255,.72);border:1px solid rgba(31,26,18,.14);border-radius:22px;padding:12px;color:var(--gogo-ink);backdrop-filter: blur(4px)}
.gogo-sedi-cart-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(31,26,18,.18)}
.gogo-sedi-cart-row:last-child{border-bottom:none}
.gogo-sedi-cart-row-total strong{font-size:18px}

/* Alerts/messages */
.gogo-sedi-alert, .gogo-sedi-msg{
  border-radius:16px;padding:10px 12px;margin:10px 0 0;
  background:rgba(255,255,255,.8);border:1px solid rgba(31,26,18,.14);color:var(--gogo-ink);
}
.gogo-sedi-alert.is-error, .gogo-sedi-msg.is-error{border-color:rgba(177,27,27,.7);background:rgba(177,27,27,.12)}
.gogo-sedi-alert.is-ok, .gogo-sedi-msg.is-ok{border-color:rgba(31,122,79,.7);background:rgba(31,122,79,.12)}

.gogo-sedi-field span{color:rgba(31,26,18,.82)}
.gogo-sedi-field input, .gogo-sedi-field textarea{
  width:100%; box-sizing:border-box;
  border-radius:14px;border:1px solid rgba(31,26,18,.22);
  padding:10px 12px;background:rgba(255,255,255,.85);color:var(--gogo-ink);
}
.gogo-sedi-field input::placeholder,.gogo-sedi-field textarea::placeholder{color:rgba(31,26,18,.5)}
.gogo-sedi-link{color:var(--gogo-gold);font-weight:800}

/* Modal */
.gogo-sedi-modal{position:fixed;inset:0;z-index:99998;display:none}
.gogo-sedi-modal.is-open{display:block}
.gogo-sedi-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.gogo-sedi-modal-card{
  position:relative;max-width:920px;margin:6vh auto 0;background:linear-gradient(180deg,#fffaf0,#f6efe1);
  border-radius:22px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.45);
  display:grid;grid-template-columns:1fr 1fr;
}
@media (max-width:860px){.gogo-sedi-modal-card{grid-template-columns:1fr;margin:4vh 10px 0}}
.gogo-sedi-modal-media{background:#160d07;padding:12px}
.gogo-sedi-modal-img{width:100%;height:360px;object-fit:contain;background:#160d07;border-radius:16px}
.gogo-sedi-modal-body{padding:14px 14px 16px}
.gogo-sedi-modal-title{margin:0 0 6px;color:var(--gogo-brown);font-weight:1000}
.gogo-sedi-modal-close{
  position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:14px;border:none;
  background:rgba(0,0,0,.72);color:#fff;font-size:22px;cursor:pointer
}

/* YMAL */
.gogo-sedi-ymal{margin-top:18px}
.gogo-sedi-ymal-head{color:var(--gogo-ink);margin-bottom:10px}
.gogo-sedi-ymal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
@media (max-width:980px){.gogo-sedi-ymal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.gogo-sedi-ymal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gogo-sedi-ymal-card{
  background:linear-gradient(180deg, rgba(255,250,240,.98), rgba(246,239,225,.95));
  border-radius:18px;padding:10px;border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 22px rgba(0,0,0,.2);
}
.gogo-sedi-ymal-card img{width:100%;height:110px;object-fit:cover;border-radius:14px;display:block}
.gogo-sedi-ymal-card .t{margin:8px 0 0;font-weight:900;color:var(--gogo-brown);font-size:13px}

/* Invoice */
.gogo-sedi-invoice{color:var(--gogo-ink)}
.gogo-sedi-invoice-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.gogo-sedi-invoice-title{font-weight:1000;font-size:18px;color:var(--gogo-brown)}
.gogo-sedi-invoice-badge{
  background:rgba(177,27,27,.12);
  border:1px solid rgba(177,27,27,.35);
  color:var(--gogo-red);
  font-weight:1000;
  padding:8px 10px;border-radius:999px;
}
.gogo-sedi-invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
@media (max-width:860px){.gogo-sedi-invoice-grid{grid-template-columns:1fr}}
.gogo-sedi-invoice-box{
  background:rgba(255,250,240,.9);
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  padding:12px;
}
.gogo-sedi-invoice-h{font-weight:1000;color:var(--gogo-brown);margin-bottom:6px}
.gogo-sedi-invoice-totals{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:10px}
.gogo-sedi-invoice-total{font-weight:1000;color:var(--gogo-brown)}
.gogo-sedi-muted{opacity:.85}

.gogo-sedi-ymal-title{margin:8px 0 0;font-weight:900;color:var(--gogo-brown);font-size:13px}
.gogo-sedi-ymal-price{font-weight:900;color:var(--gogo-green);margin-top:4px}
.gogo-sedi-ymal-card button{margin-top:8px;width:100%}