/**
 * @package           PPI_Click_To_Chat
 * @author            Hari Seldon (via Multivac)
 * @version           1.1.15 (2025-10-23 23:10:00 ART)
 * @purpose           Hoja de estilos principal (Front-end) para PPI Click to Chat Button.
 * @last_update       REFACTOR: Reaplicado renombrado y limpieza post-refactor.
 */
:root { --ppi-ctc-icon-color: #25D366; --ppi-ctc-icon-size: 50px; --ppi-ctc-label-color: #333333; --ppi-ctc-label-size: 14px; }
.ppi-ctc-container { position: fixed; z-index: 9999; display: flex; align-items: center; gap: 10px; }
.ppi-ctc-button { display: flex; align-items: center; justify-content: center; width: var(--ppi-ctc-icon-size); height: var(--ppi-ctc-icon-size); border-radius: 50%; background-color: var(--ppi-ctc-icon-color); color: #fff; text-decoration: none; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.ppi-ctc-button:hover { transform: scale(1.05); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); }
.ppi-ctc-button svg { width: 60%; height: 60%; fill: currentColor; }
.ppi-ctc-button .dashicons-format-chat { font-size: calc(var(--ppi-ctc-icon-size) * 0.6); width: auto; height: auto; line-height: 1; }
.ppi-ctc-label { background-color: rgba(255, 255, 255, 0.9); color: var(--ppi-ctc-label-color); font-size: var(--ppi-ctc-label-size); padding: 5px 10px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); white-space: nowrap; }
.ppi-ctc-container { --offset: 20px; }
.ppi-ctc-container.position-top-left   { top: var(--offset); left: var(--offset); }
.ppi-ctc-container.position-top-center { top: var(--offset); left: 50%; transform: translateX(-50%); }
.ppi-ctc-container.position-top-right  { top: var(--offset); right: var(--offset); }
.ppi-ctc-container.position-middle-left   { top: 50%; left: var(--offset); transform: translateY(-50%); }
.ppi-ctc-container.position-middle-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ppi-ctc-container.position-middle-right  { top: 50%; right: var(--offset); transform: translateY(-50%); }
.ppi-ctc-container.position-bottom-left   { bottom: var(--offset); left: var(--offset); }
.ppi-ctc-container.position-bottom-center { bottom: var(--offset); left: 50%; transform: translateX(-50%); }
.ppi-ctc-container.position-bottom-right  { bottom: var(--offset); right: var(--offset); }
.ppi-ctc-container { flex-direction: row; }
.ppi-ctc-container.position-top-left,
.ppi-ctc-container.position-middle-left,
.ppi-ctc-container.position-bottom-left { flex-direction: row-reverse; }
.ppi-ctc-container.position-top-center,
.ppi-ctc-container.position-middle-center,
.ppi-ctc-container.position-bottom-center { flex-direction: column; }
.ppi-ctc-container.position-top-center .ppi-ctc-label:empty,
.ppi-ctc-container.position-middle-center .ppi-ctc-label:empty,
.ppi-ctc-container.position-bottom-center .ppi-ctc-label:empty { display: none; }
@media (max-width: 768px) { .ppi-ctc-container { --offset: 15px; } }