/******************************************************************************
 *
 * CodeMeter License Central WebDepot
 * scheme_ergosoft_logo.css
 *
 * Ergosoft corporate scheme, full-logo variant.
 *
 * Identical to scheme_ergosoft.css except for the header lockup: the tile
 * carries the complete logo -- icon plus wordmark -- instead of the icon alone,
 * and the product name beside it is dropped, since the wordmark already names
 * the company. The logo keeps its existing link to the home page, so it now
 * carries that navigation on its own.
 *
 * The tile reproduces the one on ergosoft.net: measured there as 200x96 sitting
 * at (8, 8), i.e. tucked into the inside corner of the green frame, with 32px
 * of padding on all four sides around a 32px-tall logo.
 *
 * Everything else -- palette, typography, frame, components -- is inherited
 * from scheme_ergosoft.css below, so the two variants cannot drift apart.
 *
 *************************************************************************** */
@import url("scheme_ergosoft.css");

:root {
    /* Ergosoft_Logo_onBlack.png from the brand folder, unmodified: white
       wordmark on transparent, made for exactly this dark tile. */
    --logo-src:                                 url("ergosoft-logo-on-dark.png");

    /* The tile, to ergosoft.net's measurements. */
    --es-logo-tile-width:                       200px;
    --es-logo-tile-height:                      96px;
    --es-logo-tile-padding:                     32px;
    --logo-max-width:                           var(--es-logo-tile-width);

    /* Mirrors the horizontal margin on div.column in design.css. The tile is
       positioned inside that column, so it needs the value to pull back out to
       the page edge. */
    --es-column-margin:                         40px;

    /* The tile starts below the green rule and has to fit inside the header:
       header total = top padding (rule + gap) + this, and the tile spans from
       the rule down to the header's bottom edge. */
    --header-height:                            calc(var(--es-logo-tile-height) - var(--es-top-rule-gap));
}

/* Pull the tile out of the column's margin and up through the white gap, so it
   sits flush against the inside corner of the green frame -- touching the top
   rule and the left rule, exactly as on the website. */
div.header img.logo {
    top: calc(-1 * var(--es-top-rule-gap));
    left: calc(var(--es-frame-width) - var(--es-column-margin));
    width: var(--es-logo-tile-width);
    height: var(--es-logo-tile-height);
    padding: var(--es-logo-tile-padding);
}

/* The wordmark replaces the product name, so hide the text. The <a> in
   header.inc.php wraps both the logo and this element, which is why the home
   link survives untouched. */
div.header div.portalname {
    display: none;
}