/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Special grid system for sidebar.
 */

.sidebar-grid > .site-main {
  grid-column: 1 / 7;
  align-self: flex-start;
}

@media (min-width: 43.75rem) {
  .sidebar-grid > .site-main {
    grid-column: 1 / 15;
  }
}

@media (min-width: 62.5rem) {
  .sidebar-grid > .site-main {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column: 3 / 11;
  }

  .sidebar-grid > .site-main > .region--content-above,
  .sidebar-grid > .site-main > .region--content {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-column: 1 / 9;
  }

  .sidebar-grid > .site-main .layout--content-narrow,
  .sidebar-grid > .site-main .layout--pass--content-narrow > *,
  .sidebar-grid > .site-main .layout--content-medium,
  .sidebar-grid > .site-main .layout--pass--content-medium > * {
    grid-column: 1 / 9;
  }
}

.sidebar-grid .region--sidebar {
  grid-column: 1 / 7;
}




@media (min-width: 43.75rem) {
  .sidebar-grid .region--sidebar {
    grid-column: 3 / 13;
  }
}

@media (min-width: 62.5rem) {
  .sidebar-grid .region--sidebar {
    grid-column: 12 / 15;
  }
}

/* Sidebar-specific views: use half of Olivero's gap */
/*.region-sidebar-first > .view-content,
.region-sidebar-second > .view-content {
  gap: calc(var(--sp1) / 2);
  row-gap: calc(var(--sp1) / 2);
} */


/* Style the block */
.fotoklubbenkalender {
  background-color: #435144; /* your color */
  padding: 1rem;             /* optional for spacing */
  border-radius: 8px;        /* optional rounded corners */
}

/* Style the block title */
.fotoklubbenkalender .view-header {
  padding: 0;
  height: 50%;
  width: 100%;
  margin: 0;
  font-family: "Metropolis", serif;   /* custom font */
  font-size: 1.5rem;              /* adjust size */
  font-weight: bold;
  color: #ffffff;                  /* optional: custom color */
  text-align: center;              /* optional: center title */
}

/* Style the block title */
.fotoklubbenkalender .fotoklubben-eventlist .views-field.views-field-title {
  font-family: "Metropolis", serif;   /* custom font */
  font-size: medium;              /* adjust size */
  font-weight: bold;
  font-style: normal;
  color: #ffffff;                  /* optional: custom color */
  /*background-color: #e884da;*/
  text-align: left;              /* optional: center title */
}
/* Style the event date */
.fotoklubben-eventlist {
  font-family: "Metropolis", serif;   /* custom font */
  font-size: medium;              /* adjust size */
  font-weight: bold;
  font-style: normal;
  color: #ffffff;                  /* optional: custom color */
 /* background-color: #e884da; */
  text-align: left;              /* optional: center title */
}

/* Style links inside .fotoklubben-eventlist */
.fotoklubben-eventlist a {
  color: #f5fde3;              /* standout link color (gold/yellow) */
  text-decoration: underline dotted;  /* clear it's a link */
  font-weight: bold;           /* extra emphasis */
  transition: color 0.2s ease;
  text-align: left;
}
.fotoklubben-eventlist a:hover {
  color: #cbdca6;              /* brighter hover color */
  text-decoration: none;       /* remove underline on hover */
}
.fotoklubben-eventlist .views-field .views-field-view-node .field-content a {
  margin-bottom: 1rem !important;
}


  /* Style the block */
/*.fotoklubbenkmlist {*/
/*  background-color: #435144; !* your color *!*/
/*  padding: 1rem;             !* optional for spacing *!*/
/*  border-radius: 8px;        !* optional rounded corners *!*/
/*}*/

/* Style the block title */
/*.fotoklubbenkmlist .view-header {*/
/*  padding: 0;*/
/*  height: 50%;*/
/*  width: 100%;*/
/*  margin: 0;*/
/*  font-family: "Metropolis", serif;   !* custom font *!*/
/*  font-size: 1.5rem;              !* adjust size *!*/
/*  font-weight: bold;*/
/*  color: #ffffff;                  !* optional: custom color *!*/
/*  text-align: center;              !* optional: center title *!*/
/*}*/

/* Style the block title */
/*.fotoklubbenkmlist .view-content {*/
/*  padding: 0;*/
/*  height: 50%;*/
/*  width: 100%;*/
/*  margin: 0;*/
/*  font-family: "Metropolis", serif;   !* custom font *!*/
/*  font-size: 1.5rem;              !* adjust size *!*/
/*  font-weight: bold;*/
/*  color: #ffffff;                  !* optional: custom color *!*/
/*  text-align: center;              !* optional: center title *!*/
/*}*/

/*!*.view.fotoklubbenkmlist-eventlist > .view-content*!*/
/*.fotoklubbenkmlist > .contextual-region > .view > .view-mycontestuploads {*/
/*  display: grid;*/
/*  gap: 0 !important;*/
/*  row-gap: 0 !important;*/
/*  column-gap: 0 !important;*/
/*}*/

/* krymp radavståndet GLOBAL SETTING */
.view-content {
  display: grid;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}
/* krymp radavståndet GLOBAL SETTING */
.view-filters {
  display: grid;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  font-family: "Metropolis", serif;   /* custom font */
  font-size: small;              /* adjust size */
  font-weight: bold;
  font-style: normal;
  color: #ffffff;                  /* optional: custom color */
  /*background-color: #e884da;*/
  text-align: left;              /* optional: center title */
}

.view-filters .views-exposed-form .form--inline .js-form-item .form-item .js-form-type-select .form-item-items-per-page .js-form-item-items-per-page .form-item__label .form-select .form-element .form-element--type-select .form-actions .js-form-wrapper .form-wrapper .button--primary .button .js-form-submit .form-submit
{
  border-color: #ffffff !important;
}

.form-actions .js-form-wrapper .form-wrapper .button--primary .button .js-form-submit .form-submit {
  border-color: #ffffff !important;
}


/* Style the block title */
/*.fotoklubbenkmlist .fotoklubbenkmlist-eventlist .views-field.views-field-title {*/
/*  font-family: "Metropolis", serif;   !* custom font *!*/
/*  font-size: small;              !* adjust size *!*/
/*  font-weight: bold;*/
/*  font-style: normal;*/
/*  color: #ffffff;                  !* optional: custom color *!*/
/*  !*background-color: #e884da;*!*/
/*  text-align: left;              !* optional: center title *!*/
/*}*/
/* Style the event date */
/*.fotoklubbenkmlist-eventlist {*/
/*  font-family: "Metropolis", serif;   !* custom font *!*/
/*  font-size: small;              !* adjust size *!*/
/*  font-weight: bold;*/
/*  font-style: normal;*/
/*  color: #ffffff;                  !* optional: custom color *!*/
/*  !* background-color: #e884da; *!*/
/*  text-align: left;              !* optional: center title *!*/
/*}*/

/* Style links inside .fotoklubben-eventlist */
/*.fotoklubbenkmlist-eventlist a {*/
/*  color: #f5fde3;              !* standout link color (gold/yellow) *!*/
/*  text-decoration: underline dotted;  !* clear it's a link *!*/
/*  font-weight: bold;           !* extra emphasis *!*/
/*  transition: color 0.2s ease;*/
/*  text-align: left;*/
/*}*/
/*.fotoklubbenkmlist-eventlist a:hover {*/
/*  color: #cbdca6;              !* brighter hover color *!*/
/*  text-decoration: none;       !* remove underline on hover *!*/
/*}*/
/*.fotoklubbenkmlist-eventlist .views-field .views-field-view-node .field-content a {*/
/*  margin-bottom: 0.25rem !important;*/
/*}*/

/* Gemensam stil för knapp och fallback */
.views-field-km-download-button a,
.km-download-missing {
  display: inline-block;
  min-width: 180px;     /* säkerställ samma bredd */
  text-align: center;
  padding: 0.4em 0.8em;
  box-sizing: border-box;
}

/* Specifikt för fallback-meddelandet */
.km-download-missing {
  font-size: 0.85em;
  color: #666;            /* diskret grå text */
  font-style: italic;     /* markera som information */
  background: transparent; /* ingen knappbakgrund */
  border: none;           /* ingen ram */
}

/* ================================
   Mina gallerier (My Gallery) styling
   ================================ */

/* Style the 'Mina gallerier' view block */
.fotoklubbenmygallery.view {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 0.75rem;
  padding: 0.5rem 0;
}

/* Optional: Style header */
.fotoklubbenmygallery .view-header {
  font-size: 1.1rem;
  font-weight: 600;
  border-bottom: 1px solid #616a58;
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
}
.fotoklubbenmygallery .views-row {
  text-align: center;
  background: #f8f9fa;
  border-radius: 8px;
  padding: 6px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.fotoklubbenmygallery .views-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Image style */
.fotoklubbenmygallery img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}

/* Make sure links look clean */
.fotoklubbenmygallery a {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Optional: adjust title of the block */
/*#block-fotoklubben-views-block-my-galleries-block-1 > .block__title {*/
/*  margin-bottom: 0.5rem;*/
/*  font-size: 1.1rem;*/
/*  border-bottom: 1px solid #ddd;*/
/*  padding-bottom: 0.25rem;*/
/*}*/
/* Optional: Style header */
/*.block-fotoklubben-views-block-my-galleries-block-1 .view-header {*/
/*  font-size: 1.1rem;*/
/*  font-weight: 600;*/
/*  border-bottom: 1px solid #ddd;*/
/*  padding-bottom: 0.25rem;*/
/*  margin-bottom: 0.5rem;*/
/*}*/

/* ================================
   Tävlingsbilder (KM list) styling
   ================================ */

.fotoklubbenkmlist.view {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  padding: 0.5rem 0;
}

/* Style each row as a small card */
.fotoklubbenkmlist .views-row {
  background: #f0f4f0;
  border-radius: 8px;
  padding: 8px 10px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.fotoklubbenkmlist .views-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Link appearance */
.fotoklubbenkmlist .views-field-title a {
  display: block;
  text-decoration: none;
  color: #435144; /* Adjust for your theme’s accent color */
  font-weight: 500;
}

.fotoklubbenkmlist .views-field-title a:hover {
  color: #435144;
  font-weight: 600;
  /*background: #f5fde3;*/
  /*border-radius: 8px;*/
  /*padding: 8px 10px;*/
  /*transition: transform 0.15s ease, box-shadow 0.15s ease;*/
}

/* Optional: Style header */
.fotoklubbenkmlist .view-header {
  font-size: 1.1rem;
  font-weight: 600;
  border-bottom: 1px solid #616a58;
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
}

/* Optional: hide or restyle exposed filters if used */
.fotoklubbenkmlist .view-filters {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.fotoklubbenkmlist .view-filters label {
  display: none; /* hide labels if unnecessary */
}

.fotoklubbenkmlist .view-filters select,
.fotoklubbenkmlist .view-filters input[type="submit"] {
  font-size: 0.85rem;
  padding: 0.2rem 0.4rem;
}