/**
 * Simple Contact Bar
 *
 * @wordpress-plugin
 * Plugin Name: Simple Contact Bar
 * Version:     1.0.2
 * 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
 * Requires PHP: 7.1
 *
 * WC requires at least: 7.1
 * WC tested up to: 7.8
 *
 * License: GPL2+ or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.txt
 */

.scb-admin form {
  padding: 30px;
  margin-bottom: 100px;
}
.scb-admin form .form-table {
  padding: 30px;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 30px;
  box-sizing: border-box;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.scb-admin form .form-table tbody tr,
.form-table th,
.form-table td {
  padding: 20px;
}

.scb-admin form h2 {
  margin-left: 10px;
  color: #007bff;
}

.scb-admin form p {
  margin-left: 10px;
}

.scb-admin form p.submit .button {
  padding: 10px;
}
.scb-admin .margin-left {
  margin-left: 20px;
}

.scb-admin .shortcodes-details {
  padding: 30px;
}
.scb-admin .shortcodes-details-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-bottom: 50px;
}
.scb-admin .shortcodes-details-col {
  padding: 30px;
  background: #fff;
  margin-left: 30px;
  margin-bottom: 30px;
  width: calc(25% - 30px);
  box-sizing: border-box;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  flex-grow: 1;
}

.scb-admin .shortcodes-details-title {
  font-weight: 500;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: 17px;
}
.scb-admin .shortcodes-details-title h3,
.scb-admin .shortcodes-details-title h4 {
  color: #ff0000 !important;
}
.scb-admin .shortcodes-details-description {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-weight: 300;
  line-height: 1.5em;
}
.scb-admin .shortcodes-details-preview .shorcode-preview {
  background-color: #f9f9f9;
  color: #000000;
  border-radius: 5px;
  font-size: 1rem;
  padding: 10px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.scb-admin .scb-padding-20 {
  padding: 10px !important;
}
.scb-admin .scb-width-100 {
  width: 100% !important;
}

.scb-admin input[type="text"] {
  padding: 6px 10px;
  margin: 5px 0;
  box-sizing: border-box;
}

.scb-admin input[type="number"] {
  padding: 6px 0 6px 10px;
  width: 85px;
  margin: 5px 0;
  box-sizing: border-box;
}

.scb-admin select,
.scb-admin select option {
  padding: 6px 24px 6px 6px;
  margin: 5px 0;
  box-sizing: border-box;
}
.scb-admin textarea {
  padding: 6px 10px;
  margin: 5px 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .scb-admin .shortcodes-details-col {
    width: 100%;
  }
}