/**
 * @file: CiviCRM Standalone - KAM, Stylesheet
 *
 * NOTE: The main civicrm container has both class and id of crm-container
 * Other civi blocks outside the main container also have the class crm-container (but not the id)
 * All styles should start with .crm-container unless they are specific to the main div only
 */

/* PRIHLASOVACI OBRAZOVKA */
/* ------------------------ */
.standalone-auth-form {
  background: black;
     background: linear-gradient(
          rgba(0, 0, 0, 0.7), 
          rgba(0, 0, 0, 0.7)
        ),url("https://crm2.kam.cz/public/media/images/background.JPG") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.standalone-auth-box {
    /* background-color: rgba(255, 255, 255, 0) !important;   /* plně průhledné */
    background-color: rgba(255, 255, 255, 0.1); 
    /* --crm-standalone-auth-box-bg: transparent !important;   /* platí jen uvnitř tohoto boxu */
}

html.crm-standalone {
  --crm-page-padding: 0px !important;
}


/* Zapomenuté heslo 
.crm-container  {
  color: white !important;
}

.crm-container p {
  color: white !important;
}

.crm-container h1 {
  color: white !important;
}
*/
/* Login obrazovka */
.form-label {
  color: white !important;
}

/* toto obarvi vsechny a href odkazy */
/*
.crm-container a, .crm-container a:link {
  color: brown !important;
}
*/
.login-or-forgot a {
    color: white !important;
}
/* ------------------------ */


.btn-group a.btn-info { 
   padding: 10px 28px !important;
   margin-left: 5px !important;
   margin-right: 5px !important;
}


.breadcrumb,
nav.breadcrumb {
  display: none !important;
}

/* Všechny vstupy uvnitř polí typu text -AFORM, jen single line */


.crm-af-field {

    width: 100% !important;          /* roztáhne na šířku kontejneru */
    box-sizing: border-box;          /* zahrne padding a border do šířky */
    max-width: none !important;
}


/* ----------------------------------------------------------------------------------------*/


/* Target the multiline (textarea) inside the af‑field component */
af-field[name="DELTA_report.Posun_Zmena"] textarea {
    width: 100% !important;   /* fill the whole horizontal space */
    box-sizing: border-box;    /* include padding/border in the 100% */
}

/* Optional – make the surrounding af‑field element also stretch */
af-field[name="DELTA_report.Posun_Zmena"] {
    display: block;
    width: 100%;
}

/* 1. Nastavíme výšku na dva řádky pomocí line‑height a výšky */
af-field[name="DELTA_report.Posun_Zmena"] textarea {
    line-height: 1.5;                 /* řádkování – uprav dle svého stylu */
    font-size: 14px;                  /* velikost písma – odpovídá tvému tématu */
    height: calc(2 * 1.7em + 2px);    /* 2 řádky × line‑height + malý okraj */
    overflow-y: hidden;               /* skryje posuvník, pokud text přesáhne 2 řádky */
}
/* 2.  */
af-field[name="DELTA_report.Posun_Zmena"] textarea:focus {
    height: calc(2 * 1.5em + 2px);    /* zachová stejnou výšku při kliknutí */
}
/* --------------- */
/* Target the multiline (textarea) inside the af‑field component */
af-field[name="DELTA_report.Investice_KAM"] textarea {
    width: 100% !important;   /* fill the whole horizontal space */
    box-sizing: border-box;    /* include padding/border in the 100% */
}

/* Optional – make the surrounding af‑field element also stretch */
af-field[name="DELTA_report.Investice_KAM"] {
    display: block;
    width: 100%;
}

/* 1. Nastavíme výšku na dva řádky pomocí line‑height a výšky */
af-field[name="DELTA_report.Investice_KAM"] textarea {
    line-height: 1.5;                 /* řádkování – uprav dle svého stylu */
    font-size: 14px;                  /* velikost písma – odpovídá tvému tématu */
    height: calc(2 * 1.7em + 2px);    /* 2 řádky × line‑height + malý okraj */
    overflow-y: hidden;               /* skryje posuvník, pokud text přesáhne 2 řádky */
}
/* 2.  */
af-field[name="DELTA_report.Investice_KAM"] textarea:focus {
    height: calc(2 * 1.5em + 2px);    /* zachová stejnou výšku při kliknutí */
}

/*--------------------*/
/* Target the multiline (textarea) inside the af‑field component */
af-field[name="DELTA_report.Plan_Doporuceni"] textarea {
    width: 100% !important;   /* fill the whole horizontal space */
    box-sizing: border-box;    /* include padding/border in the 100% */
}

/* Optional – make the surrounding af‑field element also stretch */
af-field[name="DELTA_report.Plan_Doporuceni"] {
    display: block;
    width: 100%;
}

/* 1. Nastavíme výšku na dva řádky pomocí line‑height a výšky */
af-field[name="DELTA_report.Plan_Doporuceni"] textarea {
    line-height: 1.5;                 /* řádkování – uprav dle svého stylu */
    font-size: 14px;                  /* velikost písma – odpovídá tvému tématu */
    height: calc(2 * 1.7em + 2px);    /* 2 řádky × line‑height + malý okraj */
    overflow-y: hidden;               /* skryje posuvník, pokud text přesáhne 2 řádky */
}
/* 2.  */
af-field[name="DELTA_report.Plan_Doporuceni"] textarea:focus {
    height: calc(2 * 1.5em + 2px);    /* zachová stejnou výšku při kliknutí */
}
/* -----------------------------------------------------------------------------------------*/
/*
 .logo-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-left: 1em;
  }

  .logo-wrapper img {
    width: 33%;
    max-width: 100%;
    height: auto;
  }

  .logo-wrapper p {
    margin-top: 6em;
   margin-left: 2em; 
    text-align: left; 
    line-height: 1.2;
  }

.standalone-auth-form .crm-logo {
    margin: 0 6rem 2rem 7rem !important;
}
*/

/* modry odkaz v bloku, shrnutí */
.crm-content a {
    color: #0066cc !important;             /* Modrá barva odkazu */
    text-decoration: none !important;      /* Podtržení */
    cursor: pointer !important;            /* Kurzor ve tvaru ruky */
}

/* Stav při najetí myší */
.crm-content a:hover {
    color: #004c99 !important;                /* Tmavší modrá při hoveru */
    text-decoration: underline !important;    /* Nebo ponechat podtržení podle preference */
}


/* -----------------------------------------------------------------------------------------*/

/* Skryje časové pole pouze na stránce DR */
.page-civicrm-form-subm-delta_report .crm-form-date-wrapper input.crm-form-time {
    display: none !important;
}

/* -----------------------------------------------------------------------------------------*/
/* Nezobrazovat sekci Oprávnění u vztahu  */
tr.crm-relationship-form-block-is_permission_a_b,tr.crm-relationship-form-block-is_permission_b_a {
    display: none !important;
}