/*
 * app-level software stylesheet
 */

@import url( /software/stylesheets/schemes.css );

:root
{
   --product-accent-color: rgba( 255, 0, 107, 1.0 );
}

body
{
   background-image: url( /software/Apparency/images/ApparencyIconLarge.png );
   background-image: -webkit-image-set( url( /software/Apparency/images/ApparencyIconLarge.png ) 1x,
                                        url( /software/Apparency/images_2x/ApparencyIconLarge.png ) 2x );
}

#content ul.clauses li
{
   margin: 0 0;
}

#content ul ul.sub
{
   list-style-type: square;
}

#content ul ul.sub li
{
   margin-top: 0.3em;
   margin-bottom: 0.3em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * product page
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content #intro
{
   font-size: 120%;
   color: var( --header-text-color );
}

#content #intro h4
{
   font-family: "Helvetica Neue", "Helvetica", "Verdana", sans-serif;
   text-transform: uppercase;
   font-size: 130%;
   font-weight: 300;
   letter-spacing: 1px;
}

#content #intro h4 .notransform
{
   text-transform: none;
}

#content #intro #possibilities
{
   list-style-type: square;
   font-size: 95%;
   margin: 1em 0 2em 175px;
}

#content #intro .feature-enumeration
{
   display: grid;
   grid-template-columns: 275px 275px 275px;
   grid-gap: 5%;
}

#content #intro .feature-desc
{
   display: grid;
   grid-template-rows: 1.5em 256px auto;
   grid-gap: 1em;
}

#content #intro .feature-desc h5
{
   font-family: "Helvetica Neue", "Helvetica", "Verdana", sans-serif;
   text-transform: uppercase;
   font-size: 110%;
   font-weight: 200;
   margin: 0;
}

#content #intro .feature-shot img.shot-clip
{
}

#content #intro .feature-details
{
   list-style-type: square;
   list-style-position: outside;
   padding-left: 20px;
}
   
#content #intro .feature-details li
{
   margin: 0.25em auto;
   line-height: 1;
   font-size: 95%;
}

#content #intro #asides
{
   font-size: 80%;
   margin-top: 2em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * signature status icons
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content .signature-status-okay,
#content .signature-status-none,
#content .signature-status-error,
#content .signature-status-working,
#content .signature-status-placeholder
{
   color: var( --ui-text-color );
   font-family: system-ui;
   font-size: 95%;
   padding-left: 17px;
   background-image: url( /software/Apparency/images/StatusOkay.png );
   background-image: -webkit-image-set( url( /software/Apparency/images/StatusOkay.png ) 1x, url( /software/Apparency/images_2x/StatusOkay.png ) 2x );
   background-position: 0 50%;
   background-repeat: no-repeat;
   -webkit-background-size: 13px;
   white-space: nowrap;
}

#content .signature-status-none
{
   background-image: url( /software/Apparency/images/StatusNone.png );
   background-image: -webkit-image-set( url( /software/Apparency/images/StatusNone.png ) 1x, url( /software/Apparency/images_2x/StatusNone.png ) 2x );
}

#content .signature-status-error
{
   background-image: url( /software/Apparency/images/StatusError.png );
   background-image: -webkit-image-set( url( /software/Apparency/images/StatusError.png ) 1x, url( /software/Apparency/images_2x/StatusError.png ) 2x );
}

#content .signature-status-working
{
   background-image: url( /software/Apparency/images/StatusWorking.png );
   background-image: -webkit-image-set( url( /software/Apparency/images/StatusWorking.png ) 1x, url( /software/Apparency/images_2x/StatusWorking.png ) 2x );
}

#content .signature-status-placeholder
{
   background-image: url( /software/Apparency/images/StatusPlaceholder.png );
   background-image: -webkit-image-set( url( /software/Apparency/images/StatusPlaceholder.png ) 1x, url( /software/Apparency/images_2x/StatusPlaceholder.png ) 2x );
}

@media (prefers-color-scheme: dark)
{
   #content .signature-status-none
   {
      background-image: -webkit-image-set( url( /software/Apparency/images_dark/StatusNone.png ) 1x, url( /software/Apparency/images_dark_2x/StatusNone.png ) 2x );
   }
   
   #content .signature-status-working
   {
      background-image: -webkit-image-set( url( /software/Apparency/images_dark/StatusWorking.png ) 1x, url( /software/Apparency/images_dark_2x/StatusWorking.png ) 2x );
   }
   
   #content .signature-status-placeholder
   {
      background-image: -webkit-image-set( url( /software/Apparency/images_dark/StatusPlaceholder.png ) 1x, url( /software/Apparency/images_dark_2x/StatusPlaceholder.png ) 2x );
   }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * update page
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#content #update-summary
{
   clear: both;
   padding: 0.5em 2em;
   border-top: 10px solid var( --box-border-color );
   background-color: var( --box-background-color );
   margin-bottom: 2em;
}

#content #update-summary ul
{
   padding-left: 20px;
}

#content #update-summary blockquote
{
   background-color: var( --box-background-color );
}

#content .deployment-update
{
   color: var( --caution-text-color );
}