/*
Description: Stylesheet for verkstad oversight page
Version: 1.0.1
*/


/** Typografi **/
  .verkstad-item,.main_color .verkstad-item h2,.main_color .verkstad-item h3{color:var(--color-off-black);}
  .main_color .verkstad-item h2{margin:0 0 1.75rem;}
  .main_color .verkstad-item h3{margin:.2rem 0 .8rem;}

/** Karta **/
  .container #verkstad-gmap{margin-bottom: 80px; border-radius:var(--radius-default);}
  .gm-style .gm-style-iw-d{color: var(--color-off-black);}
  #verkstad-gmap .gm-style-iw-chr button{height: 35px !important;}

/** Verkstadskort **/
  .verkstad-grid{list-style:none;margin:0;padding:0;display:grid;gap:4.8125rem;}
  .verkstad-item{margin:0;background:var(--color-off-white);border-radius:var(--radius-default);max-width: 900px;}
  .verkstad-card__body{display:grid;gap:1.7rem;}
  .verkstad-card__map{grid-area:one;}
  .verkstad-card__openinghours{grid-area:two;}
  .verkstad-card__contactinfo{grid-area:three;}
  .versktad-wrapper_button{grid-area:four;}

  /* Karta i kort (scopad) */
    .verkstad-card__map .map-frame{aspect-ratio:1/1;overflow:hidden;display: block;width: 100%;}
    .verkstad-card__map .map-placeholder{display:grid;place-items:center;height:220px;}
    .verkstad-card__map .map-frame,.verkstad-card__map .map-placeholder{margin-bottom:45px;border:1px solid var(--color-grey-2);border-radius:var(--radius-default);}
    .verkstad-card__map .map{display: block;width: 100%;max-width: 100%;height: auto;}

  /* Kontakt info */
    .verkstad-sec__contact{margin-top:2.4rem;}

/** Select **/
  #top .main_color .verkstad-dropdown #verkstadSelect{padding-left: 20px; border-radius: var(--radius-default); color: var(--color-off-black);}


/** Media queries **/
  /* Desktop */
    @media only screen and (min-width:990px){
      .verkstad-card{padding:32px;}
      .verkstad-card__body{grid-template-columns:260px 190px 1fr;grid-template-areas:"one two three" "four two three";align-items:start;}
    }
  /* Tablet */
    @media only screen and (min-width:768px) and (max-width:989px){
      .verkstad-card{padding:32px;}
      .verkstad-card__body{grid-template-columns:1fr 1fr;gap: 0 1.7rem;grid-template-areas:"one two" "one three" "four three";}
    }
  /* Mobile */
    @media only screen and (max-width:767px){
      .verkstad-card{padding:20px;overflow-x: hidden;}
      .verkstad-card__body{grid-template-columns:1fr;grid-template-areas:"one" "two" "three" "four"};
      .verkstad-card__body > * {min-width: 0;}
      .verkstad-card__map .map-frame{aspect-ratio:16/10;}
      .verkstad-card__map .map { width:100%; height:100%; object-fit:cover; }
      .verkstad-card__map .map-frame, .verkstad-card__map .map-placeholder{margin-bottom: 0;}
	     #top .verskta-map-row{width: 100%; margin-left: 0;}
       .contact-list a {overflow-wrap: anywhere;word-break: break-word;}
	  .main_color .verkstad-item h3 + p {margin-top: 10px;}
	  .main_color .verkstad-item h3 {margin: .2rem 0 0;}
    }