/* Favorito Delivery — Build 433
   Guia: card alinhado no topo, MP4, player protegido e correção das tabs do editor de produtos. */

/* Master: card da Central de ajuda alinhado ao canto superior/esquerdo do conteúdo. */
.fd433-master-top-card,
.fd433-master-guide-form,
body[data-area="master"] .fd432-master-guide-intro,
body[data-area="master"] .fd432-master-guide-form{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin-left:0!important;
  margin-right:auto!important;
}
.fd433-master-top-card{margin-top:0!important}
.fd433-guide-fields{align-items:start}
.fd433-video-source{grid-column:1/-1;border:1px solid #e4e7ec;border-radius:12px;padding:12px;background:#fff;display:grid;gap:7px}
.fd433-video-source[hidden]{display:none!important}
.fd433-video-source .field{margin:0!important}
.fd433-video-source>small,.fd433-upload-help{font-size:11px;line-height:1.4;color:#667085}
.fd433-upload-help{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fd433-upload-help label{display:inline-flex;align-items:center;gap:6px;color:#475467;cursor:pointer}
.fd433-file-input{padding:8px!important;min-height:46px!important}

/* Player de treinamento sem barra nativa. */
.fd433-player-wrap{position:relative;isolation:isolate}
.fd433-player-wrap iframe,
.fd433-player-wrap video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#0d1117;object-fit:contain}
.fd433-player-wrap iframe{pointer-events:none!important}
.fd433-player-wrap video{pointer-events:none!important}
.fd433-player-shield{position:absolute;inset:0 0 42px;z-index:3;background:transparent;user-select:none;-webkit-user-select:none}
.fd433-play-toggle{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);min-height:44px;padding:0 16px;border:0;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.2);backdrop-filter:blur(5px)}
.fd433-play-toggle:hover{background:rgba(15,23,42,.94)}
.fd433-play-toggle [data-play-symbol]{font-size:14px;line-height:1}
.fd433-player-type{position:absolute;z-index:4;top:10px;right:10px;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}
.fd433-player-wrap .fd432-player-note{position:relative;z-index:6}

/* Restaura somente as tabs do editor/cadastro de produto ao padrão anterior.
   O ajuste visual de tabs do Marketplace permanece intacto. */
.product-editor-dialog .tabs.dynamic-tabs,
.product-editor-dialog .modifier-editor-tabs,
.product-editor-dialog .cover-picker-tabs,
dialog.product-editor-dialog .tabs.dynamic-tabs,
dialog.product-editor-dialog .modifier-editor-tabs,
[data-product-editor] .tabs.dynamic-tabs,
[data-product-editor] .modifier-editor-tabs{
  border-top:0!important;
  border-bottom:1px solid var(--border,#e5e7eb)!important;
  background:var(--surface,#fff)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  gap:0!important;
}
.product-editor-dialog .tabs.dynamic-tabs .tab,
.product-editor-dialog .modifier-editor-tabs button,
.product-editor-dialog .cover-picker-tabs button,
dialog.product-editor-dialog .tabs.dynamic-tabs .tab,
dialog.product-editor-dialog .modifier-editor-tabs button,
[data-product-editor] .tabs.dynamic-tabs .tab,
[data-product-editor] .modifier-editor-tabs button{
  border:0!important;
  border-top:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.product-editor-dialog .tabs.dynamic-tabs .tab.active,
.product-editor-dialog .modifier-editor-tabs button.is-active,
.product-editor-dialog .cover-picker-tabs button.active,
dialog.product-editor-dialog .tabs.dynamic-tabs .tab.active,
dialog.product-editor-dialog .modifier-editor-tabs button.is-active,
[data-product-editor] .tabs.dynamic-tabs .tab.active,
[data-product-editor] .modifier-editor-tabs button.is-active{
  border-top-color:transparent!important;
  border-bottom-color:var(--primary,var(--color-primary,#ef233c))!important;
  background:transparent!important;
  color:var(--primary,var(--color-primary,#ef233c))!important;
}

@media(max-width:760px){
  .fd433-master-top-card,.fd433-master-guide-form{width:100%!important}
  .fd433-video-source{grid-column:auto;padding:10px}
  .fd433-upload-help{align-items:flex-start;flex-direction:column}
  .fd433-play-toggle{min-height:40px;padding:0 13px;font-size:11px}
}
.fd433-play-toggle.is-playing{left:14px;top:auto;bottom:54px;transform:none;min-height:34px;padding:0 10px;opacity:.48;font-size:10px}
.fd433-play-toggle.is-playing:hover{opacity:1}