/*
=========================================================
30-buttons.css — Buttons, quick actions, schedule copy
=========================================================
*/

/* ------------------------------------------------------------- */
/* buttons inside the listing */
/* Phone button */
#qa-b6eb4b a {
    background-color: #ff7100 !important;
}

/* WhatsApp button */
#qa-b99b52 a {
    background-color: #25D366 !important;
}

/* ------------------------------------------------------------------ */

/* call buttons inside the post/listing */
@media (max-width: 767px) {

    /* Main bottom bar */
    .quick-listing-actions {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        background: white;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
        padding: 10px 0;
        display: flex;
    }

    .quick-listing-actions ul {
        margin: 0;
        padding: 0;
        display: flex;
        width: 100%;
    }

    .quick-listing-actions li {
        list-style: none;
        flex: 1;
        /* equal button width */
        margin: 0;
    }

    .quick-listing-actions a {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 60px;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 14px;
    }

    /* icon + text spacing */
    .quick-listing-actions a i {
        margin-bottom: 4px;
        font-size: 16px;
    }

    /* Ensure page content is not hidden behind bar */
    body {
        padding-bottom: 60px !important;
    }
}

/* ----------------------------------- */
/* ===== Copy schedule button ===== */
a.copy-schedule.add-row-button{
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;

	height: 54px !important;
	padding: 0 12px !important;

	border-radius: 18px !important;

	background: linear-gradient(180deg, #ff8a3d, #ff7100) !important;
	color: #ffffff !important;

	font-size: 16px !important;
	font-weight: 900 !important;
	letter-spacing: 0.2px !important;
	text-decoration: none !important;

	border: 2px solid #ff7100 !important;

	cursor: pointer !important;

	transition:
		transform 0.15s ease,
		box-shadow 0.15s ease,
		filter 0.15s ease !important;
}

/* Icon styling */
a.copy-schedule.add-row-button i{
	font-size: 20px !important;
	line-height: 1 !important;
	opacity: 1 !important;
}

/* Hover */
a.copy-schedule.add-row-button:hover{
	transform: translateY(-2px) !important;
	filter: brightness(1.05) !important;
}

/* Active / click */
a.copy-schedule.add-row-button:active{
	transform: translateY(0) !important;
	box-shadow:
		0 8px 16px rgba(255,113,0,0.40) !important;
}

/* Optional: make it full-width on mobile */
@media (max-width: 520px){
	a.copy-schedule.add-row-button{
		width: 100% !important;
		justify-content: center !important;
	}
}