/*
 * user.css — IvyBay Consulting custom overrides for Cassiopeia Extended
 * Replicates Gantry 5 Hydrogen styling from old J3 site.
 */

/* =========================================================================
   1. GOOGLE FONTS
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Della+Respira&family=Roboto:wght@400;500;700&display=swap');

/* =========================================================================
   2. BODY & BASE FONTS
   ========================================================================= */
body,
p, li, td, dd, dt, blockquote,
.com-content-article__body,
.com-content-category-blog__item,
.com-content-category__articles {
    font-family: 'Della Respira', Georgia, serif;
}

h1, h2, h3, h4, h5, h6,
.page-header,
.navbar-brand,
.mod-menu .nav-link,
.mod-menu a {
    font-family: 'Roboto', Arial, sans-serif;
}

/* =========================================================================
   3. HEADER — HeaderIB3.jpg (1924x111px)
   - Ivy plant + stylized "IvyBay Consulting LLC" text is baked into the
     LEFT side of the image. Must use background-position: left top.
   - colors.min.css sets background-image:none so we need !important.
   ========================================================================= */
.container-header {
    background-color: var(--headerbg);
    background-image: url('/images/HeaderIB3.jpg') !important;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    padding: 0;
}

/* Logo row — must be tall enough to show the header image */
.container-header .grid-child:first-child {
    min-height: 80px !important;
    padding: 1rem !important;
    height: 80px;
}

/* Brand link — absolutely positioned over the ivy+text area in HeaderIB3.jpg.
   The text is invisible; the link provides a clickable home area.
   Coordinates approximate the "IvyBay Consulting LLC" text position. */
.container-header .navbar-brand {
    position: absolute;
    top: 32px;
    left: 55px;
    width: 190px;
    height: 40px;
    padding: 0;
    margin: 0;
    font-size: 1px;
}

.brand-logo {
    display: block;
    width: 100%;
    height: 100%;
}

.brand-logo span {
    color: transparent;
    font-size: 1px;
    line-height: 1;
}

/* =========================================================================
   4. NAVIGATION BAR — nav.png texture (946x49px)
   ========================================================================= */
.container-header .container-nav {
    background-color: var(--headerbg);
    background-image: url('/images/nav.png');
    background-repeat: repeat-x;
    background-position: left center;
    border-top: 2px solid #3d6b1f;
    padding: 0;
}

.container-header .container-nav .mod-menu a {
    color: #ffffff;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 0.95rem;
    padding: 0.75rem 1rem;
}

.container-header .container-nav .mod-menu a:hover,
.container-header .container-nav .mod-menu .active > a {
    background-color: #477427;
    color: #ffffff;
}

.container-header .container-nav .mod-menu .current > a {
    background-color: #ffffff;
    color: #444444;
}

/* =========================================================================
   5. FOOTER — Footer.png texture (882x150px)
   ========================================================================= */
footer.footer,
.container-footer,
#footer {
    background-color: var(--footerbg);
    background-image: url('/images/Footer.png');
    background-repeat: repeat-x;
    background-position: left top;
    color: var(--footercolor);
}

/* =========================================================================
   6. HIDE ARTICLE META (Written by, Category, Published, Hits)
   ========================================================================= */
.article-info,
dl.article-info,
.com-content-article__info,
dd.createdby,
dd.category-name,
dd.published,
dd.hits,
dt.article-info-term {
    display: none !important;
}

/* =========================================================================
   7. BUTTONS
   ========================================================================= */
.btn-primary {
    background-color: var(--btnbg);
    border-color: var(--btnbg);
    color: var(--btncolor);
}
.btn-primary:hover {
    background-color: var(--btnbgh);
    border-color: var(--btnbgh);
    color: var(--btncolorh);
}

/* Footer copyright text color */
.container-footer .mod-custom {
    color: #666666;
}

/* =========================================================================
   8. HIDE ARTICLE TITLE LINKS ON HOME/FEATURED VIEW
   Old site had show_title=0 on featured articles — replicate via CSS.
   ========================================================================= */
.view-featured .item-title {
    display: none;
}

/* =========================================================================
   9. WORD-PASTED CONTENT FIXES (MsoListParagraph clipping)
   Word exports negative text-indent which clips content at the left edge.
   Override to use proper indentation.
   ========================================================================= */
.MsoListParagraph,
.MsoListParagraphCxSpFirst,
.MsoListParagraphCxSpMiddle,
.MsoListParagraphCxSpLast {
    margin-left: 1.5em !important;
    text-indent: 0 !important;
}

/* Hide Symbol-font fake bullet characters — leave spacing intact */
.MsoListParagraph span[style*="Symbol"],
.MsoListParagraphCxSpFirst span[style*="Symbol"],
.MsoListParagraphCxSpMiddle span[style*="Symbol"],
.MsoListParagraphCxSpLast span[style*="Symbol"] {
    display: none;
}