/* Cabeçalho até 1024 px e painel do menu móvel (JetMenu). Mesma família da home: petróleo #021a22,
   ciano #3ce6f2 para destaque no escuro, laranja #f7391f no botão, Poppins, pílula. */

@media (max-width: 1024px) {
  /* Cabeçalho: logo e botão alinhados ao mesmo respiro lateral das faixas da home (24 / 20 px). */
  .elementor-21 .elementor-element-dd7aef8 { --min-height: 76px; min-height: 76px !important; flex-direction: column !important; justify-content: center !important; }
  .elementor-21 .elementor-element-c3225d3 { --padding-left: 0px; --padding-right: 0px; padding: 0 !important; }
  .elementor-21 .elementor-element-c3225d3 > .e-con-inner { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; max-width: none !important; padding: 0 24px !important; gap: 16px !important; }
  .elementor-21 .elementor-element-b156993 { width: auto !important; max-width: none !important; margin: 0 !important; }
  .elementor-21 .elementor-element-b156993 img { display: block; width: 132px !important; height: auto !important; }
  .elementor-21 .elementor-element-853bd09 { width: auto !important; margin: 0 !important; }

  /* Botão do menu: círculo petróleo de 44 px, ícone branco. */
  .elementor-21 .jet-mobile-menu__toggle { display: grid !important; place-items: center; width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 50% !important; background: #021a22 !important; color: #fff !important; transition: background .15s; }
  .elementor-21 .jet-mobile-menu__toggle:hover, .elementor-21 .jet-mobile-menu__toggle:focus { background: #06303b !important; }
  .elementor-21 .jet-mobile-menu__toggle-icon, .elementor-21 .jet-mobile-menu__toggle-icon i { color: #fff !important; font-size: 18px !important; line-height: 1 !important; }
}
@media (max-width: 600px) {
  .elementor-21 .elementor-element-dd7aef8 { --min-height: 68px; min-height: 68px !important; }
  .elementor-21 .elementor-element-c3225d3 > .e-con-inner { padding: 0 20px !important; }
  .elementor-21 .elementor-element-b156993 img { width: 112px !important; }
}

/* Painel */
.jet-mobile-menu-cover { background: rgba(2, 16, 21, .6) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.jet-mobile-menu .jet-mobile-menu__container { width: min(420px, 100vw) !important; max-width: 100vw; box-shadow: 24px 0 60px -20px rgba(0,0,0,.6); }
@media (max-width: 600px) { .jet-mobile-menu .jet-mobile-menu__container { width: 100vw !important; } }
.jet-mobile-menu .jet-mobile-menu__container-inner { display: flex; flex-direction: column; padding: 20px 24px 28px !important; overflow-y: auto;
  background: radial-gradient(ellipse 90% 50% at 0% 0%, rgba(40,72,82,.75), transparent 70%), radial-gradient(ellipse 80% 60% at 100% 100%, #06303b, transparent 75%), #021a22 !important;
  color: #fff; font-family: "Poppins Custom", Poppins, sans-serif; }

/* Topo: marca à esquerda (só no nível de cima), fechar/voltar à direita */
.jet-mobile-menu .jet-mobile-menu__controls { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 44px !important; margin: 0 0 28px !important; padding: 0 !important; }
.jet-mobile-menu .jet-mobile-menu__container-inner:not(:has(.jet-mobile-menu__breadcrumbs)) .jet-mobile-menu__controls::before { content: ""; width: 112px; height: 40px; background: url(/wp-content/uploads/2026/10/trink-logo-branco.png) left center / contain no-repeat; }
.jet-mobile-menu .jet-mobile-menu__back { display: grid !important; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; margin-left: auto; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff !important; cursor: pointer; transition: background .15s; }
.jet-mobile-menu .jet-mobile-menu__back:hover { background: rgba(255,255,255,.16); }
.jet-mobile-menu .jet-mobile-menu__back i { color: #fff !important; font-size: 18px !important; }
.jet-mobile-menu .jet-mobile-menu__breadcrumbs { flex: 1; color: #3ce6f2 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em; text-transform: uppercase; }
.jet-mobile-menu .jet-mobile-menu__breadcrumbs * { color: inherit !important; font: inherit !important; }

/* Itens: grandes, uma linha fina entre eles */
.jet-mobile-menu .jet-mobile-menu__body { flex: 0 0 auto; }
.jet-mobile-menu .jet-mobile-menu__items { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.08); }
.jet-mobile-menu .jet-mobile-menu__item { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08); }
.jet-mobile-menu .jet-mobile-menu__item-inner { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 !important; }
.jet-mobile-menu .jet-mobile-menu__item .mobile-link { flex: 1; display: block; padding: 14px 0 !important; text-decoration: none; }
.jet-mobile-menu .jet-mobile-menu__item .jet-menu-label { color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -.01em; transition: color .15s; }
.jet-mobile-menu .jet-mobile-menu__item:hover .jet-menu-label, .jet-mobile-menu .jet-mobile-menu__item .mobile-link:focus .jet-menu-label { color: #3ce6f2 !important; }
.jet-mobile-menu .jet-mobile-menu__item--active > .jet-mobile-menu__item-inner .jet-menu-label { color: #3ce6f2 !important; }
.jet-mobile-menu .jet-mobile-menu__item .jet-menu-name { display: flex !important; flex-direction: row !important; align-items: center; }
.jet-mobile-menu .jet-mobile-menu__item--active > .jet-mobile-menu__item-inner .jet-menu-name::before { content: ""; flex: 0 0 6px; width: 6px; height: 6px; margin: 0 10px 0 0; border-radius: 50%; background: #3ce6f2; vertical-align: middle; }
.jet-mobile-menu .jet-dropdown-arrow { display: grid !important; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); }
.jet-mobile-menu .jet-dropdown-arrow i { color: #3ce6f2 !important; font-size: 16px !important; }

/* Submenu Catálogo (template 2326), no painel e no dropdown do desktop: botões vermelhos centrados viram lista de downloads em pílula */
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .elementor-element-9066034 { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; padding: 0 !important; background: transparent !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .e-con-inner { gap: 10px !important; padding: 0 !important; align-items: stretch !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .elementor-widget { width: 100% !important; margin: 0 !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .jet-button__container { justify-content: stretch !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(a.jet-button__instance, a.jet-download) { display: flex !important; align-items: center; width: 100% !important; min-height: 60px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.08) !important; box-shadow: none !important; overflow: hidden; transition: background .15s; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(a.jet-button__instance, a.jet-download):hover { background: rgba(255,255,255,.14) !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .jet-button__plane { display: none !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .jet-button__state-hover { display: none !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 .jet-button__state-normal { position: static !important; display: flex !important; align-items: center; justify-content: flex-start !important; width: 100%; gap: 14px; padding: 8px 22px 8px 8px !important; opacity: 1 !important; transform: none !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 a.jet-download { justify-content: flex-start !important; gap: 14px; padding: 8px 22px 8px 8px !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(.jet-button__icon, .jet-download__icon) { display: grid !important; place-items: center; flex: 0 0 44px; width: 44px !important; height: 44px !important; margin: 0 !important; border-radius: 50%; background: #3ce6f2 !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(.jet-button__icon, .jet-download__icon) i { color: #021a22 !important; font-size: 17px !important; }
:is(.jet-mobile-menu, .elementor-element-4e6905b) .elementor-2326 :is(.jet-button__label, .jet-download__label) { color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; text-align: left !important; }

/* Pé do painel (menu.js): atalhos da home */
.trink-menu-pe { display: grid; gap: 10px; margin-top: auto; padding-top: 32px; }
.trink-menu-pe__botao { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 999px; background: #f7391f; color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 15px; font-weight: 600; text-decoration: none; box-shadow: 0 6px 16px -6px rgba(247,57,31,.55); transition: background .15s; }
.trink-menu-pe__botao:hover, .trink-menu-pe__botao:focus { background: #d92a12; color: #fff !important; }
.trink-menu-pe__botao--claro { background: rgba(255,255,255,.1); box-shadow: none; }
.trink-menu-pe__botao--claro:hover, .trink-menu-pe__botao--claro:focus { background: #fff; color: #141414 !important; }
.trink-menu-pe p { margin: 8px 0 0; color: #8fa2a8; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 12px; text-align: center; }

/* Busca no topo do painel (menu.js), só no nível de cima */
.trink-menu-busca { margin: 0 0 24px; }
.jet-mobile-menu__container-inner:has(.jet-mobile-menu__breadcrumbs) .trink-menu-busca { display: none; }
.trink-menu-busca label { display: block; margin: 0 0 8px; color: #3ce6f2; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.trink-menu-busca div { display: flex; align-items: center; height: 52px; padding: 0 6px 0 20px; border-radius: 999px; background: #fff; }
.trink-menu-busca input { flex: 1; min-width: 0; height: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #141414 !important; font-family: "Poppins Custom", Poppins, sans-serif; font-size: 16px; outline: none; }
.trink-menu-busca button { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; margin: 0; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #f7391f !important; color: #fff !important; cursor: pointer; }

/* Subtítulo de cada item do painel (ids do menu 3) */
.jet-mobile-menu :is(.jet-menu-item-594, .jet-menu-item-2325, .jet-menu-item-2462, .jet-menu-item-5483) > .jet-mobile-menu__item-inner .jet-menu-label::after { display: block; margin-top: 3px; color: #8fa2a8; font-size: 13px; font-weight: 400; letter-spacing: 0; }
.jet-mobile-menu .jet-menu-item-594 > .jet-mobile-menu__item-inner .jet-menu-label::after { content: "Pelo carro, código ou nº original"; }
.jet-mobile-menu .jet-menu-item-2325 > .jet-mobile-menu__item-inner .jet-menu-label::after { content: "PDF, instalador Windows ou impresso"; }
.jet-mobile-menu .jet-menu-item-2462 > .jet-mobile-menu__item-inner .jet-menu-label::after { content: "Representantes no seu estado"; }
.jet-mobile-menu .jet-menu-item-5483 > .jet-mobile-menu__item-inner .jet-menu-label::after { content: "Empresa e política da qualidade"; }

/* Desktop: "Buscar tampa" vira o botão laranja, no fim do menu */
.elementor-element-4e6905b .jet-mega-menu-list { align-items: center !important; }
.elementor-element-4e6905b .jet-mega-menu-item__link--top-level .jet-mega-menu-item__label { font-weight: 500 !important; }
.elementor-element-4e6905b .jet-mega-menu-item-594 { order: 99; margin-left: 12px; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__link--top-level { padding: 10px 22px !important; border-radius: 999px !important; background: #f7391f !important; transition: background .15s; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__link--top-level .jet-mega-menu-item__label { color: #fff !important; font-weight: 600; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__link--top-level:hover { background: #d92a12 !important; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__title { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__title::before { content: ""; flex: 0 0 16px; width: 16px; height: 16px; background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23000' stroke-width='2.8'/%3E%3Cpath d='M16.5 16.5 21 21' stroke='%23000' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%23000' stroke-width='2.8'/%3E%3Cpath d='M16.5 16.5 21 21' stroke='%23000' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Desktop: dropdowns (Baixar catálogo e A Trink) no cartão petróleo do painel móvel */
.elementor-element-4e6905b .jet-mega-menu-item--top-level:is(:hover, .jet-mega-menu-item--hover) > .jet-mega-menu-item__inner :is(.jet-mega-menu-item__label, .jet-mega-menu-item__dropdown, .jet-mega-menu-item__dropdown i) { color: #f7391f !important; }
.elementor-element-4e6905b .jet-mega-menu-mega-container { width: 320px !important; padding-top: 10px; background: transparent !important; }
.elementor-element-4e6905b .jet-mega-menu-mega-container__inner { padding: 12px !important; border-radius: 22px; background: #021a22 !important; box-shadow: 0 24px 48px -16px rgba(2,26,34,.55); }
.elementor-element-4e6905b .elementor-2326 :is(a.jet-button__instance, a.jet-download) { min-height: 56px; }
.elementor-element-4e6905b .elementor-2326 :is(.jet-button__label, .jet-download__label) { font-size: 15px !important; }
.elementor-element-4e6905b .jet-mega-menu-sub-menu { padding-top: 10px; background: transparent !important; }
.elementor-element-4e6905b .jet-mega-menu-sub-menu__list { width: 260px !important; padding: 8px !important; border-radius: 18px; background: #021a22 !important; box-shadow: 0 24px 48px -16px rgba(2,26,34,.55); }
.elementor-element-4e6905b .jet-mega-menu-item--sub-level { margin: 0 !important; }
.elementor-element-4e6905b .jet-mega-menu-item__link--sub-level { display: block; padding: 12px 16px !important; border-radius: 12px; background: transparent !important; transition: background .15s; }
.elementor-element-4e6905b .jet-mega-menu-item__link--sub-level .jet-mega-menu-item__label { color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; }
.elementor-element-4e6905b .jet-mega-menu-item__link--sub-level:hover { background: rgba(255,255,255,.08) !important; }
.elementor-element-4e6905b .jet-mega-menu-item__link--sub-level:hover .jet-mega-menu-item__label { color: #3ce6f2 !important; }
.elementor-element-4e6905b .jet-mega-menu-item--sub-level > .jet-mega-menu-item__inner { padding: 0 !important; }
/* A pílula "Buscar tampa" não entra no laranja do hover dos outros itens: escurece o fundo e o texto fica branco */
.elementor-element-4e6905b .jet-mega-menu-list .jet-mega-menu-item-594.jet-mega-menu-item--top-level:is(:hover, .jet-mega-menu-item--hover) .jet-mega-menu-item__label { color: #fff !important; }
.elementor-element-4e6905b .jet-mega-menu-item-594 .jet-mega-menu-item__link--top-level:is(:hover, :focus-visible) { background: #c92c17 !important; box-shadow: 0 6px 16px -6px rgba(247,57,31,.6); }

/* Botões de WhatsApp no verde da referência do Klaus (#07910B; o #25D366 com branco dá contraste 2:1, ilegível): rodapé (template 52), Contato (344) e Representantes */
:is(.elementor-52, .elementor-344) .jet-listing-dynamic-link__link[href*="wa.me"], :is(.elementor-52, .elementor-344) .jet-listing-dynamic-link__link[href*="whatsapp"] { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 28px !important; border: 0 !important; border-radius: 999px !important; background-color: #07910b !important; color: #fff !important; font-family: "Poppins Custom", Poppins, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; box-shadow: 0 6px 16px -6px rgba(7,145,11,.5); transition: background-color .15s, transform .15s; }
:is(.elementor-52, .elementor-344) .jet-listing-dynamic-link__link:is([href*="wa.me"], [href*="whatsapp"]):hover { background-color: #067a09 !important; color: #fff !important; transform: translateY(-1px); }
:is(.elementor-52, .elementor-344) .jet-listing-dynamic-link__link:is([href*="wa.me"], [href*="whatsapp"]) :is(i, svg, .jet-listing-dynamic-link__icon) { color: #fff !important; fill: #fff !important; }

/* Site inteiro: o Safari do iPhone dá zoom ao focar campo com letra abaixo de 16px (formulários do
   JetFormBuilder em Contato e Catálogo físico estão em 14px). Só em tela de toque, pra não mexer no desktop. */
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), select, textarea { font-size: 16px !important; }
}

/* Rodapé: o e-mail não cabe em 320 px (iPhone SE de 1ª geração) e empurrava a página pro lado */
[data-elementor-type="footer"] .jet-listing-dynamic-link__label { overflow-wrap: anywhere; }
@media (max-width: 360px) {
  [data-elementor-type="footer"] .jet-listing-dynamic-link__link { font-size: 14px !important; }
}

/* Celular: texto justificado abre buracos entre as palavras numa coluna estreita (Empresa, Contato,
   Política da qualidade), título encostado na borda (Empresa, Catálogo físico) e a trilha da tampa
   colada na margem com um vão grande até o card */
@media (max-width: 767px) {
  .elementor-element-987ce03, .elementor-element-987ce03 *, .elementor-element-d8c7139, .elementor-element-d8c7139 *,
  .elementor-element-71aa441, .elementor-element-71aa441 * { text-align: left !important; }
  .elementor-element-5259c69, .elementor-element-6560cce { padding-left: 20px !important; padding-right: 20px !important; }
  .elementor-515 .elementor-element-b5e1a03 { padding: 0 20px; font-size: 13px; }
  /* Vão entre a trilha e a foto: era ~70 px de branco (margem da trilha + padding do container + margem da foto). */
  .elementor-515 .elementor-element-51aa786 { margin-top: 12px !important; margin-bottom: 0 !important; }
  .elementor-515 .elementor-element-56d3dd3 > .e-con-inner { padding-top: 0; }
  .elementor-515 .elementor-element-b5e1a01 { margin-top: 16px !important; }
  .elementor-515 .elementor-element-837e92b { --min-height: 0px; min-height: 0 !important; }
}

/* Tabela de aplicação (linha = template 540): código de motor sem espaço ("OM904LA/OM906LA") empurrava a
   página pro lado no celular. Quebra depois da barra (o <wbr> vem do produto.php) e as colunas encolhem. */
.elementor-540 .e-con, .elementor-540 .elementor-widget { min-width: 0; }
.elementor-540 .jet-listing-dynamic-field__content { overflow-wrap: break-word; }
/* Colunas: o ano/motor ocupa o que o texto pede (até 45%) e o modelo fica com o resto; antes era 75/20 fixo. */
.elementor-540 .elementor-element-d649823 > .e-con-inner { gap: 12px; }
.elementor-540 .elementor-element.elementor-element-47f2b85 { width: auto !important; flex: 1 1 0 !important; }
.elementor-540 .elementor-element.elementor-element-25b6eae { width: auto !important; flex: 0 0 auto !important; max-width: 45%; }


/* Tampa: páginas de veículo (inc/veiculos.php) no desenho de "Outras tampas"; nome do veículo é mais longo que o código. */
.trink-outras--veiculos ul { grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr)); }
.trink-outras--veiculos a strong { font-size: 15px; line-height: 1.3; }
@media (max-width: 480px) { .trink-outras--veiculos ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } .trink-outras--veiculos a { padding: 10px 12px; } }

/* Rodapé: e-mail numa linha só; a fonte encolhe com a coluna em vez de quebrar em ".com.br". */
.elementor-element-6bc8f5a .jet-listing-dynamic-link__label { white-space: nowrap; font-size: clamp(13px, 4.2vw, 15px); letter-spacing: -0.01em; }
@media (min-width: 1025px) { .elementor-element-6bc8f5a .jet-listing-dynamic-link__label { font-size: clamp(13px, 1.3vw, 15px); } }