/*
Theme Name: GB Rivning Pro
Theme URI: https://gbgrivning.se
Author: Legend & Petrit
Author URI: https://gbgrivning.se
Description: Premium‑style, mobile‑first WordPress theme for demolition companies. Includes hero sections, services cards, project portfolio (CPT), before/after gallery block pattern, schema, lazyloaded assets, and Customizer settings.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gbrivning-pro
Tags: block-styles, custom-logo, custom-colors, custom-menu, featured-images, one-column, wide-blocks
*/
/* --- GBG Rivning knappdesign --- */
a[href^="tel:"],
.open-contact {
  transition: all 0.25s ease-in-out;
  text-decoration: none !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.25);
}

/* Hover-effekt */
a[href^="tel:"]:hover {
  background: #FFD700;
  color: #000;
  transform: scale(1.05);
}

.open-contact:hover {
  background: #fff;
  color: #111;
  border-color: #F6C106;
  transform: scale(1.05);
}

/* --- Mobilanpassning --- */
@media (max-width: 768px) {
  .hero a[href^="tel:"],
  .hero .open-contact {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 16px;
    border-radius: 12px;
  }
  .hero .open-contact {
    margin-top: 10px;
  }
}

/* --- Popup-stilförbättring --- */
#contactModal {
  backdrop-filter: blur(4px);
  animation: fadeIn .3s ease forwards;
}

#contactModal > div {
  animation: slideUp .35s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from { transform: translateY(40px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* --- Form-stil --- */
#contactModal input, 
#contactModal textarea {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
}

#contactModal button[type="submit"] {
  background: #F6C106 !important;
  color: #111 !important;
  border: none;
  padding: 12px 18px;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: background .2s ease;
}

#contactModal button[type="submit"]:hover {
  background: #FFD700 !important;
}
.sticky-call{
  position:fixed; right:16px; bottom:18px; z-index:9999;
  background:#F6C106; color:#111; font-weight:800;
  padding:12px 16px; border-radius:999px; box-shadow:0 8px 20px rgba(0,0,0,.25);
  text-decoration:none
}
@media(min-width:768px){ .sticky-call{ display:none; } }
.sticky-call:active{ transform:scale(.98); }