/*
 Theme Name: GeneratePress Child
 Template: generatepress
 Version: 1.1
*/

/* =========================
   ROOT + BASE
   ========================= */
:root{
  --bg:#f3f5f7;              /* putih-keabuan */
  --text:#111827;
  --muted:#6b7280;
  --line:rgba(17,24,39,.10);
  --shadow:0 10px 30px rgba(17,24,39,.10);
  --radius:14px;

  /* Section backgrounds */
  --sec1:#3a0b12;            /* maroon gelap */
  --sec2:#2b2f36;            /* abu gelap */
  --sec3:#e9edf2;            /* abu terang */
  --sec4:#f1f4f8;            /* abu terang 2 */
  --sec5:#eef2f7;            /* abu terang 3 */
}

/* ✅ Base only once (no duplicate, no !important) */
html,body{
  background:var(--bg);
  color:var(--text);
}

/* global links */
a{ color:inherit; text-decoration:none; }
a:hover{ opacity:.95; }

/* wrapper */
.agc-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 14px;
}

/* panels */
.agc-panel{
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.agc-section{
  margin:18px 0;
  padding:18px;
}

/* section themes */
.agc-sec-1{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  background-color:var(--sec1);
  color:#fff;
  border-color:rgba(255,255,255,.10);
}
.agc-sec-2{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  background-color:var(--sec2);
  color:#fff;
  border-color:rgba(255,255,255,.12);
}
.agc-sec-3{
  background:linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.55));
  background-color:var(--sec3);
}
.agc-sec-4{
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
  background-color:var(--sec4);
}
.agc-sec-5{
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
  background-color:var(--sec5);
}

/* titles */
.agc-section-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:0 0 14px 0;
}
.agc-section-title h2{
  margin:0;
  font-size:18px;
  letter-spacing:.2px;
  font-weight:800;
}
.agc-title-center{
  justify-content:center;
  text-align:center;
}
.agc-title-center h2{ text-align:center; }

/* =========================
   HEADER + NAV (FINAL CLEAN)
   ========================= */
.agc-header{
  position:sticky;
  top:0;
  z-index:9999;
  background:rgba(243,245,247,.85);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(17,24,39,.08);
}

.agc-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
}

/* Brand */
.agc-brand{
  display:flex;
  gap:10px;
  align-items:center;
  flex:0 0 auto;
}
.agc-brand img{ height:34px; width:auto; display:block; }
.agc-brand .agc-site-title{ font-weight:900; letter-spacing:.3px; font-size:18px; }

/* nav (desktop wrapper) */
.agc-nav{
  display:flex;
  gap:12px;
  align-items:center;
}
.agc-nav-desktop{ flex:1 1 auto; justify-content:flex-end; }

/* Remove bullets + menu layout */
.agc-menu,
.agc-mobile-menu-list{
  list-style:none;
  margin:0;
  padding:0;
}

.agc-menu{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:flex-end;
}
.agc-menu li{ margin:0; padding:0; }
.agc-menu li a{
  display:inline-block;
  font-size:14px;
  color:var(--text);
  padding:8px 10px;
  border-radius:10px;
  border:1px solid transparent;
}
.agc-menu li a:hover{
  border-color:rgba(17,24,39,.12);
  background:rgba(17,24,39,.04);
}

/* Burger button */
.agc-burger{
  display:none;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.85);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 30px rgba(0,0,0,.10);
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}
.agc-burger:hover{
  background:#ffffff;
  border-color:rgba(0,0,0,.16);
  transform:translateY(-1px);
}

/* 3 lines icon */
.agc-burger-lines{
  position:relative;
  width:20px;
  height:2px;
  background:#0b1220;
  border-radius:999px;
  display:block;
}
.agc-burger-lines::before,
.agc-burger-lines::after{
  content:"";
  position:absolute;
  left:0;
  width:20px;
  height:2px;
  background:#0b1220;
  border-radius:999px;
  transition:transform .15s ease, top .15s ease, opacity .15s ease;
}
.agc-burger-lines::before{ top:-6px; }
.agc-burger-lines::after{ top:6px; }

/* Animate to X when open */
.agc-burger[aria-expanded="true"] .agc-burger-lines{ background:transparent; }
.agc-burger[aria-expanded="true"] .agc-burger-lines::before{ top:0; transform:rotate(45deg); }
.agc-burger[aria-expanded="true"] .agc-burger-lines::after{ top:0; transform:rotate(-45deg); }

/* Mobile menu panel */
.agc-mobile-menu{
  margin-top:10px;
  background:#ffffff;
  color:#0b1220;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  padding:10px;
  position:relative;
  z-index:9999;
}

.agc-mobile-menu-list li a{
  display:flex;
  align-items:center;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.06);
  background:rgba(0,0,0,.02);
  color:#0b1220;
  font-size:14px;
  font-weight:600;
  transition:background .12s ease, border-color .12s ease, transform .12s ease;
}
.agc-mobile-menu-list li a:hover{
  background:rgba(128,0,0,.06);
  border-color:rgba(128,0,0,.18);
  transform:translateY(-1px);
}

@media (max-width: 1023px){
  .agc-nav-desktop{ display:none; }
  .agc-burger{ display:flex; }
  .agc-header-inner{ gap:10px; }
}
@media (min-width: 1024px){
  .agc-burger{ display:none !important; }
  .agc-mobile-menu{ display:none !important; }
}
body.agc-menu-open{ overflow:auto !important; }

/* =========================
   HEADER SEARCH
   ========================= */
.agc-nav-search{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

.agc-search-form{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px;
  border-radius:12px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.70);
}

.agc-search-input{
  width:220px;
  max-width:32vw;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font-size:14px;
  padding:8px 10px;
}
.agc-search-input::placeholder{ color:rgba(17,24,39,.55); }

.agc-search-btn{
  border:0;
  cursor:pointer;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(17,24,39,.06);
  color:var(--text);
}
.agc-search-btn:hover{ background:rgba(17,24,39,.10); }

/* Visibility helpers */
.agc-hide-mobile{ display:flex; }
.agc-only-mobile{ display:none; }

@media (max-width: 1023px){
  .agc-hide-mobile{ display:none; }
  .agc-only-mobile{ display:flex; }

  .agc-mobile-menu .agc-nav-search{
    padding:10px 6px 12px 6px;
    border-bottom:1px solid rgba(0,0,0,.06);
    margin-bottom:8px;
  }

  .agc-search-form{ width:100%; }
  .agc-search-input{ width:100%; max-width:100%; }
}

/* =========================
   GRIDS
   ========================= */
.agc-grid-5{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:12px;
}
@media (max-width: 1024px){
  .agc-grid-5{ grid-template-columns:repeat(3, 1fr); }
}
@media (max-width: 640px){
  .agc-grid-5{ grid-template-columns:repeat(2, 1fr); }
}

.agc-grid-4{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}
@media (max-width: 1024px){
  .agc-grid-4{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 640px){
  .agc-grid-4{ grid-template-columns:repeat(2, 1fr); }
}

.agc-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
@media (max-width:1024px){ .agc-grid-3{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .agc-grid-3{ grid-template-columns:repeat(2,1fr);} }

.agc-grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
@media (max-width:640px){ .agc-grid-2{ grid-template-columns:repeat(2,1fr);} }

/* ✅ Search/Archive portrait in grid-5: biar tinggi card tidak kebablasan */
.agc-grid-5 .agc-thumb-portrait{
  aspect-ratio:4 / 5;
}

/* =========================
   CARD
   ========================= */
.agc-card{
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.78);
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}
.agc-sec-1 .agc-card,
.agc-sec-2 .agc-card{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
}
.agc-card:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.92);
  border-color:rgba(17,24,39,.18);
}
.agc-sec-1 .agc-card:hover,
.agc-sec-2 .agc-card:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
}

/* thumbs */
.agc-thumb{
  width:100%;
  aspect-ratio:16 / 9;
  background:#e5e7eb;
  overflow:hidden;
}
.agc-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* portrait thumbs */
.agc-thumb-portrait{
  width:100%;
  aspect-ratio:3 / 4;
  background:#e5e7eb;
  overflow:hidden;
}
.agc-thumb-portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.agc-card-body{ padding:10px 10px 12px 10px; }

.agc-title{
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  margin:0 0 8px 0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:34px;
}
.agc-sec-1 .agc-title,
.agc-sec-2 .agc-title{ color:#fff; }

.agc-meta{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:rgba(17,24,39,.62);
}
.agc-sec-1 .agc-meta,
.agc-sec-2 .agc-meta{ color:rgba(255,255,255,.72); }

/* =========================
   PAGINATION
   ========================= */
.agc-pagination{
  margin-top:14px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.agc-pagination .page-numbers{
  padding:8px 10px;
  border-radius:10px;
  border:1px solid rgba(17,24,39,.12);
  background:rgba(255,255,255,.8);
  color:var(--text);
  font-size:13px;
}
.agc-sec-1 .agc-pagination .page-numbers,
.agc-sec-2 .agc-pagination .page-numbers{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}
.agc-pagination .page-numbers.current{
  background:rgba(17,24,39,.10);
  border-color:rgba(17,24,39,.20);
}

/* =========================
   PAGE CONTENT SECTION
   ========================= */
.agc-page-content{
  line-height:1.85;
  max-width:900px;
  margin:0 auto;
}
.agc-page-content p{ color:inherit; }
.agc-page-content a{ text-decoration:underline; }
.agc-sec-2 .agc-page-content a{ color:#fff; }

/* =========================
   TAG CLOUD (homepage/widget)
   ========================= */
.agc-tag-cloud{ text-align:center; }
.agc-tag-cloud a{
  display:inline-block;
  margin:6px 6px 0 0;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.10);
  background:rgba(255,255,255,.75);
  color:var(--text);
  font-size:13px !important;
}
.agc-tag-cloud a:hover{
  background:rgba(255,255,255,.95);
  border-color:rgba(17,24,39,.18);
}

/* =========================
   FOOTER
   ========================= */
.agc-footer{
  margin-top:24px;
  border-top:1px solid rgba(17,24,39,.08);
  padding:22px 0;
  background:rgba(255,255,255,.6);
}
.agc-footer-grid{
  display:grid;
  gap:14px;
}
.agc-footer-col{
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(17,24,39,.08);
  background:rgba(255,255,255,.85);
}
.agc-footer-col h3{
  margin:0 0 10px;
  font-size:15px;
  font-weight:900;
}
.agc-footer-col, .agc-footer-col p, .agc-footer-col a{
  color:var(--text);
  font-size:14px;
}
.agc-footer-bottom{
  margin-top:14px;
  color:rgba(17,24,39,.55);
  font-size:13px;
  text-align:center;
}
@media (max-width: 640px){
  .agc-footer-grid{ grid-template-columns:1fr !important; }
}

/* =========================
   SINGLE PAGE (LIGHT)
   ========================= */
.agc-single-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:18px 14px;
}
.agc-single-panel{
  background:rgba(255,255,255,.8);
  border:1px solid rgba(16,24,40,.08);
  border-radius:16px;
  box-shadow:0 10px 26px rgba(16,24,40,.08);
  margin:14px 0;
}
.agc-single-inner{ padding:16px; }

/* breadcrumb */
.agc-breadcrumb{
  font-size:12px;
  color:rgba(16,24,40,.6);
  margin-bottom:10px;
  line-height:1.6;
}
.agc-breadcrumb a{ color:rgba(16,24,40,.75); text-decoration:none; }
.agc-breadcrumb a:hover{ color:#111; }
.agc-bc-sep{ margin:0 6px; opacity:.55; }
.agc-bc-current{ color:rgba(16,24,40,.75); }

/* Title */
.agc-single-head{
  text-align:center;
  margin-bottom:10px;
}
.agc-single-title{
  margin:0;
  font-size:26px;
  font-weight:900;
  letter-spacing:.2px;
  line-height:1.2;
  color:#0f172a;
}

/* meta bar */
.agc-single-meta{
  margin-top:8px;
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  font-size:13px;
  color:rgba(16,24,40,.65);
}
.agc-meta-dot{ opacity:.5; }

/* Hero video */
.agc-single-hero{
  margin:16px 0 18px 0;
  border-radius:14px;
  overflow:hidden;
  background:#000;
  box-shadow:0 12px 28px rgba(16,24,40,.12);
}
.agc-video-frame{
  position:relative;
  padding-top:56.25%;
  background:#000;
}

/* Content */
.agc-single-content{
  max-width:860px;
  margin:0 auto;
  font-size:16px;
  line-height:1.9;
  color:#0b1220;
}
.agc-single-content p{ margin:0 0 14px 0; }

/* tags & share */
.agc-single-bottom{
  max-width:860px;
  margin:14px auto 0 auto;
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  padding-top:12px;
  border-top:1px solid rgba(16,24,40,.08);
}

/* ✅ Single tags (unique, no conflict with archive tags) */
.agc-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.agc-tag{
  display:inline-block;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(16,24,40,.10);
  background:rgba(16,24,40,.03);
  color:rgba(16,24,40,.8);
  font-size:13px;
}
.agc-tag:hover{
  background:rgba(16,24,40,.06);
  color:#0b1220;
}

.agc-share{
  display:flex;
  gap:8px;
}
.agc-share-btn{
  display:inline-block;
  padding:8px 12px;
  border-radius:12px;
  border:1px solid rgba(16,24,40,.10);
  background:rgba(255,255,255,.9);
  color:#0b1220;
  font-size:13px;
  box-shadow:0 8px 18px rgba(16,24,40,.06);
}
.agc-share-btn:hover{ transform:translateY(-1px); }

/* rekomendasi */
.agc-single-rel-title{
  font-size:16px;
  font-weight:900;
  margin:0 0 12px 0;
  color:#0f172a;
  text-align:center;
}
.agc-rel-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
}
@media (max-width: 1024px){
  .agc-rel-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 640px){
  .agc-rel-grid{ grid-template-columns:repeat(1, 1fr); }
}

.agc-rel-card{
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(16,24,40,.10);
  background:#fff;
  box-shadow:0 10px 24px rgba(16,24,40,.06);
  transition:transform .12s ease;
  display:block;
  color:#0b1220;
}
.agc-rel-card:hover{ transform:translateY(-2px); }

.agc-rel-thumb{
  width:100%;
  aspect-ratio:16/9;
  background:#111;
  overflow:hidden;
}
.agc-rel-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.agc-rel-body{ padding:10px 10px 12px 10px; }
.agc-rel-ttl{
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  margin:0 0 8px 0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:34px;
}
.agc-rel-meta{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:rgba(16,24,40,.6);
}

/* tags center + share center */
.agc-single-bottom-center{
  justify-content:center !important;
  flex-direction:column;
  gap:10px;
}
.agc-tags-center{ justify-content:center; }

/* share icons */
.agc-share-icons{
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
}
.agc-ico{
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(16,24,40,.10);
  box-shadow:0 10px 20px rgba(16,24,40,.08);
  background:#fff;
  color:#0f172a;
  transition:transform .12s ease, box-shadow .12s ease;
}
.agc-ico:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 26px rgba(16,24,40,.12);
}
.agc-ico-x{
  background:linear-gradient(180deg, #111827, #0b1220);
  color:#ffffff;
  border-color:rgba(255,255,255,.14);
}
.agc-ico-fb{
  background:linear-gradient(180deg, #1877F2, #0f5bd6);
  color:#ffffff;
  border-color:rgba(255,255,255,.14);
}
.agc-ico-wa{
  background:linear-gradient(180deg, #25D366, #18b956);
  color:#ffffff;
  border-color:rgba(255,255,255,.14);
}
.agc-rel-grid-8{ grid-template-columns:repeat(4, 1fr); }
@media (max-width: 1024px){
  .agc-rel-grid-8{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 640px){
  .agc-rel-grid-8{ grid-template-columns:repeat(1, 1fr); }
}

/* =========================
   ARCHIVE / SEARCH / TAG / CATEGORY
   ========================= */
.agc-archive-wrap{
  background:#f3f4f6;
  padding-bottom:30px;
}
.agc-archive-head{
  background:#eef0f3;
  padding:28px 0;
  margin-bottom:16px;
}
.agc-archive-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  text-align:center;
}
.agc-archive-title{
  font-size:26px;
  font-weight:800;
  margin:0 0 6px;
}
.agc-archive-desc{
  font-size:15px;
  color:#4b5563;
}
.agc-archive-panel{
  background:#f9fafb;
}
.agc-archive-panel .agc-archive-inner{
  background:#ffffff;
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

/* ✅ Archive tags (unique class to avoid conflict with .agc-tag on single) */
.agc-archive-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.agc-archive-tags-center{ justify-content:center; }
.agc-archive-tag{
  padding:7px 12px;
  font-size:13px;
  border-radius:999px;
  background:#f1f5f9;
  border:1px solid rgba(0,0,0,.06);
  color:#111827;
  transition:.15s ease;
}
.agc-archive-tag:hover{
  background:#111827;
  color:#ffffff;
}

/* =========================
   AGC COMMENTS - BOXED SAME WIDTH AS CONTENT
========================= */

/* Pastikan komentar tidak melebar keluar container */
.agc-single-comments,
.agc-single-comments #comments,
.agc-single-comments .comments-area {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

/* Box komentar: sedikit lebih gelap dari background konten */
.agc-single-comments {
  margin-top: 18px;
  padding: 18px 16px;
  background: rgba(255,255,255,0.04); /* gelap tipis (untuk tema gelap) */
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
}

/* Kalau theme kamu background putih terang, ganti ke ini (opsional):
.agc-single-comments { background: #f6f7f9; border: 1px solid #e7e9ef; }
*/

/* Rapikan judul Comments */
.agc-single-comments .comments-title,
.agc-single-comments #reply-title {
  margin: 0 0 12px;
}

/* List komentar biar rapi */
.agc-single-comments .comment-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.agc-single-comments .comment-list .comment {
  margin: 0 0 14px;
  padding: 12px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.06);
}
.agc-single-comments .comment-list .comment:last-child {
  margin-bottom: 0;
}

/* Form input biar boxed & presisi */
.agc-single-comments input[type="text"],
.agc-single-comments input[type="email"],
.agc-single-comments input[type="url"],
.agc-single-comments textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 12px;
}

/* Tombol submit */
.agc-single-comments input[type="submit"],
.agc-single-comments button,
.agc-single-comments .submit {
  border-radius: 12px;
}

/* Jangan ada overflow aneh */
.agc-single-comments * {
  box-sizing: border-box;
}



/* === UNIVERSAL VIDEO EMBED FIX === */
.video-wrap,
.legacy-video,
.entry-content iframe,
.entry-content embed,
.entry-content video {
  width: 100% !important;
  max-width: 100% !important;
}

/* Responsive 16:9 container */
.video-wrap,
.legacy-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  background: #000;
  overflow: hidden;
}

/* Center video perfectly */
.video-wrap iframe,
.video-wrap embed,
.legacy-video iframe,
.legacy-video embed {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
}


/* === FIX: Legacy embed inside .agc-video-frame === */
.agc-video-frame iframe,
.agc-video-frame embed,
.agc-video-frame object,
.agc-video-frame video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate(-50%, -50%) !important;
  border: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* kalau legacy embed punya width/height attribute yang ngunci, ini tetap menang */
.agc-video-frame iframe[width],
.agc-video-frame iframe[height]{
  width: 100% !important;
  height: 100% !important;
}