/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ===== Globals =========================================================== */
:root{
	/* Brand palette */
	--brand-pink:#D50069;
	--brand-turq:#39C7CE;
	--brand-blue:#222753;
	--brand-navy:#0B1429;
	--ink:#111827;
	--muted:#f1f1f1;
	--maxw:1600px;

	/* Buttons */
	--btn-radius:8px;
	--btn-pad-y:20px;
	--btn-pad-x:50px;
}

/* Buttons: base + variants (usable anywhere) */
.btn,
.ph-btn,
.hp-btn{ /* keep .ph-btn and .hp-btn for backward compatibility */
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:var(--btn-pad-y) var(--btn-pad-x);
	border-radius:var(--btn-radius);
	text-decoration:none;
	font-weight:800;
	border:1px solid transparent;
	transition:transform .04s ease, filter .2s ease;
	color:#fff;
}
/* Basfärg för text */
.btn,
.ph-btn,
.hp-btn {
  color: #fff !important;
}

/* Hover och active-effekter */
.btn:hover,
.ph-btn:hover {
  filter: brightness(.98);
}
.btn:active,
.ph-btn:active {
  transform: translateY(1px);
}

/* Varianter */
.btn--primary, .ph-btn--paket   { background: var(--brand-blue); }
.btn--accent,  .ph-btn--offer   { background: var(--brand-pink); }
.btn--turq,    .ph-btn--ref     { background: var(--brand-turq); }
.ph-btn--contact               { background: var(--brand-blue); }
.btn--dark                     { background: #111; }
.btn--light                    { background: #fff; color: #111 !important; }

/* Helpers för äldre markup */
.btn-blue  { background: var(--brand-blue); color: #fff; }
.btn-pink  { background: var(--brand-pink); color: #fff; }

/* Legacy preview buttons */
.btn-accent { background: var(--brand-pink); color: #fff; }
.btn-dark   { background: #111; color: #fff; }

/* Utility */
.container { max-width: var(--maxw); margin: 0 auto; padding: 0 16px; }