/* theme.css — TEMA "BLOOM" do PUROAPPS.
   Carregado por ultimo (depois do CSS original + custom.css): reskin completo
   sobre a estrutura herdada. Trocar de tema = trocar so este arquivo. */

:root{
  --pa-bg:#fff7f2;        /* fundo quente */
  --pa-ink:#33222a;       /* texto principal (marrom-escuro quente) */
  --pa-mut:#a58a91;       /* texto secundario */
  --pa-line:#f0e2da;      /* divisores */
  --pa-coral:#ff5a5f; --pa-amber:#ff8a3d; --pa-violet:#7b61ff;
  --pa-grad:linear-gradient(135deg,#ff5a5f,#ff8a3d);
  --pa-card:#ffffff;
  --pa-shadow:0 16px 32px -20px rgba(120,60,40,.40);
  --pa-shadow-sm:0 10px 22px -16px rgba(120,60,40,.35);
}

/* ---------- base ---------- */
html, body{ background:var(--pa-bg); color:var(--pa-ink); }
body{ font-family: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif; }
a{ color:var(--pa-coral); }
::selection{ background:#ffe0d3; }

/* ---------- header (layout proprio: logo | busca | Apps/Games) ---------- */
header{ background:var(--pa-bg) !important; border-bottom:none !important; box-shadow:none !important;
  height:auto !important; min-height:62px; display:flex !important; align-items:center; gap:16px; flex-wrap:wrap; }
header .ltr{ flex:0 0 auto; height:auto !important; }
header .ltr #logo{ height:auto !important; }
/* busca = pilula branca com sombra quente, ocupa o meio */
header .field-container{ flex:1 1 220px; min-width:0; max-width:360px; margin:0 !important;
  padding:0; border:0; height:38px; position:relative; }
header .field-container .field{ width:100%; height:100%; box-sizing:border-box; border:0;
  padding:9px 18px; border-radius:24px; background:#fff !important;
  box-shadow:0 10px 22px -12px rgba(255,90,95,.35) !important; color:var(--pa-ink); font-size:14px; }
header .field-container .field::placeholder{ color:#c8b0b6; }
header .rtl{ flex:0 0 auto; display:flex; align-items:center; gap:18px; margin-left:auto; }
header .rtl a{ color:#9a7f86; font-weight:600; }
header .rtl a:hover{ color:var(--pa-coral); }

/* Mobile: logo + Apps/Games em cima; busca em linha propria (largura total) */
@media (max-width:640px){
  header{ row-gap:11px; padding-top:12px !important; padding-bottom:12px !important;
    padding-left:14px !important; padding-right:14px !important; }
  header .ltr{ order:1; }
  header .rtl{ order:2; margin-left:auto; gap:16px; }
  header .field-container{ order:3; flex-basis:100%; max-width:none; }
}
@media (max-width:900px){
  header{ padding-left:16px; padding-right:16px; }
}

/* logo: PURO em gradiente coral, APPS no ink quente */
.brand .brand-a{ background:var(--pa-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:var(--pa-coral); }
.brand .brand-b{ color:var(--pa-ink); }
.brand-svg{ filter:drop-shadow(0 4px 9px rgba(255,90,95,.40)); }

/* ---------- titulos de secao ---------- */
.section-header h2, .choice-header .header-title, .header-title,
#main .section h5, .legal-page h1{ color:var(--pa-ink); }
.section-header h2, .choice-header .header-title{ font-weight:800; letter-spacing:-.01em; }
.section-header a, .choice-header a{ color:var(--pa-coral) !important; font-weight:700; }
.section-header a svg path{ stroke:var(--pa-coral); }
.section-header{ border-bottom-color:var(--pa-line) !important; }

/* ---------- grade de apps (Hot Apps / busca / categoria) = cards brancos ---------- */
.trending-apps .section-content{
  grid-template-columns:repeat(var(--section-column), 1fr) !important; gap:11px; padding:6px 2px 2px; }
.trending-apps .section-content li{
  background:var(--pa-card); border-radius:18px; box-shadow:var(--pa-shadow-sm);
  padding:11px 9px 13px; transition:transform .25s ease, box-shadow .25s ease; }
.trending-apps .section-content li:hover{ transform:translateY(-3px); box-shadow:var(--pa-shadow); }
.card-vertical .icon, .card .icon .image-box{ border-radius:18px; }
.card .information-text .title{ color:var(--pa-ink); font-weight:800; }
.card .information-text .developer{ color:var(--pa-mut); }
.card .grade .score{ color:#c65a2a; font-weight:700; }

@media (max-width:640px){
  .trending-apps .section-content{ gap:8px; }
  .trending-apps .section-content li{ padding:8px 7px 10px; border-radius:15px; }
}

/* ---------- Hot Categories = tiles arredondados na paleta Bloom ---------- */
.top-category .section-content{ gap:12px !important; }
.top-category .category-item{ border-radius:16px !important;
  transition:transform .25s ease, box-shadow .25s ease !important; }
.top-category .category-item:hover{ transform:translateY(-3px) !important; }
.top-category .category-name{ font-weight:700; }
/* 10 cores Bloom (coral -> ambar -> rosa -> violeta, + 2 acentos frios) */
.top-category .category-item:nth-child(1){ background:#ff5a5f !important; box-shadow:0 10px 20px -10px rgba(255,90,95,.6) !important; }   /* Social */
.top-category .category-item:nth-child(2){ background:#ff8a3d !important; box-shadow:0 10px 20px -10px rgba(255,138,61,.6) !important; }  /* Sports */
.top-category .category-item:nth-child(3){ background:#7b61ff !important; box-shadow:0 10px 20px -10px rgba(123,97,255,.6) !important; }  /* Finance */
.top-category .category-item:nth-child(4){ background:#ff5a95 !important; box-shadow:0 10px 20px -10px rgba(255,90,149,.6) !important; }  /* Productivity */
.top-category .category-item:nth-child(5){ background:#ffa62b !important; box-shadow:0 10px 20px -10px rgba(255,166,43,.6) !important; }  /* Shopping */
.top-category .category-item:nth-child(6){ background:#ff4d6d !important; box-shadow:0 10px 20px -10px rgba(255,77,109,.6) !important; }  /* Health & Fitness */
.top-category .category-item:nth-child(7){ background:#9b5de5 !important; box-shadow:0 10px 20px -10px rgba(155,93,229,.6) !important; }  /* Video Players & Editors */
.top-category .category-item:nth-child(8){ background:#18c2c9 !important; box-shadow:0 10px 20px -10px rgba(24,194,201,.6) !important; }  /* Lifestyle (acento teal) */
.top-category .category-item:nth-child(9){ background:#5a6cff !important; box-shadow:0 10px 20px -10px rgba(90,108,255,.6) !important; }  /* Business (acento indigo) */
.top-category .category-item:nth-child(10){ background:#ff6f91 !important; box-shadow:0 10px 20px -10px rgba(255,111,145,.6) !important; } /* Food & Drink */

/* ---------- Editor Choice ---------- */
.choice-content{ border-radius:20px !important; box-shadow:var(--pa-shadow); overflow:hidden; }
.choice-content li{ transition:background .2s ease; }
.choice-content li:hover{ background:#fff4ee; }
.choice-content li .sequence{ color:#e2bfae; font-weight:800; }
.choice-content li:nth-child(1) .sequence{ color:var(--pa-coral) !important; }
.choice-content li:nth-child(2) .sequence{ color:var(--pa-amber) !important; }
.choice-content li:nth-child(3) .sequence{ color:var(--pa-violet) !important; }

/* ---------- paginas de app/detalhe/download: secoes viram cards ---------- */
#main .section, #aside .like-container{
  background:var(--pa-card); border-radius:20px; box-shadow:var(--pa-shadow-sm);
  padding:16px 18px; margin:0; }
#main #info-card{ padding:18px; }
.info-main .app-info .title{ color:var(--pa-ink); }
.info-main .app-info .grade .score-number{ color:var(--pa-coral) !important; }
#main #stat .stat-list{ border-color:var(--pa-line) !important; }
.review-content{ color:#5a4a50; }
.review-content li{ color:#6a565d; }

/* botoes de download (pagina detalhe) = pilula coral / secundario ink */
.download-btns .download-page{ border-radius:26px !important; }
.download-btns .download-btn{ background:var(--pa-grad) !important; color:#fff !important;
  box-shadow:0 12px 22px -10px rgba(255,90,95,.5) !important; }
.download-btns .download-history{ background:#fff !important; color:var(--pa-ink) !important;
  border:2px solid var(--pa-line) !important; }
.download-btns .download-page .download-text{ font-weight:800; }

/* botoes de loja (pagina download): pilula; Google coral, Apple ink ---------- */
#main #download a{ border-radius:26px !important; height:44px !important; }
#main #download .google-download{ background:var(--pa-grad) !important; }
#main #download .google-download svg g:not(.icon) path{ fill:#fff !important; }
#main #download .apple-download{ background:var(--pa-ink) !important; }
#main #download .apple-download.disable{ background:#e9dcd6 !important; opacity:1 !important; }

/* screenshots com cantos arredondados */
#screenshots .swiper-slide img.image-content{ border-radius:16px !important; border:none !important; }

/* FAQ (App Download Information) */
#faq .faq-q{ color:var(--pa-ink); }
#faq .faq-a{ color:#5a4a50; }
#faq .faq-intro{ color:var(--pa-mut); }

/* recomendados / like-list: cantos e hover coerentes */
.recommend-list li:hover{ border-color:var(--pa-coral) !important; background:#fff4ee !important; }
.recommend-list li:hover .card .title{ color:var(--pa-coral) !important; }
.like-list li:hover{ border-color:var(--pa-coral) !important; background:#fff4ee !important; }

/* ---------- paginas institucionais ---------- */
.legal-page{ box-shadow:var(--pa-shadow); }
.legal-body h2{ color:var(--pa-ink); }
.legal-body a{ color:var(--pa-coral); }
.legal-body .contact-btn{ background:var(--pa-grad) !important; }
.legal-body .contact-btn:hover{ filter:brightness(1.05); }

/* ---------- rodape ---------- */
footer{ background:var(--pa-bg) !important; }
footer .info .info-group a{ color:#6a565d; }
footer .info .info-group a:hover{ color:var(--pa-coral); }
footer .desc h5, footer .desc p{ color:#6a565d; }

/* ---------- responsividade (corrige o padding lateral gigante herdado) ---------- */
/* o #app tinha min 36px de padding lateral ate no mobile; damos mais largura ao conteudo */
@media (max-width:900px){
  #app{ padding-left:20px !important; padding-right:20px !important; }
}
@media (max-width:640px){
  #app{ padding-left:12px !important; padding-right:12px !important; padding-top:14px !important; }
  #main .section, #aside .like-container{ padding:13px 13px; border-radius:16px; }
  #main #download{ column-gap:8px; }
}
/* itens do grid podem encolher (evita coluna estourada por nome longo) */
.trending-apps .section-content li{ min-width:0; }
.trending-apps .section-content .information,
.trending-apps .section-content .information-text{ min-width:0; max-width:100%; }

/* ---------- acessibilidade ---------- */
a:focus-visible, .card:focus-visible, button:focus-visible{
  outline:3px solid rgba(255,90,95,.55); outline-offset:2px; border-radius:8px; }
@media (prefers-reduced-motion: reduce){
  .trending-apps .section-content li, .top-category .category-item{ transition:none !important; }
}