/* ==========================================================
   PedidoPop — VARIABLES.CSS
   Painel mestre visual da loja pública /loja/{slug}

   Para ajustar pelo cPanel, edite este arquivo primeiro.
   A maioria dos tamanhos da loja usa as variáveis abaixo.
   ========================================================== */

body.pp-store-body{
  /* Container */
  --pp-store-max-width:760px;
  --pp-page-pad-x:12px;
  --pp-page-pad-top:12px;
  --pp-page-pad-bottom:132px;

  /* Raios oficiais */
  --pp-radius-header:18px;
  --pp-radius-info:14px;
  --pp-radius-card:16px;
  --pp-radius-photo:14px;
  --pp-radius-button:14px;
  --pp-radius-badge:8px;
  --pp-radius-cart:16px;
  --pp-radius-modal:16px;
  --pp-radius-input:10px;

  /* Header */
  --pp-header-pad-top:20px;
  --pp-header-pad-x:14px;
  --pp-header-pad-bottom:14px;
  --pp-header-gap:18px;
  --pp-logo-size:74px;
  --pp-logo-radius:999px;
  --pp-logo-margin-bottom:8px;
  --pp-status-height:28px;
  --pp-status-pad-x:12px;

  /* Info cards do header */
  --pp-info-height:40px;
  --pp-info-gap:8px;
  --pp-info-pad-y:7px;
  --pp-info-pad-x:10px;
  --pp-info-icon-size:17px;

  /* Categorias */
  --pp-cat-gap:22px;
  --pp-cat-pad-top:11px;
  --pp-cat-pad-bottom:14px;
  --pp-cat-underline:3px;

  /* Produtos */
  --pp-card-gap:12px;
  --pp-card-pad:12px;
  --pp-card-min-height:124px;
  --pp-photo-size:104px;
  --pp-action-width:118px;
  --pp-action-height:46px;

  /* Badges */
  --pp-badge-height:20px;
  --pp-badge-pad-x:7px;
  --pp-badge-top:6px;
  --pp-badge-left:6px;
  --pp-badge-gap:4px;
  --pp-badge-opacity:.88;
  --pp-badge-promo-max:84px;
  --pp-badge-suggestion-max:116px;

  /* Botões e quantidade */
  --pp-button-pad-x:14px;
  --pp-qty-button-width:36px;

  /* Carrinho fixo */
  --pp-cart-height:68px;
  --pp-cart-pad-y:13px;
  --pp-cart-pad-x:16px;
  --pp-cart-bottom:16px;
  --pp-cart-counter-size:46px;

  /* Tipografia */
  --pp-font-store:34px;
  --pp-font-subtitle:14px;
  --pp-font-status:13px;
  --pp-font-info:12px;
  --pp-font-category:16px;
  --pp-font-section:25px;
  --pp-font-product:18px;
  --pp-font-desc:13px;
  --pp-font-old-price:12px;
  --pp-font-price:20px;
  --pp-font-saving:12px;
  --pp-font-button:14px;
  --pp-font-qty:15px;
  --pp-font-cart:18px;
  --pp-font-cart-total:18px;
  --pp-font-badge:10px;
  --pp-font-badge-icon:9px;

  /* Cores herdadas do tema selecionado */
  --pp-bg:var(--pp-store-bg,#06140d);
  --pp-text:var(--pp-store-text,#fff);
  --pp-muted:var(--pp-store-muted,rgba(255,255,255,.76));
  --pp-accent:var(--pp-store-accent,#22c55e);
  --pp-btn:var(--pp-store-btn,var(--pp-grad,linear-gradient(90deg,#0b5a33,#38b978,#0b5a33)));
  --pp-shadow-theme:var(--pp-store-btn-shadow,rgba(16,122,73,.20));

  /* Sombras */
  --pp-shadow-card:0 8px 20px rgba(0,0,0,.08);
  --pp-shadow-soft:0 6px 16px rgba(0,0,0,.12);
  --pp-shadow-header:0 8px 22px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.10);
  --pp-shadow-photo:0 4px 12px rgba(0,0,0,.10);
  --pp-shadow-button:0 7px 16px var(--pp-shadow-theme);
  --pp-shadow-cart:0 10px 24px var(--pp-shadow-theme),0 4px 10px rgba(0,0,0,.14);
}

@media(max-width:700px){
  body.pp-store-body{
    --pp-page-pad-x:10px;
    --pp-page-pad-top:10px;
    --pp-header-pad-top:18px;
    --pp-header-pad-x:12px;
    --pp-header-pad-bottom:13px;
    --pp-radius-header:16px;
    --pp-logo-size:68px;
    --pp-info-height:38px;
    --pp-info-pad-y:6px;
    --pp-info-pad-x:8px;
    --pp-cat-gap:20px;
    --pp-cat-pad-top:10px;
    --pp-cat-pad-bottom:13px;
    --pp-card-gap:9px;
    --pp-card-pad:10px;
    --pp-card-min-height:116px;
    --pp-photo-size:96px;
    --pp-action-width:102px;
    --pp-action-height:40px;
    --pp-qty-button-width:30px;
    --pp-badge-height:19px;
    --pp-badge-pad-x:6px;
    --pp-badge-opacity:.86;
    --pp-cart-height:64px;
    --pp-cart-pad-y:12px;
    --pp-cart-pad-x:14px;
    --pp-cart-bottom:14px;
    --pp-radius-cart:15px;
    --pp-font-store:30px;
    --pp-font-subtitle:13px;
    --pp-font-info:11px;
    --pp-font-category:15px;
    --pp-font-section:24px;
    --pp-font-product:17px;
    --pp-font-desc:11.5px;
    --pp-font-old-price:11px;
    --pp-font-price:19px;
    --pp-font-saving:11.5px;
    --pp-font-button:12px;
    --pp-font-qty:13px;
    --pp-font-cart:16px;
    --pp-font-cart-total:16px;
    --pp-font-badge:9px;
  }
}

@media(max-width:390px){
  body.pp-store-body{
    --pp-logo-size:64px;
    --pp-info-height:36px;
    --pp-info-icon-size:15px;
    --pp-card-gap:8px;
    --pp-card-pad:9px;
    --pp-card-min-height:108px;
    --pp-photo-size:88px;
    --pp-action-width:84px;
    --pp-action-height:38px;
    --pp-qty-button-width:28px;
    --pp-badge-height:18px;
    --pp-badge-pad-x:5px;
    --pp-badge-top:5px;
    --pp-badge-left:5px;
    --pp-font-store:27px;
    --pp-font-subtitle:12px;
    --pp-font-info:10px;
    --pp-font-category:14px;
    --pp-font-section:23px;
    --pp-font-product:16px;
    --pp-font-desc:10.5px;
    --pp-font-price:18px;
    --pp-font-saving:10.5px;
    --pp-font-button:11px;
    --pp-font-cart:15px;
    --pp-font-cart-total:15px;
    --pp-font-badge:8.5px;
  }
}