/*
 Theme Name:   Avada Child — RIDING BYTES
 Theme URI:    https://ridingbytes.com/
 Description:  Child theme for ridingbytes.com
 Author:       RIDING BYTES GmbH
 Author URI:   https://ridingbytes.com/
 Template:     Avada
 Version:      2.0.0
*/

/* Browser frame for screenshots */
.browser-frame {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  margin: 1.5em 0;
}

.browser-frame::before {
  content: "";
  display: block;
  height: 36px;
  background: #e8e8e8;
  background-image:
    radial-gradient(
      circle at 20px 50%, #ff5f57 5px, transparent 5px
    ),
    radial-gradient(
      circle at 40px 50%, #febc2e 5px, transparent 5px
    ),
    radial-gradient(
      circle at 60px 50%, #28c840 5px, transparent 5px
    );
  border-bottom: 1px solid #d0d0d0;
}

.browser-frame img {
  display: block;
  width: 100%;
  height: auto;
}

/* Dark variant for dark screenshots */
.browser-frame-dark {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
  margin: 1.5em 0;
}

.browser-frame-dark::before {
  content: "";
  display: block;
  height: 36px;
  background: #2a2a2a;
  background-image:
    radial-gradient(
      circle at 20px 50%, #ff5f57 5px, transparent 5px
    ),
    radial-gradient(
      circle at 40px 50%, #febc2e 5px, transparent 5px
    ),
    radial-gradient(
      circle at 60px 50%, #28c840 5px, transparent 5px
    );
  border-bottom: 1px solid #1a1a1a;
}

.browser-frame-dark img {
  display: block;
  width: 100%;
  height: auto;
}