/* ==========================================================================
   Glam shared editor content stylesheet (SINGLE SOURCE, loaded site-wide).

   Loaded BOTH inside every editor (TinyMCE content_css / Summernote) AND on
   every public page / PDF / email template that renders editor HTML, via
   resources/views/partials/glam-editor-assets.blade.php.

   Fonts are applied as GLOBAL CLASSES (.gfont-*) so font choice survives
   wherever the editor's own stylesheet is not loaded. Size and colour are
   emitted by the editors as inline-style attributors (they survive on their
   own and need no CSS here).
   ========================================================================== */

/* ---- Font classes -------------------------------------------------------- */
/* System / web-safe */
.gfont-arial          { font-family: Arial, Helvetica, sans-serif; }
.gfont-calibri        { font-family: Calibri, Candara, Segoe, "Segoe UI", sans-serif; }
.gfont-georgia        { font-family: Georgia, "Times New Roman", serif; }
.gfont-times          { font-family: "Times New Roman", Times, serif; }
.gfont-garamond       { font-family: Garamond, "EB Garamond", "Times New Roman", serif; }
.gfont-verdana        { font-family: Verdana, Geneva, sans-serif; }
.gfont-tahoma         { font-family: Tahoma, Geneva, Verdana, sans-serif; }
.gfont-trebuchet      { font-family: "Trebuchet MS", Helvetica, sans-serif; }
.gfont-palatino       { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
.gfont-bookantiqua    { font-family: "Book Antiqua", Palatino, serif; }
.gfont-courier        { font-family: "Courier New", Courier, monospace; }
.gfont-consolas       { font-family: Consolas, "Lucida Console", Monaco, monospace; }
/* Google sans-serif */
.gfont-inter          { font-family: "Inter", sans-serif; }
.gfont-roboto         { font-family: "Roboto", sans-serif; }
.gfont-opensans       { font-family: "Open Sans", sans-serif; }
.gfont-lato           { font-family: "Lato", sans-serif; }
.gfont-montserrat     { font-family: "Montserrat", sans-serif; }
.gfont-poppins        { font-family: "Poppins", sans-serif; }
.gfont-nunito         { font-family: "Nunito", sans-serif; }
.gfont-worksans       { font-family: "Work Sans", sans-serif; }
.gfont-raleway        { font-family: "Raleway", sans-serif; }
.gfont-oswald         { font-family: "Oswald", sans-serif; }
.gfont-sourcesans     { font-family: "Source Sans 3", sans-serif; }
/* Google serif */
.gfont-merriweather   { font-family: "Merriweather", serif; }
.gfont-playfair       { font-family: "Playfair Display", serif; }
.gfont-lora           { font-family: "Lora", serif; }
.gfont-ptserif        { font-family: "PT Serif", serif; }
.gfont-sourceserif    { font-family: "Source Serif 4", serif; }
.gfont-robotoslab     { font-family: "Roboto Slab", serif; }
/* Google monospace */
.gfont-robotomono     { font-family: "Roboto Mono", monospace; }
.gfont-jetbrainsmono  { font-family: "JetBrains Mono", monospace; }

/* ---- Editor HTML rendered anywhere -------------------------------------- */
/* Scope: the editor iframe body, and a .glam-rte wrapper on public viewers. */
.glam-rte img,
.mce-content-body img,
.note-editable img { max-width: 100%; height: auto; }

.glam-rte,
.mce-content-body,
.note-editable { word-wrap: break-word; overflow-wrap: break-word; }

/* Multi-level bullet lists: disc -> circle -> square */
.glam-rte ul,
.mce-content-body ul,
.note-editable ul { list-style-type: disc; }
.glam-rte ul ul,
.mce-content-body ul ul,
.note-editable ul ul { list-style-type: circle; }
.glam-rte ul ul ul,
.mce-content-body ul ul ul,
.note-editable ul ul ul { list-style-type: square; }

/* Multi-level numbered lists: 1 -> a -> i */
.glam-rte ol,
.mce-content-body ol,
.note-editable ol { list-style-type: decimal; }
.glam-rte ol ol,
.mce-content-body ol ol,
.note-editable ol ol { list-style-type: lower-alpha; }
.glam-rte ol ol ol,
.mce-content-body ol ol ol,
.note-editable ol ol ol { list-style-type: lower-roman; }

.glam-rte blockquote,
.mce-content-body blockquote,
.note-editable blockquote {
    border-left: 4px solid #d0d0d0;
    margin: 1em 0;
    padding: .5em 1em;
    color: #555;
}

.glam-rte pre,
.mce-content-body pre,
.note-editable pre {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px;
    overflow: auto;
    font-family: "JetBrains Mono", "Roboto Mono", Consolas, monospace;
    font-size: .9em;
}
.glam-rte code,
.mce-content-body code,
.note-editable code {
    font-family: "JetBrains Mono", "Roboto Mono", Consolas, monospace;
}

.glam-rte mark,
.mce-content-body mark,
.note-editable mark { padding: 0 .15em; }

.glam-rte table,
.mce-content-body table,
.note-editable table { border-collapse: collapse; }
.glam-rte table td, .glam-rte table th,
.mce-content-body table td, .mce-content-body table th,
.note-editable table td, .note-editable table th { border: 1px solid #ccc; padding: 6px 10px; }

/* ---- Editor chrome: scrollable font/format pickers (cap ~320px) ---------- */
/* TinyMCE menus render in an aux container in <body> (harmless on public). */
.tox .tox-menu,
.tox .tox-collection--list .tox-collection__group { max-height: 320px !important; overflow-y: auto !important; }
/* Summernote dropdowns */
.note-dropdown-menu { max-height: 320px !important; overflow-y: auto !important; }
.note-dropdown-menu.dropdown-fontname a { line-height: 1.6; }
