/**
 * Simple Contact Bar
 *
 * @wordpress-plugin
 * Plugin Name: Simple Contact Bar
 * Version:     1.0.4
 * Plugin URI:  https://wordpress.org/plugins/simple-contact-bar/
 * Description: Simple Contact Bar plugin: is an easy-to-use plugin that adds a call now and whatsapp message button to sites created with Wordpress infrastructure. In addition to fully customizable buttons, it has the feature of directing the visitor to communicate with the popup.
 * Tags:        click to call, call now, call me now, call now button, click to call bar, call button, whatsapp button, text from whatsapp, whatsapp text button, popup contact buttons
 * Author:      Tuncay TEKE
 * Author URI:  https://tuncayteke.com.tr
 * Contributors: tuncayteke
 * Donate link: https://profiles.wordpress.org/tuncayteke/
 * Text Domain: simple-contact-bar
 * Domain Path: /languages/
 * Requires at least:  5.4.0
 * Tested up to: 6.6.1
 * Requires PHP: 7.1
 *
 * WC requires at least: 8.1
 * WC tested up to: 9.1.4
 *
 * License: GPL2+ or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.txt
 */

.scb-contact-bar {
  z-index: 999999;
  text-decoration: none;
  height: auto;
  max-width: 30%;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  position: absolute;
}
.scb-contact-bar::after {
  content: "";
  clear: both;
  display: table;
}

/* BUTTON */
.scb-contact-bar a,
.scb-button {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 0;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  padding: 1rem 1rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  overflow: visible;
  text-decoration: none !important;
  height: 2rem;
  width:auto;
  max-width: 95%;
  max-height: 3.5rem!important;
  text-overflow: ellipsis;
  text-align: center;
}

/* BUTTON STYLES */
.scb-button-flat-square {
  border-radius: 0;
}

.scb-button-radius-square {
  border-radius: 5px;
}

.scb-button-circle {
  border-radius: 50px !important;
}

/* BUTTON TEXT */
.scb-contact-bar .scb-button-text,
.scb-contact-bar.scb-button-text,
.scb-contact-bar a.scb-button-text,
.scb-contact-bar a .scb-button-text,
.scb-contact-bar a.span,
.scb-contact-bar a .span,
.scb-button-text {
  margin: 0 0.25rem;
  vertical-align: middle;
  position: relative;
  text-shadow: 1px 1px 2px #4c4c4c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  text-decoration: none;
}

/* BUTTON SVG */
.scb-contact-bar svg,
.scb-contact-bar a svg,
.scb-contact-bar a .scb-button svg,
.scb-contact-bar .scb-button svg,
.scb-button svg {
  position: relative;
  align-content: center;
  justify-content: flex-start;
  flex-shrink: 0;
  fill: currentColor;
  transition: fill 0.3s;
  margin: 0.5rem 0.25rem !important;
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  height: auto;
  width: auto;
  max-height: 2.5rem !important;
  max-width: 2.5rem !important;
}

.scb-contact-bar a:hover svg,
.scb-contact-bar a:hover .scb-button svg,
.scb-contact-bar .scb-button:hover svg,
.scb-button:hover svg {
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}

/* BUTTON SIZES */
.scb-button.scb-button-sm,
.scb-button .scb-button-sm,
.scb-button-sm {
  padding: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

.scb-button.scb-button-md,
.scb-button .scb-button-md,
.scb-button-md {
  padding: 0.35rem 0.35rem;
  font-size: 1rem;
  line-height: 1.75rem;
}

.scb-button.scb-button-lg,
.scb-button .scb-button-lg,
.scb-button-lg {
  padding: 0.5rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

.scb-button.scb-button-xl,
.scb-button .scb-button-xl,
.scb-button-xl {
  padding: 0.75rem;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.scb-button.scb-button-xxl,
.scb-button .scb-button-xxl,
.scb-button-xxl {
  padding: 1rem;
  font-size: 1.75rem;
  line-height: 2.5rem;
}

/* BUTTON SIZES */
.scb-button.scb-button-sm svg,
.scb-button .scb-button-sm svg,
.scb-button-sm svg {
  height: 1.1rem !important;
}

.scb-button.scb-button-md svg,
.scb-button .scb-button-md svg,
.scb-button-md svg {
  height: 1.5rem !important;
}

.scb-button.scb-button-lg svg,
.scb-button .scb-button-lg svg,
.scb-button-lg svg {
  height: 1.75rem !important;
}

.scb-button.scb-button-xlg svg,
.scb-button .scb-button-xlg svg,
.scb-button-xlg svg {
  height: 2rem !important;
}

.scb-button.scb-button-xxl svg,
.scb-button .scb-button-xxl svg,
.scb-button-xxl svg {
  height: 2.25rem !important;
}

#scb-phone-button {
  color: #fff;
  background-color: #055fad;
}

#scb-whatsapp-button {
  color: #fff;
  background-color: #1e3308;
}

/* BOTTOM */
.scb-bottom-right {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

.scb-bottom-left {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
}

.scb-bottom-center {
  position: fixed;
  bottom: 1rem;
  margin-left: 40% !important;
}

/* LEFT */
.scb-left-center {
  position: fixed;
  left: 1rem;
  bottom: 40%;
}

/* RIGHT */

.scb-right-center {
  position: fixed;
  right: 1rem;
  bottom: 40%;
}

/* TOP */

.scb-top-left {
  position: fixed;
  top: 1rem;
  left: 1rem;
}

.scb-top-right {
  position: fixed;
  top: 1rem;
  right: 1rem;
}

.scb-top-center {
  position: fixed;
  top: 1rem;
  margin-left: 40% !important;
}

/* MIDDLE */
.scb-middle-center {
  position: fixed;
  top: 40% !important;
  left: 40% !important;
}

.scb-only-icon {
  height: 2rem!important;
  max-height: 2.5rem!important;
  max-width: 2.5rem!important;
  text-align: center;
}
.scb-only-icon svg {
display: block!important;
margin: auto!important;
}

/* ANIMATIONS */
.scb-button-icon-animation svg {
  -webkit-animation: scb-pulse 1s infinite;
  animation: scb-pulse 1s infinite;
}

.scb-button-animation {
  -webkit-animation: scb-ripple 0.6s linear infinite;
  animation: scb-ripple 0.6s linear infinite;
}

@-webkit-keyframes scb-pulse {
  0% {
    -webkit-transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
  }
}

@keyframes scb-pulse {
  0% {
    -webkit-transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.9);
  }
}

@-webkit-keyframes scb-ripple {
  0% {
    -webkit-box-shadow: 0 4px 10px rgba(99, 107, 115, 0.1),
      0 0 0 0 rgba(99, 107, 115, 0.1), 0 0 0 5px rgba(99, 107, 115, 0.1),
      0 0 0 10px rgba(99, 107, 115, 0.1);
    box-shadow: 0 4px 10px rgba(99, 107, 115, 0.1),
      0 0 0 0 rgba(99, 107, 115, 0.1), 0 0 0 5px rgba(99, 107, 115, 0.1),
      0 0 0 10px rgba(99, 107, 115, 0.1);
  }

  100% {
    -webkit-box-shadow: 0 4px 10px rgba(99, 107, 115, 0.1),
      0 0 0 5px rgba(99, 107, 115, 0.1), 0 0 0 10px rgba(99, 107, 115, 0.1),
      0 0 0 20px rgba(99, 107, 115, 0);
    box-shadow: 0 4px 10px rgba(99, 107, 115, 0.1),
      0 0 0 5px rgba(99, 107, 115, 0.1), 0 0 0 10px rgba(99, 107, 115, 0.1),
      0 0 0 20px rgba(99, 107, 115, 0);
  }
}

@keyframes scb-ripple {
  0% {
    -webkit-box-shadow: 0 4px 10px rgba(99, 107, 115, 0.1),
      0 0 0 0 rgba(99, 107, 115, 0.1), 0 0 0 5px rgba(99, 107, 115, 0.1),
      0 0 0 10px rgba(99, 107, 115, 0.1);
    box-shadow: 0 4px 10px rgba(99, 107, 115, 0.1),
      0 0 0 0 rgba(99, 107, 115, 0.1), 0 0 0 5px rgba(99, 107, 115, 0.1),
      0 0 0 10px rgba(99, 107, 115, 0.1);
  }

  100% {
    -webkit-box-shadow: 0 4px 10px rgba(99, 107, 115, 0.1),
      0 0 0 5px rgba(99, 107, 115, 0.1), 0 0 0 10px rgba(99, 107, 115, 0.1),
      0 0 0 20px rgba(99, 107, 115, 0);
    box-shadow: 0 4px 10px rgba(99, 107, 115, 0.1),
      0 0 0 5px rgba(99, 107, 115, 0.1), 0 0 0 10px rgba(99, 107, 115, 0.1),
      0 0 0 20px rgba(99, 107, 115, 0);
  }
}

/* CONTAINERS */
.scb-grid {
  display: grid !important;
  justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: stretch;
}

.scb-gab {
  gap: 0.5rem !important;
  align-content: space-between;
  justify-content: center;
  justify-items: center;
  padding: 1rem !important;
}

.scb-gab a {
  position: static;
}

.scb-inline {
  display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: center;
    align-items: center;
	margin: auto;
  justify-content: center;
  align-items: center;
}


/* POPUP */
.scb-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

.scb-popup-content {
  min-width: 30%;
  max-width: 80%;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.scb-popup-header {
  padding-bottom: 10px;
  text-align: center;
}

.scb-popup-scrollable-content {
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  text-decoration: none !important;
  text-align: center;
}

.scb-popup-footer,
.scb-popup-footer-buttons {
  margin-top: 50px;
  text-align: center;
  text-decoration: none;
}

.scb-popup-footer-buttons a {
  visibility: visible;
  position: relative !important;
  margin: 0.5rem;
}

.scb-popup-close-button {
  position: absolute;
  padding: 10px;
  border-radius: 5px;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 30px;
  border-radius: 5px;
  cursor: pointer;
}

.scb-popup-footer label {
  display: block;
}

.scb-popup-footer input[type="checkbox"] {
  margin-right: 5px;
}

.scb-popup-scrollable-content::-webkit-scrollbar {
  width: 8px;
}

.scb-popup-scrollable-content::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 4px;
}

.scb-popup-scrollable-content::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.scb-popup-scrollable-content::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

@media screen and (max-width: 768px) {
  .scb-popup-content {
    min-width: 75%;
    max-width: 90%;
  }
}

.scb-button-sm.scb-only-icon{

height: 2.5rem !important;
  min-height:2.5rem !important;
  max-height:2.5rem !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  max-width: 2.5rem !important;
  padding: .35rem;
  }

.scb-button-md.scb-only-icon{
    height: 3rem !important;
  min-height:3rem !important;
  max-height:3rem !important;
  width: 3rem !important;
  min-width: 3rem !important;
  max-width: 3rem !important;
  padding: .5rem;
}
  
.scb-button-lg.scb-only-icon{
  height: 3.5rem !important;
  min-height:3.5rem !important;
  max-height:3.5rem !important;
  width: 3.5rem !important;
  min-width: 3.5rem !important;
  max-width: 3.5rem !important;
  padding: .75rem;
}
  
.scb-button-xlg.scb-only-icon{
  height: 4rem !important;
  min-height:4rem !important;
  max-height:4rem !important;
  width: 4rem !important;
  min-width: 4rem !important;
  max-width: 4rem !important;
  padding: .9rem;
}