/*
Theme Name: Seisbrasil Child
Theme URI: https://scripts.seisbrasil.com/
Author: SeisBrasil-Scripts
Author URI: https://scripts.seisbrasil.com/
Description: O script de anúncios classificados mais flexível do momento.
Template: seisbrasil
Version: 1.0
Tags: site de classificados, anúncios grátis e pagos, anúncios em destaque, carrossel premium, contato direto whatsapp
Text Domain: seisbrasil
*/

/* // INICIO BOTÃO PWA // */

/* INICIO Botão - Android */

/* Desktop - Android */
#pwa-install-btn-android {
  position: fixed;
  bottom: calc(20px + env(safe-area-inset-bottom));      /* respeita área segura do iOS */
  left: calc(20px + env(safe-area-inset-left));
  z-index: 9999;

  background: #343434;
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  -webkit-tap-highlight-color: transparent;      /* iOS: remove highlight */
}

/* Mobile/Tablet Android */
@media (max-width: 991px) {
  #pwa-install-btn-android {
    bottom: calc(250px + env(safe-area-inset-bottom));
    left: 0;
    transform: rotate(90deg);      /* mantém o estilo aba */
    transform-origin: bottom left;      /* fixa o giro no canto inferior esquerdo */
    border-radius: 8px 8px 0 0;
    padding: 8px 17px;
  }
}
/* FIM Botão - Android */

/* Inicio Botão - iOS */
#pwa-install-btn-ios {
  position: fixed;
  bottom: calc(250px + env(safe-area-inset-bottom));
  left: 0;
  z-index: 9999;

  background: #343434;
  color: #fff;
  border: none;
  padding: 8px 17px;
  font-size: 15px;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  transform: rotate(90deg);
  transform-origin: bottom left;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
  display: none; /* será exibido só via JS */
}

/* Caixa de instrução iOS */
#pwa-ios-hint {
  position: fixed;
  bottom: calc(80px + env(safe-area-inset-bottom));
  left: 40px;
  background: #343434;
  color: #fff;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 14px;
  z-index: 10000;
  display: none;
  max-width: 280px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

#pwa-ios-close {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
}
/* FIM Botão - iOS */

/* // FIM BOTÃO PWA // */