/* Landing Page Styles for BeePlugin Content */
/* BeePlugin uses table-based layouts for email compatibility */

/* Force table display - override Bootstrap with high specificity */
.container table[class*="bee-"],
.container .bee-row,
.container .bee-row-content,
table[class*="bee-"],
.bee-row,
.bee-row-content,
table.bee-row,
table.bee-row-content,
.container table.row,
table.row[class*="bee-"] {
    display: table !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    flex: unset !important;
}

.container tr[class*="bee-"],
.container .bee-row tr,
tr[class*="bee-"],
.bee-row tr {
    display: table-row !important;
}

.container td[class*="bee-"],
.container .bee-row td,
td[class*="bee-"],
.bee-row td {
    display: table-cell !important;
}

/* Table structure */
table.bee-row,
table.bee-row-content {
    width: 100% !important;
    border-collapse: collapse;
}

/* Center alignment for tables */
table[align="center"],
table.bee-row-content[align="center"] {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Text alignment - preserve inline styles */
td[align="center"] {
    text-align: center !important;
}

td[align="left"] {
    text-align: left !important;
}

td[align="right"] {
    text-align: right !important;
}

/* Vertical alignment */
td[valign="top"] {
    vertical-align: top !important;
}

td[valign="middle"] {
    vertical-align: middle !important;
}

td[valign="bottom"] {
    vertical-align: bottom !important;
}

/* Handle responsive images */
.bee-row-content img {
    max-width: 100%;
    height: auto;
}

/* Preserve spacing */
table.bee-row,
table.bee-row-content {
    border-spacing: 0;
}

/* Mobile responsive */
@media (max-width: 768px) {
    table.bee-row-content {
        width: 100% !important;
    }
}