/* ==========================================================================
   UPGRADE / ENTERRAMON PRO - page-specific styles

   Moved verbatim out of four inline <style> blocks in the template, following
   the same approach used on the other ported pages: page CSS lives in its own
   file rather than inline, so it is cached and versioned like everything else.

   Loaded via $extraStyles on pages/upgrade-enterramon.php.
   ========================================================================== */

/* ---- block 1, moved verbatim from the template's inline <style> ---- */
.plans-grid {
                    display: flex;
                    flex-direction: row;
                }

                .plans-col {
                    display: flex;
                    flex-direction: column;
                    flex: 1;
                }

                @media (max-width: 768px) {
                    .plans-grid {
                        flex-direction: column;
                    }
                }

/* ---- block 2, moved verbatim from the template's inline <style> ---- */
.enterra-table th:nth-child(1),
                        .enterra-table td:nth-child(1) {
                            width: 20%;
                        }
                        .enterra-table th:nth-child(2),
                        .enterra-table td:nth-child(2),
                        .enterra-table th:nth-child(3),
                        .enterra-table td:nth-child(3),
                        .enterra-table th:nth-child(4),
                        .enterra-table td:nth-child(4),
                        .enterra-table th:nth-child(5),
                        .enterra-table td:nth-child(5),
                        .enterra-table th:nth-child(6),
                        .enterra-table td:nth-child(6) {
                            width: 16%;
                            text-align: right;
                        }

/* ---- block 3, moved verbatim from the template's inline <style> ---- */
@media (max-width: 640px) {
                        #trial-signup-form .flex-center {
                            flex-direction: column;
                        }
                        #trial-signup-form .input-group {
                            width: 100%;
                            max-width: 100% !important;
                        }
                        #trial-signup-form #trial-submit-btn {
                            width: 100%;
                        }
                    }

                    /* Honeypot: visually and functionally hidden from real users */
                    .hp-field {
                        position: absolute;
                        left: -9999px;
                        top: -9999px;
                        width: 1px;
                        height: 1px;
                        overflow: hidden;
                    }

/* ---- block 4, moved verbatim from the template's inline <style> ---- */
.plan-btn.clicked .material-symbols-outlined {
                    color: var(--color-primary-dark);
                }