/*
Theme Name: Anugrah Transport Malang
Theme URI: https://AnugrahTrasnportMalang.com
Author: Professional WordPress Developer
Description: Tema custom full replica Anugrah Transport Malang - Sewa Mobil & Paket Wisata
Version: 4.0
Text Domain: anugrah-transport-malang
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@400;500&display=swap');

:root {
    --primary: #28a745;
    --blue-light: #a1d6ff;
    --blue-dark: #0d6efd;
}

body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.7;
    color: #333;
}

h1, h2, h3, h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

/* HERO */
.hero {
    color: #ffffff !important;
    height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url('https://picsum.photos/id/1015/1920/1080') center/cover no-repeat;
}

/* CARD ARMADA & PAKET */
.card-armada, .card-paket {
    transition: all 0.4s ease;
    border: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.card-armada:hover, .card-paket:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.15);
}

/* GAMBAR PAKET WISATA KOTAK PRESISI */
.card-paket .card-img-top {
    height: 240px !important;
    object-fit: cover !important;
}

/* TOMBOL FINAL - OUTLINE HIJAU + HOVER BIRU MUDA KE BIRU TUA */
.btn, .btn-green, .btn-blue, .btn-success, .btn-outline-success, .btn-outline-blue {
    border-radius: 50px !important;
    padding: 14px 32px !important;
    font-weight: 600 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 2px solid #28a745 !important;
    background: transparent !important;
    color: #28a745 !important;
    box-shadow: 0 4px 15px rgba(40,167,69,0.2) !important;
}

.btn:hover, .btn-green:hover, .btn-blue:hover, .btn-success:hover, .btn-outline-success:hover, .btn-outline-blue:hover {
    background: linear-gradient(135deg, #a1d6ff, #0d6efd) !important;
    border-color: #0d6efd !important;
    color: white !important;
    transform: scale(1.10) translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(13,110,253,0.5) !important;
}

.btn:active {
    transform: scale(0.95) translateY(2px) !important;
}

/* FLOATING WA */
.floating-wa {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 65px;
    height: 65px;
    background: #25D366;
    color: white;
    font-size: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(37,211,102,0.5);
    z-index: 9999;
    text-decoration: none;
    transition: all 0.3s;
}
.floating-wa:hover {
    transform: scale(1.15);
    box-shadow: 0 12px 30px rgba(37,211,102,0.7);
}