/* ==========================================================================
   Tailwind / WordPress Custom Block Styles Stylesheet
   This file is loaded in both the Block Editor and on the Frontend.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Dividers (Border between child elements)
   -------------------------------------------------------------------------- */

/* Horizontal Dividers (divide-y) */
.divide-y > * + * {
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
}
.divide-y-2 > * + * {
    border-top-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
}
.divide-y-4 > * + * {
    border-top-width: 4px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
}
.divide-y-8 > * + * {
    border-top-width: 8px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
}

/* Vertical Dividers (divide-x) */
.divide-x > * + * {
    border-left-width: 1px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
}
.divide-x-2 > * + * {
    border-left-width: 2px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
}
.divide-x-4 > * + * {
    border-left-width: 4px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
}
.divide-x-8 > * + * {
    border-left-width: 8px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
}

/* --------------------------------------------------------------------------
   2. Divider Colors (Mapped to Theme Slugs)
   -------------------------------------------------------------------------- */

.divide-dark-navy > * + * { border-color: var(--wp--preset--color--dark-navy) !important; }
.divide-burgundy-accent > * + * { border-color: var(--wp--preset--color--burgundy-accent) !important; }
.divide-deep-charcoal > * + * { border-color: var(--wp--preset--color--deep-charcoal) !important; }
.divide-navy-midnight > * + * { border-color: var(--wp--preset--color--navy-midnight) !important; }
.divide-midnight-charcoal > * + * { border-color: var(--wp--preset--color--midnight-charcoal) !important; }
.divide-gold-accent > * + * { border-color: var(--wp--preset--color--gold-accent) !important; }
.divide-light-cream > * + * { border-color: var(--wp--preset--color--light-cream) !important; }
.divide-text-dark > * + * { border-color: var(--wp--preset--color--text-dark) !important; }
.divide-text-light > * + * { border-color: var(--wp--preset--color--text-light) !important; }
.divide-white > * + * { border-color: #ffffff !important; }

/* Direct orientation color support (e.g. divide-y-gold-accent) */
.divide-y-dark-navy > * + * { border-color: var(--wp--preset--color--dark-navy) !important; }
.divide-y-burgundy-accent > * + * { border-color: var(--wp--preset--color--burgundy-accent) !important; }
.divide-y-deep-charcoal > * + * { border-color: var(--wp--preset--color--deep-charcoal) !important; }
.divide-y-navy-midnight > * + * { border-color: var(--wp--preset--color--navy-midnight) !important; }
.divide-y-midnight-charcoal > * + * { border-color: var(--wp--preset--color--midnight-charcoal) !important; }
.divide-y-gold-accent > * + * { border-color: var(--wp--preset--color--gold-accent) !important; }
.divide-y-light-cream > * + * { border-color: var(--wp--preset--color--light-cream) !important; }
.divide-y-text-dark > * + * { border-color: var(--wp--preset--color--text-dark) !important; }
.divide-y-text-light > * + * { border-color: var(--wp--preset--color--text-light) !important; }
.divide-y-white > * + * { border-color: #ffffff !important; }

.divide-x-dark-navy > * + * { border-color: var(--wp--preset--color--dark-navy) !important; }
.divide-x-burgundy-accent > * + * { border-color: var(--wp--preset--color--burgundy-accent) !important; }
.divide-x-deep-charcoal > * + * { border-color: var(--wp--preset--color--deep-charcoal) !important; }
.divide-x-navy-midnight > * + * { border-color: var(--wp--preset--color--navy-midnight) !important; }
.divide-x-midnight-charcoal > * + * { border-color: var(--wp--preset--color--midnight-charcoal) !important; }
.divide-x-gold-accent > * + * { border-color: var(--wp--preset--color--gold-accent) !important; }
.divide-x-light-cream > * + * { border-color: var(--wp--preset--color--light-cream) !important; }
.divide-x-text-dark > * + * { border-color: var(--wp--preset--color--text-dark) !important; }
.divide-x-text-light > * + * { border-color: var(--wp--preset--color--text-light) !important; }
.divide-x-white > * + * { border-color: #ffffff !important; }


/* --------------------------------------------------------------------------
   3. Borders
   -------------------------------------------------------------------------- */

/* Border sides/styles */
.border { border-style: solid; border-width: 1px; }
.border-t { border-style: solid; border-top-width: 1px; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; }
.border-b { border-style: solid; border-bottom-width: 1px; border-top-width: 0; border-left-width: 0; border-right-width: 0; }
.border-l { border-style: solid; border-left-width: 1px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; }
.border-r { border-style: solid; border-right-width: 1px; border-left-width: 0; border-top-width: 0; border-bottom-width: 0; }

/* Border Thicknesses */
.border-2 { border-width: 2px; }
.border-4 { border-width: 4px; }
.border-8 { border-width: 8px; }

.border-t-2 { border-top-width: 2px; }
.border-t-4 { border-top-width: 4px; }
.border-t-8 { border-top-width: 8px; }

.border-b-2 { border-bottom-width: 2px; }
.border-b-4 { border-bottom-width: 4px; }
.border-b-8 { border-bottom-width: 8px; }

.border-l-2 { border-left-width: 2px; }
.border-l-4 { border-left-width: 4px; }
.border-l-8 { border-left-width: 8px; }

.border-r-2 { border-right-width: 2px; }
.border-r-4 { border-right-width: 4px; }
.border-r-8 { border-right-width: 8px; }

/* --------------------------------------------------------------------------
   4. Border Colors (Mapped to Theme Slugs)
   -------------------------------------------------------------------------- */

.border-dark-navy { border-color: var(--wp--preset--color--dark-navy) !important; }
.border-burgundy-accent { border-color: var(--wp--preset--color--burgundy-accent) !important; }
.border-deep-charcoal { border-color: var(--wp--preset--color--deep-charcoal) !important; }
.border-navy-midnight { border-color: var(--wp--preset--color--navy-midnight) !important; }
.border-midnight-charcoal { border-color: var(--wp--preset--color--midnight-charcoal) !important; }
.border-gold-accent { border-color: var(--wp--preset--color--gold-accent) !important; }
.border-light-cream { border-color: var(--wp--preset--color--light-cream) !important; }
.border-text-dark { border-color: var(--wp--preset--color--text-dark) !important; }
.border-text-light { border-color: var(--wp--preset--color--text-light) !important; }
.border-white { border-color: #ffffff !important; }

/* Direct side color support (e.g. border-t-gold-accent) */
.border-t-dark-navy { border-top-color: var(--wp--preset--color--dark-navy) !important; }
.border-t-burgundy-accent { border-top-color: var(--wp--preset--color--burgundy-accent) !important; }
.border-t-deep-charcoal { border-top-color: var(--wp--preset--color--deep-charcoal) !important; }
.border-t-navy-midnight { border-top-color: var(--wp--preset--color--navy-midnight) !important; }
.border-t-midnight-charcoal { border-top-color: var(--wp--preset--color--midnight-charcoal) !important; }
.border-t-gold-accent { border-top-color: var(--wp--preset--color--gold-accent) !important; }
.border-t-light-cream { border-top-color: var(--wp--preset--color--light-cream) !important; }
.border-t-text-dark { border-top-color: var(--wp--preset--color--text-dark) !important; }
.border-t-text-light { border-top-color: var(--wp--preset--color--text-light) !important; }
.border-t-white { border-top-color: #ffffff !important; }

.border-b-dark-navy { border-bottom-color: var(--wp--preset--color--dark-navy) !important; }
.border-b-burgundy-accent { border-bottom-color: var(--wp--preset--color--burgundy-accent) !important; }
.border-b-deep-charcoal { border-bottom-color: var(--wp--preset--color--deep-charcoal) !important; }
.border-b-navy-midnight { border-bottom-color: var(--wp--preset--color--navy-midnight) !important; }
.border-b-midnight-charcoal { border-bottom-color: var(--wp--preset--color--midnight-charcoal) !important; }
.border-b-gold-accent { border-bottom-color: var(--wp--preset--color--gold-accent) !important; }
.border-b-light-cream { border-bottom-color: var(--wp--preset--color--light-cream) !important; }
.border-b-text-dark { border-bottom-color: var(--wp--preset--color--text-dark) !important; }
.border-b-text-light { border-bottom-color: var(--wp--preset--color--text-light) !important; }
.border-b-white { border-bottom-color: #ffffff !important; }

.border-l-dark-navy { border-left-color: var(--wp--preset--color--dark-navy) !important; }
.border-l-burgundy-accent { border-left-color: var(--wp--preset--color--burgundy-accent) !important; }
.border-l-deep-charcoal { border-left-color: var(--wp--preset--color--deep-charcoal) !important; }
.border-l-navy-midnight { border-left-color: var(--wp--preset--color--navy-midnight) !important; }
.border-l-midnight-charcoal { border-left-color: var(--wp--preset--color--midnight-charcoal) !important; }
.border-l-gold-accent { border-left-color: var(--wp--preset--color--gold-accent) !important; }
.border-l-light-cream { border-left-color: var(--wp--preset--color--light-cream) !important; }
.border-l-text-dark { border-left-color: var(--wp--preset--color--text-dark) !important; }
.border-l-text-light { border-left-color: var(--wp--preset--color--text-light) !important; }
.border-l-white { border-left-color: #ffffff !important; }

.border-r-dark-navy { border-right-color: var(--wp--preset--color--dark-navy) !important; }
.border-r-burgundy-accent { border-right-color: var(--wp--preset--color--burgundy-accent) !important; }
.border-r-deep-charcoal { border-right-color: var(--wp--preset--color--deep-charcoal) !important; }
.border-r-navy-midnight { border-right-color: var(--wp--preset--color--navy-midnight) !important; }
.border-r-midnight-charcoal { border-right-color: var(--wp--preset--color--midnight-charcoal) !important; }
.border-r-gold-accent { border-right-color: var(--wp--preset--color--gold-accent) !important; }
.border-r-light-cream { border-right-color: var(--wp--preset--color--light-cream) !important; }
.border-r-text-dark { border-right-color: var(--wp--preset--color--text-dark) !important; }
.border-r-text-light { border-right-color: var(--wp--preset--color--text-light) !important; }
.border-r-white { border-right-color: #ffffff !important; }
