/* ============================================================
   temas.css — VARIAÇÕES DE TEMA POR SEGMENTO
   
   Como usar no PHP:
   $tema = $cliente['ds_tema'] ?? 'ifood';
   <body class="tema-<?= $tema ?>">

   Temas disponíveis:
   tema-ifood       → vermelho iFood (padrão)
   tema-marmitex    → bege/dourado
   tema-hamburgueria→ laranja queimado
   tema-pizza       → verde manjericão
   tema-japones     → vermelho oriental + preto
   tema-italiana    → verde oliva + vinho
   tema-fitness     → verde limão + cinza escuro
   tema-arabe       → dourado + marrom
   tema-mexicana    → laranja + terracota
   tema-salgados    → amarelo mostarda
   tema-acai        → roxo
   tema-bebidas     → azul gelado
   tema-gas         → azul céu + cinza
   tema-padaria     → marrom canela
   tema-farmacia    → verde saúde
   tema-petshop     → laranja amigável
   tema-perfumaria  → rosa rosê
   tema-floricultura→ rosa pink + verde
   tema-suplemento  → azul cobalto + amarelo
   tema-sorveteria  → rosa pastel
   tema-chinese     → vermelho + dourado
   tema-doceria     → rosa chiclete
   tema-hortifruti  → verde folha
   tema-peixaria    → azul oceano
   ============================================================ */

/* ── iFood (padrão) ─────────────────────────────────────── */
.tema-ifood {
    --cor-primaria:     #EA1D2C;
    --cor-primaria-rgb: 234, 29, 44;
    --cor-hover:        #d01725;
    --cor-active:       #b81320;
    --cor-hover-bg:     #ffecee;
    --cor-hover-nav:    #ffe6e9;
    --cor-icon-bg:      #fff0f1;
    --cor-sombra:       rgba(234, 29, 44, 0.35);
    --cor-sombra-forte: rgba(234, 29, 44, 0.5);
}

/* ── Marmitex ───────────────────────────────────────────── */
/* Bege dourado, remetendo a marmitas caseiras e comida quentinha */
.tema-marmitex {
    --cor-primaria:     #A0522D;
    --cor-primaria-rgb: 160, 82, 45;
    --cor-hover:        #8B4513;
    --cor-active:       #6F370F;
    --cor-hover-bg:     #fdf3e3;
    --cor-hover-nav:    #faebd7;
    --cor-icon-bg:      #fdf3e3;
    --cor-sombra:       rgba(160, 82, 45, 0.35);
    --cor-sombra-forte: rgba(160, 82, 45, 0.5);
}

/* ── Hamburgueria ───────────────────────────────────────── */
/* Laranja queimado, remetendo a grelhados e brasa */
.tema-hamburgueria {
    --cor-primaria:     #E65100;
    --cor-primaria-rgb: 230, 81, 0;
    --cor-hover:        #cc4700;
    --cor-active:       #b33d00;
    --cor-hover-bg:     #fff3e0;
    --cor-hover-nav:    #ffe0b2;
    --cor-icon-bg:      #fff3e0;
    --cor-sombra:       rgba(230, 81, 0, 0.35);
    --cor-sombra-forte: rgba(230, 81, 0, 0.5);
}

/* ── Pizzaria ───────────────────────────────────────────── */
/* Verde manjericão italiano */
.tema-pizza {
    --cor-primaria:     #2E7D32;
    --cor-primaria-rgb: 46, 125, 50;
    --cor-hover:        #256427;
    --cor-active:       #1b4d1d;
    --cor-hover-bg:     #e8f5e9;
    --cor-hover-nav:    #d0edda;
    --cor-icon-bg:      #e8f5e9;
    --cor-sombra:       rgba(46, 125, 50, 0.35);
    --cor-sombra-forte: rgba(46, 125, 50, 0.5);
}

/* ── Japonês ─────────────────────────────────────────────── */
/* Vermelho oriental, sóbrio e elegante */
.tema-japones {
    --cor-primaria:     #C62828;
    --cor-primaria-rgb: 198, 40, 40;
    --cor-hover:        #ad2222;
    --cor-active:       #8e1b1b;
    --cor-hover-bg:     #fce8e8;
    --cor-hover-nav:    #fad6d6;
    --cor-icon-bg:      #fce8e8;
    --cor-sombra:       rgba(198, 40, 40, 0.35);
    --cor-sombra-forte: rgba(198, 40, 40, 0.5);
}

/* ── Italiana ───────────────────────────────────────────── */
/* Vinho tinto, sofisticado como a culinária italiana */
.tema-italiana {
    --cor-primaria:     #7B1FA2;
    --cor-primaria-rgb: 123, 31, 162;
    --cor-hover:        #6a1b8f;
    --cor-active:       #57157a;
    --cor-hover-bg:     #f3e5f5;
    --cor-hover-nav:    #ead5f5;
    --cor-icon-bg:      #f3e5f5;
    --cor-sombra:       rgba(123, 31, 162, 0.35);
    --cor-sombra-forte: rgba(123, 31, 162, 0.5);
}

/* ── Fitness ─────────────────────────────────────────────── */
/* Verde limão vibrante, energia e saúde */
.tema-fitness {
    --cor-primaria:     #558B2F;
    --cor-primaria-rgb: 85, 139, 47;
    --cor-hover:        #477526;
    --cor-active:       #38601e;
    --cor-hover-bg:     #f1f8e9;
    --cor-hover-nav:    #dcedc8;
    --cor-icon-bg:      #f1f8e9;
    --cor-sombra:       rgba(85, 139, 47, 0.35);
    --cor-sombra-forte: rgba(85, 139, 47, 0.5);
}

/* ── Árabe ───────────────────────────────────────────────── */
/* Dourado e especiarias, remetendo ao Oriente Médio */
.tema-arabe {
    --cor-primaria:     #F57F17;
    --cor-primaria-rgb: 245, 127, 23;
    --cor-hover:        #e06c0f;
    --cor-active:       #c45a08;
    --cor-hover-bg:     #fff8e1;
    --cor-hover-nav:    #ffecb3;
    --cor-icon-bg:      #fff8e1;
    --cor-sombra:       rgba(245, 127, 23, 0.35);
    --cor-sombra-forte: rgba(245, 127, 23, 0.5);
}

/* ── Mexicana ────────────────────────────────────────────── */
/* Terracota vibrante, festivo e colorido */
.tema-mexicana {
    --cor-primaria:     #BF360C;
    --cor-primaria-rgb: 191, 54, 12;
    --cor-hover:        #a52e09;
    --cor-active:       #8a2607;
    --cor-hover-bg:     #fbe9e7;
    --cor-hover-nav:    #f5c9bf;
    --cor-icon-bg:      #fbe9e7;
    --cor-sombra:       rgba(191, 54, 12, 0.35);
    --cor-sombra-forte: rgba(191, 54, 12, 0.5);
}

/* ── Salgados ────────────────────────────────────────────── */
/* Amarelo mostarda, quentinho e apetitoso */
.tema-salgados {
    --cor-primaria:     #F9A825;
    --cor-primaria-rgb: 249, 168, 37;
    --cor-hover:        #e09620;
    --cor-active:       #c5831a;
    --cor-hover-bg:     #fffde7;
    --cor-hover-nav:    #fff9c4;
    --cor-icon-bg:      #fffde7;
    --cor-sombra:       rgba(249, 168, 37, 0.35);
    --cor-sombra-forte: rgba(249, 168, 37, 0.5);
}

/* ── Açaí ────────────────────────────────────────────────── */
/* Roxo profundo, cor característica do açaí */
.tema-acai {
    --cor-primaria:     #6A1B9A;
    --cor-primaria-rgb: 106, 27, 154;
    --cor-hover:        #5c1786;
    --cor-active:       #4a1269;
    --cor-hover-bg:     #f3e5f5;
    --cor-hover-nav:    #e1bee7;
    --cor-icon-bg:      #f3e5f5;
    --cor-sombra:       rgba(106, 27, 154, 0.35);
    --cor-sombra-forte: rgba(106, 27, 154, 0.5);
}

/* ── Bebidas / Conveniência ──────────────────────────────── */
/* Azul gelado, refrescante como uma bebida gelada */
.tema-bebidas {
    --cor-primaria:     #0277BD;
    --cor-primaria-rgb: 2, 119, 189;
    --cor-hover:        #0265a0;
    --cor-active:       #015488;
    --cor-hover-bg:     #e3f2fd;
    --cor-hover-nav:    #bbdefb;
    --cor-icon-bg:      #e3f2fd;
    --cor-sombra:       rgba(2, 119, 189, 0.35);
    --cor-sombra-forte: rgba(2, 119, 189, 0.5);
}

/* ── Gás / Água ──────────────────────────────────────────── */
/* Azul céu claro, limpo e confiável */
.tema-gas {
    --cor-primaria:     #0288D1;
    --cor-primaria-rgb: 2, 136, 209;
    --cor-hover:        #0275b5;
    --cor-active:       #016296;
    --cor-hover-bg:     #e1f5fe;
    --cor-hover-nav:    #b3e5fc;
    --cor-icon-bg:      #e1f5fe;
    --cor-sombra:       rgba(2, 136, 209, 0.35);
    --cor-sombra-forte: rgba(2, 136, 209, 0.5);
}

/* ── Padaria ─────────────────────────────────────────────── */
/* Marrom canela, quentinho como pão saindo do forno */
.tema-padaria {
    --cor-primaria:     #795548;
    --cor-primaria-rgb: 121, 85, 72;
    --cor-hover:        #6a4a3e;
    --cor-active:       #573d33;
    --cor-hover-bg:     #efebe9;
    --cor-hover-nav:    #d7ccc8;
    --cor-icon-bg:      #efebe9;
    --cor-sombra:       rgba(121, 85, 72, 0.35);
    --cor-sombra-forte: rgba(121, 85, 72, 0.5);
}

/* ── Farmácia ─────────────────────────────────────────────── */
/* Verde saúde, transmitindo confiança e bem-estar */
.tema-farmacia {
    --cor-primaria:     #00897B;
    --cor-primaria-rgb: 0, 137, 123;
    --cor-hover:        #00796B;
    --cor-active:       #00675A;
    --cor-hover-bg:     #e0f2f1;
    --cor-hover-nav:    #b2dfdb;
    --cor-icon-bg:      #e0f2f1;
    --cor-sombra:       rgba(0, 137, 123, 0.35);
    --cor-sombra-forte: rgba(0, 137, 123, 0.5);
}

/* ── Pet Shop ─────────────────────────────────────────────── */
/* Laranja amigável e alegre, remetendo ao carinho com animais */
.tema-petshop {
    --cor-primaria:     #FF7043;
    --cor-primaria-rgb: 255, 112, 67;
    --cor-hover:        #e8622f;
    --cor-active:       #cc5220;
    --cor-hover-bg:     #fbe9e7;
    --cor-hover-nav:    #ffccbc;
    --cor-icon-bg:      #fbe9e7;
    --cor-sombra:       rgba(255, 112, 67, 0.35);
    --cor-sombra-forte: rgba(255, 112, 67, 0.5);
}

/* ── Perfumaria ───────────────────────────────────────────── */
/* Rosa rosê sofisticado, elegante e feminino */
.tema-perfumaria {
    --cor-primaria:     #AD1457;
    --cor-primaria-rgb: 173, 20, 87;
    --cor-hover:        #96114c;
    --cor-active:       #7d0e3f;
    --cor-hover-bg:     #fce4ec;
    --cor-hover-nav:    #f8bbd0;
    --cor-icon-bg:      #fce4ec;
    --cor-sombra:       rgba(173, 20, 87, 0.35);
    --cor-sombra-forte: rgba(173, 20, 87, 0.5);
}

/* ── Floricultura ─────────────────────────────────────────── */
/* Rosa pink vibrante, flores e natureza */
.tema-floricultura {
    --cor-primaria:     #E91E8C;
    --cor-primaria-rgb: 233, 30, 140;
    --cor-hover:        #d01880;
    --cor-active:       #b5146e;
    --cor-hover-bg:     #fce4f4;
    --cor-hover-nav:    #f8bfe6;
    --cor-icon-bg:      #fce4f4;
    --cor-sombra:       rgba(233, 30, 140, 0.35);
    --cor-sombra-forte: rgba(233, 30, 140, 0.5);
}

/* ── Suplemento Alimentar ─────────────────────────────────── */
/* Azul cobalto forte, energia e performance */
.tema-suplemento {
    --cor-primaria:     #1565C0;
    --cor-primaria-rgb: 21, 101, 192;
    --cor-hover:        #1255a4;
    --cor-active:       #0e4588;
    --cor-hover-bg:     #e3f2fd;
    --cor-hover-nav:    #bbdefb;
    --cor-icon-bg:      #e3f2fd;
    --cor-sombra:       rgba(21, 101, 192, 0.35);
    --cor-sombra-forte: rgba(21, 101, 192, 0.5);
}

/* ── Sorveteria ───────────────────────────────────────────── */
/* Rosa pastel doce, refrescante e divertido */
.tema-sorveteria {
    --cor-primaria:     #EC407A;
    --cor-primaria-rgb: 236, 64, 122;
    --cor-hover:        #d43570;
    --cor-active:       #ba2960;
    --cor-hover-bg:     #fce4ec;
    --cor-hover-nav:    #f48fb1;
    --cor-icon-bg:      #fce4ec;
    --cor-sombra:       rgba(236, 64, 122, 0.35);
    --cor-sombra-forte: rgba(236, 64, 122, 0.5);
}

/* ── Culinária Chinesa ────────────────────────────────────── */
/* Vermelho imperial + toque dourado */
.tema-chinese {
    --cor-primaria:     #B71C1C;
    --cor-primaria-rgb: 183, 28, 28;
    --cor-hover:        #9f1818;
    --cor-active:       #871414;
    --cor-hover-bg:     #ffebee;
    --cor-hover-nav:    #ffcdd2;
    --cor-icon-bg:      #ffebee;
    --cor-sombra:       rgba(183, 28, 28, 0.35);
    --cor-sombra-forte: rgba(183, 28, 28, 0.5);
}

/* ── Doceria / Confeitaria ────────────────────────────────── */
/* Rosa chiclete alegre, doce e convidativo */
.tema-doceria {
    --cor-primaria:     #D81B60;
    --cor-primaria-rgb: 216, 27, 96;
    --cor-hover:        #bf1754;
    --cor-active:       #a51447;
    --cor-hover-bg:     #fce4ec;
    --cor-hover-nav:    #f9b8d0;
    --cor-icon-bg:      #fce4ec;
    --cor-sombra:       rgba(216, 27, 96, 0.35);
    --cor-sombra-forte: rgba(216, 27, 96, 0.5);
}

/* ── Hortifruti ───────────────────────────────────────────── */
/* Verde folha fresco, natural e saudável */
.tema-hortifruti {
    --cor-primaria:     #388E3C;
    --cor-primaria-rgb: 56, 142, 60;
    --cor-hover:        #2e7a32;
    --cor-active:       #256528;
    --cor-hover-bg:     #e8f5e9;
    --cor-hover-nav:    #c8e6c9;
    --cor-icon-bg:      #e8f5e9;
    --cor-sombra:       rgba(56, 142, 60, 0.35);
    --cor-sombra-forte: rgba(56, 142, 60, 0.5);
}

/* ── Peixaria / Frutos do Mar ─────────────────────────────── */
/* Azul oceano profundo, fresco e marítimo */
.tema-peixaria {
    --cor-primaria:     #0277BD;
    --cor-primaria-rgb: 2, 119, 189;
    --cor-hover:        #01669e;
    --cor-active:       #015584;
    --cor-hover-bg:     #e1f5fe;
    --cor-hover-nav:    #b3e5fc;
    --cor-icon-bg:      #e1f5fe;
    --cor-sombra:       rgba(2, 119, 189, 0.35);
    --cor-sombra-forte: rgba(2, 119, 189, 0.5);
}